/* visual5.css by Gene Dumas 07/27/03
091105 */

/* a {color: #660066;} */
a:link {color: #6666ff;}
a:hover {background: #00ffff;}
a:visited {color: #ff6699;}

#pagetitle {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 200%;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #771464;
    PADDING-TOP: 10px;
    TEXT-ALIGN: center;
    FONT-WEIGHT: bold;
    FONT-SIZE: xx-large;
    COLOR:#ff00ff ;
    FONT-FAMILY: 'Comic Sans MS';
    background-color : White;
}

#header {
	background-color: #96A2F0; /* ccccff; */
	background-image: url(images/cbclogo_96A2F0.gif);
	background-position: left center;
	background-repeat: no-repeat;
/*	padding-top: 1em;
	padding-bottom: 1em;
	position: fixed; */
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: center;
}

#header .slogan {
	color: #0000FF;
	text-align: center;
	font-size: 12px;
}

#navsite {
	color: #000;
	background-color: #fff;
	font-size: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	text-align: right;
}

/* Now, style the columns. You'll want to put the navigation
links for the current issue to the right. However, for this
contemporary method precise measurements aren't always the best
choice. So, a percentage of the width of the right-hand column
will be 15% of the browser's viewport width.*/

#lhnav {
	background-color:  #96A2F0; /* #9999ff; */
	width: 12em;
	float: left;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans Serif;
	padding-right: 1em; padding-bottom: 1em; padding-left: 1em;
}

#lhnav a {color: #000000;}
#lhnav a:hover {background: #00ff00;}

#rhnav {
	background-color: #666699;
	width: 10em;
	float: right;
	font-size: 10px;
	padding-right: 1em; padding-bottom: 1em; padding-left: 1em;
}

#rhnav a {color: #fff;}
#rhnav a:hover {background: #663333;}

/* You can now shrink the content portion of the page by 15%.
Do this by manipulating the right side of the margin to a
width of 15%. 8-)
*/

#container {
	margin-left : 13em;
	position: relative;
}

#content {
	position: relative;
	background-color: #ffcc99;
	color: #000;
	margin-top : 0px;
	/*margin-right : 0px; */
	margin-bottom : 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#footer {
	background-color: #fff;
	color: #000;
	border-bottom: 1px solid #000;
	font-family: courier new,courier,monospace;
	font-size: 77%;
	padding-top: 7px;
	text-align: center;
	BORDER-TOP: #888 1px dashed;
	MARGIN-TOP: 1.5em;
	BACKGROUND: #f0f1f0;
}

h1 {
	color: #3399ff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
}

h2 {
	color: #3399ff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 21px;
	font-weight: bold;
}

h3 {
	color: #3399ff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
}

h4 {
	color: #3399ff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}

p {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}

.copyright {
	color: #666666;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	text-align: right;
}


/* eof:  visual5.css */