/* ==============

Dark blue: #031174
Med blue: #7995CD
Light blue: #CBDAF1 

=================== */

body { margin: 0; background: white; color: #333; font: 12px Arial, Helvetica, sans-serif; }
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


h1 { font-family: Trebuchet, Verdana, Helvetica, Sans-Serif; font-weight: bold; font-size: 18px; color: #005598; margin-top: 0px; border-bottom: 1px solid #999; }
h2, h3, h4 { font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; }
h1.part { font-size: 18px; color: #a34c00; margin-top: 0px; border-bottom: none; }

/* ==============
Launch with redesign

h1, h2, h3, h4 { font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; }
h1 { font-size: 20px; color: #665305; margin-top: 0px; border-bottom: 1px solid #999; font-weight: normal; font-family: Verdana, Arial, Helvetica, Sans-Serif;}
h1.beep { font-size: 18px; color: ##396791; margin-top: 0px; border-bottom: none; font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; }
h1.part { font-size: 18px; color: #a34c00; margin-top: 0px; border-bottom: none; font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; }
=================== */

h2 { font-size: 14px; color: #9e4c05; margin: 4px 0px 5px 0px; padding: 0px; }
h2a {font-size: 14px; color: #00325B; margin: 10px 0px 5px 0px; padding: 0px; }
h3 { font-size: 12px; color: #87101C; margin: 0px 0px 1px 0px; padding: 0px; }
h4 { font-size: 12px; margin: 0px 0px 1px 0px; padding: 0px;  color: #293e66;}
p {margin: 0px 0px 15px 0px; padding: 0px;}

.headtext1 {font-size: 18px; color: #396791; line-height: 20px;  font-weight: normal; padding-bottom: 5px; }
.headtext2 {font-size: 26px; font-weight: bold; color: #9e4c05; margin-left: 30px; line-height: 35px;}
.headtext2a {font-size: 14px; color: #00325B; margin: 20px 0px 5px 0px; padding: 0px; }
.headtext3 {font-size: 22px; color: #24375B; margin-left: 20px; margin-top: 0px;  line-height: 25px; font-weight: normal;}

.head2 { font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 14px; color: #9e4c05;}
.head2a {font-size: 14px; color: #00325B; margin: 20px 0px 5px 0px; padding: 0px; }
.head3 { font-family: Arial, Helvetica, Sans-Serif; font-weight: bold;font-size: 12px; color: #660000;}
.head3i { font-family: Arial, Helvetica, Sans-Serif; font-style:italic; font-weight: bold; font-size: 12px; color: #660000;}
.head4 { font-family: Arial, Helvetica, Sans-Serif; font-weight: bold;font-size: 12px; color: #293e66;}

ul { margin-top: 5px; }
li { margin-bottom: 3px; }
ul.quickLinks li { margin-left: -20px; text-align: left; font-size: 11px; font-family: Verdana, Arial, Helvetica, Sans-Serif; }
ul.noBullets { list-style-image: none;list-style-type: none;} /* ul class used to eliminate bullets on li's */
ul.noMargin { margin: 0; padding: 0;} /* ul class used to eliminate indentation on li's */

/* ---------- universal sidebar styles --------- */
td.subsidebar { background-color: #ffffff; border: solid 3px #cccccc; height:100%}
.subsidebar h2 {
	color: #ffffff;
	font-size: 15px;
	margin-top: 0px;
	margin-bottom: 2px;
	padding: 5px 8px;
	background: #DCEEF5;
}
.subsidebar h3 {
	color: #002340;
	padding: 3px 8px;
	margin: 0px 0px 0px;
	background: #cccccc;
}
.subsidebar h4 {color: #293e66; margin: 0px 11px 2px 11px;} 

.subsidebar p { margin: 0px 11px 8px 11px; font-size: 11px;}
.subsidebar ul li { padding-right: 8px; padding-bottom: 0px; margin-left:20px; font-size: 11px;}
.subsidebar ul {padding-left: 8px; margin-left: 0px;}

td.subsidebar .titleboldunderline {	font-weight: bold; text-decoration: underline; }
td.subsidebar ul.centeredlist { list-style-image: none;list-style-type: none; padding-bottom: 3px; padding-left: 0px;}
td.subsidebar ul.centeredlist li { text-align:center; margin-left: 0px; font-size: 10px; margin-bottom: 10px; padding: 0px;}


#mainContent .subsidebar h4 a {
	font-size: 12px; text-decoration: underline; 
}
td.subsidebar2 { background-color: #fbfcf0; border: solid 1px #cccccc;}
.subsidebar2 h2 {
	color: #ffffff;
	font-size: 15px;
	margin-top: 0px;
	margin-bottom: 2px;
	padding: 5px 8px;
	background: #DCEEF5;
}
.subsidebar2 h3 {
	color: #00325b;
	padding: 3px 8px;
	margin: 0px 0px 0px;
	background: #DCEEF5;
}
.subsidebar2 h4 {color: #293e66; margin: 0px 11px 2px 11px;} 

.subsidebar2 p { margin: 0px 11px 8px 11px; font-size: 11px;}
.subsidebar2 ul li { padding-right: 8px; padding-bottom: 0px; margin-left:20px; font-size: 11px;}
.subsidebar2 ul {padding-left: 8px; margin-left: 0px;}

td.subsidebar2 .titleboldunderline {	font-weight: bold; text-decoration: underline; }
td.subsidebar2 ul.centeredlist { list-style-image: none;list-style-type: none; padding-bottom: 3px; padding-left: 0px;}
td.subsidebar2 ul.centeredlist li { text-align:center; margin-left: 0px; font-size: 10px; margin-bottom: 10px; padding: 0px;}


#mainContent .subsidebar2 h4 a {
	font-size: 12px; text-decoration: underline; 
}

/* -------------- misc global styles ------------- */
.captext {font-size: 9px;} /* universal text that appears under inline imgs */
.smalltext {font-size: 11px;} /* universal small text */
.redspecial {color: #990000;} /* makes text red to standout */
.col {LEFT: 300px; WIDTH: 300px; POSITION: absolute} /* indents text 300 pixels from left column */

/* -------------- find your local ATIS styles ------------- */
div.localATIS { margin-left: 20px; margin-bottom: 25px;}
div.localATIS h2 { font-size: 14px; color: #9e4c05; margin: 4px 0px 5px 0px; padding: 0px; }
div.localATIS h3 { font-size: 12px; color: #5d6638; margin: 0px 0px 1px 0px; padding: 0px; }
div.localATIS h4 { font-size: 12px; margin: 0px 0px 1px 0px; padding: 0px; }
div.localATIS p.address { margin: 0px 0px 15px 0px; padding: 0px;}
div.localATIS ul.contact { list-style-image: none;list-style-type: none; margin: 0; padding: 0;}
div.localATIS ul.contact li {margin-bottom: 3px;}


/* -------------- ROC Website Members Listing ------------- */
div.roc-members-list {float: left; width: 40%; margin: 0px 20px 20px 0px; }
div.roc-members-list h4 p {margin-bottom: 20px;}

/* -------------- BEEP Seminar Schedule Page ------------- */
table.beep-content h2 {margin-top: 0px;}
table.beep-content .location {font-style: italic; color:#003366;}
table.beep-content td.schedule div.column1 {float: left; width: 38%; margin: 0px 40px 20px 0px; }
table.beep-content td.schedule div.column2 {float: left; width: 38%; margin: 0px 25px 20px 0px; }
table.beep-content td.schedule div p {margin-bottom: 20px;}

/* -------------- BEEP Seminar Pages ------------- */
table.beep-content div.banner {margin: 0px 20px 15px 0px}
table.beep-content div.banner img {float: left; margin: 0px 15px 0px 0px}
table.beep-content div.banner div {float: left; margin: 0px 0px 15px 0px;}
table.beep-content div.banner div .headtext1 {font-size: 18px; color: ##396791; line-height: 20px; display: block; font-weight: normal;}
table.beep-content div.banner div .headtext2 {font-size: 26px; font-weight: bold; color: #9e4c05; margin-left: 38px; line-height: 35px;display: block;}
table.beep-content div.banner div .headtext3 {font-size: 21px; color: #24375B; margin-left: 90px; line-height: 25px;display: block; font-weight: normal;}
table.beep-content div.home-page-list {float: left;}

table.beep-content ol.nineways-list li {font-size: 240%; color: #B8D293; font-weight: bold;}
table.beep-content ol.nineways-list span {font-size: 12px; display: inline; vertical-align: middle; font-weight: normal; color:#333; z-index: 2; position: relative; left: -5px;}

/* -------------- Centennial Patrons Listing ------------- */
table td.patrons-list h3 { font-size: 14px; color: #1b1163; margin: 0px 15px 5px 0px; padding: 3px 10px 3px 20px; width: 570px; background-color: #e5d8e2;}
table td.patrons-list ul {PADDING-LEFT: 0px; FONT-SIZE: 11px; MARGIN-LEFT: 15px; margin-bottom: 0px; padding-bottom: 0px; width: 30%; LIST-STYLE-TYPE: none; float: left;}
table td.patrons-list div {margin: 0px 15px 20px 0px; padding: 10px 0px; width: 600px; background-color: #eaf0bd;}

fieldset { padding: 10px; }
legend { font-weight: bold; color: #333; }

#breadcrumbs { margin-bottom: 0; padding: 5px 10px; color: #666; font-size: 11px; font-weight: bold; }
#breadcrumbs a { color: #666; font-weight: normal; }
#breadcrumbs a:hover { color: #bf5900; }

#mainContent a { color: #081ba6; text-decoration: none; }
#mainContent a:visited { color: #61044b; }
#mainContent a:hover { color: #bf5900; text-decoration: underline; }



.mt0 { margin-top: 0px; }
.mb0 { margin-bottom: 0px; }
.mtb0 { margin-bottom: 0px; margin-top: 0px; }
.mt5 { margin-top: 5px; }
.mb5 { margin-bottom: 5px; }
.mtb5 { margin-bottom: 5px; margin-top: 5px; }
.bb { border-bottom: #999999 1px solid; }

.caps { text-transform: uppercase }

.orange { color: #a34c00; }
.green { color: ##396791; }

.bgyellow { background-color: #fffbeb; }
.bglightgreen { background-color: #f9fce3; }
.bggreen { background-color: #eaf0bd; }
.bgltblue {background-color:#AEBDBF}
.bgltgray {background-color:#DCEEF5}

.table1 {background-color: #CCCCCC;}
.table1 thead td {text-transform: uppercase; padding: 3px 5px; background-color:#dadc8f; font-size: 110%; color: #00325b; font-weight: bold; }
.table1 tbody td {background-color:#eaf0bd; padding: 3px 5px;}


/* =============== BANNERS ============================= */

#siteLogoBanner { }
#sitePhotoBanner { border-bottom: 3px solid #032173; }

#siteLinks { padding: 4px 10px; font-size: 11px; text-align: right; background: url(images/nav_line_01.gif) bottom left no-repeat; }
#siteLinks a { color: #0036cc; }
#siteLinks a:hover { color: #cc3300; }

#siteSearch { text-align: right; padding: 2px 10px;}
#siteSearch td { font-size: 10px; color: #032173; }
#siteSearch td .formButton { height: 18px; font-size: 11px; font-weight: bold; line-height: 12px; color:white; background: #7995CD; border: 1px solid #7995CD; }

#tagLine { font-weight: bold; text-align: right; color: #fff; font-size: 14px; position: absolute; top: 160px; left: 12px; }
#tagLine { display: none; }


/* ================ MAIN CONTENT LAYOUT ============================= */

#homeLeftCol { width: 130px; padding: 10px; }
#leftCol { width: 150px; padding: 0; background: url(images/leftside_background.jpg); border-right: 1px solid #032173; }

#centerCol { background: #fff; width: 100%; padding-bottom: 15px; }
#mainContent { padding: 10px; }

#rightCol { background: #e0e0e0; width: 120px; padding: 10px; color: #032173; font-size: 11px; text-align: center; }


/* =============== RIGHT COLUMN ======================== */

#rightCol { width: 120px; padding: 10px; color: #032173; font-size: 11px; text-align: center; }
#rightCol .formText { font-size: 9px; }
#rightCol .formField { border: 1px solid black; width: 75px; height: 14px; }
#rightCol .formButton { border: 1px solid black; height: 18px; font-size: 11px; border-bottom-width: 2px; border-right-width: 2px;  }

#rightCol h2 { font-size: 14px; margin:0; margin-top: 15px; color: black; }
#rightCol p { margin: 5px 0; }
#rightCol hr { height: 1px; color: white; width: 100px; }
#rightCol a { color: #032173; text-decoration: none; }
#rightCol a:hover { color: #bf5900; text-decoration: underline; }

#loginBox, #loginBox a { color: black; }
#loginBox .LoginError 
{
	color: #800000;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
}

#rightCol h2 { margin-top: 0; font-size: 12px; }
#rightCol ul li { margin-left: -20px; }


/* =============== FOOTER COLUMN ======================== */

#footer { padding: 4px 10px; background: url(images/leftside_background.jpg); text-align: center; font-size: 11px; color: white; }
#footer a { color: white; text-decoration: underline; }
#footer a:hover { color: white; text-decoration: underline; }


/* =============== AUTHOR CONSOLE ======================== */

#authorConsole, #errorConsole { border: 1px solid #666; background: #e8e8e8; }
#errorConsole { border: 2px solid red; }
#authorConsole td, #errorConsole td { padding: 2px 5px; font-size: 11px; }
#authorConsole hr, #errorConsole hr { height: 1px; color: #999; }

#authorInput { margin-top: 15px; width: 600px; }

/* ==================== SITE MAP ========================= */

.HitReporting-ReportRootChannel { font-weight: bold; }
.HitReporting-ReportChannel { font-weight: bold; }


/* =============== SUCKERFISH MENUS =============== */

/* TOP NAVIGATION MENU */
#navBar {
	margin: 0;
	padding: 0;
	background: #032173;
	color: White;
	text-align: left;
	}

#nav a { display: block; text-decoration: none; color: white; }

#nav .mainMenu { font: 12px Arial, Helvetica, Sans-Serif; }
#nav .mainMenu a { padding: 2px 10px; font-size: 11px; font-weight: bold; }
#nav .mainMenu a:hover { background: #CBDAF1; color: Navy; text-decoration: underline; }
#nav .mainDivider { padding: 3px 0; }

#nav .subMenu { /* second-level lists */
	position: absolute;
	z-index : 200;
	margin-top: -2px;
	background: #CBDAF1; 
	border: 1px solid #032173; 
	border-bottom-style: none; 
	width: 150px;
	text-align: left;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}
	
#nav div:hover div, #nav div.sfhover div  { /* lists nested under hovered list items */
	left: auto;
	}
		
#nav .subMenu a { font-weight: normal; width: 140px; font-size: 11px; color: Black; padding: 2px 5px; border-bottom: 1px solid black; }
#nav .subMenu a:hover { background: #ffffcc; }


/* LEFT SUB NAVIGATION */

#leftNav, #leftNav ul { /* all lists */
	width : 150px;
	float : left;
	padding: 0;
	margin: 0;
	list-style: none;
	font: bold 12px Arial, Helvetica, Sans-Serif;
	letter-spacing: 0px;
	}

#leftNav li { /* all list items */
	position : relative;
	margin: 0; padding: 0;
	width: 150px;
	float : left;
	}

#leftNav li a {
	width: 140px;
	padding: 3px 5px;
	display : block;
	color: #fff;
	text-decoration : none;
	border-bottom: 1px solid black;
	margin: 0;
	}

#leftNav li a:hover { color: #032173; background: #ffffcc; text-decoration: underline; }


#leftNav li ul { /* second-level lists */
	position : absolute;
	z-index: 100;
	left: -999em;
	background: #CBDAF1;
	font-weight: normal;
	font-size: 11px;
	margin-left : 150px;
	margin-top : -23px;
	border: 1px solid black;
	border-bottom-style: none;
	}

#leftNav li ul ul { /* third-and-above-level lists */
	left: -999em;
	}

#leftNav ul li a { color: #032173; font-size: 11px; }
#leftNav ul li a:hover { color: #032173; background: #ffffcc; text-decoration: underline; }

#leftNav li:hover ul ul, #leftNav li:hover ul ul ul, #leftNav li.sfhover2 ul ul, #leftNav li.sfhover ul ul ul {
	left: -999em;
	}

#leftNav li:hover ul, #leftNav li li:hover ul, #leftNav li li li:hover ul, #leftNav li.sfhover2 ul, #leftNav li li.sfhover2 ul, #leftNav li li li.sfhover2 ul { /* lists nested under hovered list items */
	left: auto;
	}

.clearFloat { clear: both; }

#leftNav .navTopHilite a { font-size: 11px; padding-top: 1px; padding-bottom: 2px; color: #fff; background: #032173; text-align: center; }
#leftNav .navHilite a { background: #CBDAF1; color: #032173; }
#leftNav .navHilite a:hover { background: #ffffcc; color: #032173; }

/* Display arrow if there are subchannels */
#leftNav .navArrow a { background: url(images/navArrow.gif) top right no-repeat; }
#leftNav .navArrow a:hover { background:  #ffffcc url(images/navArrowOver.gif) top right no-repeat; }

#leftNav .navArrow li a, #leftNav .navArrow li a:hover { background-image: none; }

/* Static menu display for active channel section */
#leftNav .navHilite a { color: #032173; background: #CBDAF1; }
#leftNav .navHilite a:hover { color: #032173; background: #ffffcc; text-decoration: underline; }

#leftNav li.navHilite ul 
{
	left: auto; 
	position: relative; 
	margin-left: 0px; 
	margin-top: 0px;
	background: #CBDAF1;
	border-style: none;
	}
	
#leftNav li.navHilite ul a { background: #CBDAF1; }
#leftNav li.navHilite ul a:hover { background: #ffffcc; text-decoration: underline; }
#leftNav .subLink a { background: #ffffcc; }
	
/* Slide the nested 3rd level menus from actuve menu list */
#leftNav li.navHilite ul ul {
	position : absolute;
	z-index: 200;
	left: -999em;
	background: #CBDAF1;
	margin-left : 150px;
	margin-top : -22px;
	border: 1px solid black;
	border-bottom-style: none;
	}

#leftNav li.navHilite ul li.sfhover2 ul, #leftNav li.navHilite ul li:hover ul { left: auto; }

/* Display arrows if there are 3rd level subchannels in the menu list */
#leftNav li ul li.navArrow a { background: #CBDAF1 url(images/navArrowOver.gif) top right no-repeat; }
#leftNav li ul li.navArrow a:hover { background:  #ffffcc url(images/navArrowOver.gif) top right no-repeat; } 
#leftNav li ul li.noArrow a, #leftNav li ul li.noArrow a:hover { background-image: none; }

#rssFeed { width: 150px; color: #032173; font-size: 11px; text-align: center; }
#rssFeed a { color: #032173; text-decoration: none; }
#rssFeed a:hover { color: #CBDAF1; text-decoration: underline; }
#rssFeed hr { height: 1px; color: white; width: 150px; }