/* ---------------- CSS DOCUMENT	---------------------- */

/*---DATE IS AUGUST 31, 2008----*/


/*
COLORS:
-----------------------
Blue, dark		#003366

Blue, page bkgd	#002447`																																																																																																																									

Blue, light		#97AEED  hover main_nav

Blue, light		#D0E2FF	 bluebox

Lavendar		#BFCEFB	 homepage-right; famous quotes

Blue/Lavendar	#A2BBFD	 not used yet

Blue/Purple		#0033CC  signature

Beige, banner	#FFEEBB

Beige, benchmk	#FFEBBF

Red, bar		#790D21

Peach, sidenav	#FFD6A1

Gray, med		#CCCCCC

Gray, lighter	#DFDFDF



*/






/* ------------GLOBAL VALUES ------------------------------*/

body {								/* centering done through body*/
	background-color: #002447;
	margin-left: -390px;					
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.75em;
	position: absolute;
	left: 50%;
	line-height: 1.5em;
}

div {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0;
}


h1, h2, h3, h4, h5, h6 {
	text-align:left;
}

h1 {
	font-size:2em;
	font-weight: normal;
}

h2 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom:0;
}

h3 {
	font-size: 1.2em;
	font-weight:bold;	
	font-style: italic;
	
}

h4 {
	font-size: 1em;
	font-weight:bold;
	font-style:italic;
}

h5 {
	font-size: 1em;
	font-weight:bold;
}

h6 {
	font-size: .9em;
	font-weight: bold;
	margin-bottom:0;
}



/* ---------------------------KEY LAYOUT CONTAINERS ------------------------------*/

#header {
	position:relative;
	width: 780px;
	background-color: #FFEBBF;
	margin: 0px;
	padding: 0px;
}

#bandofpics_container img {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}

#bandofpics_container img.leftmost {
	border:none;
}


	/* ----------------------- FOR HOME PAGE--------------------*/

#homepagecontainer {
	width: 780px;
	margin: 0;
	padding-top: 0;
	background-image: url(images/homepage_bkgnd.gif);
	background-repeat: repeat-y;
	color: #000000;
	background-color: #BFCEFB;
	font-size:.9em;
	line-height:1.4em;
}

#homeleftcolumn {		
	float: left;
	width: 185px;			 /*  220 allocated 20 LP + 185 + 15 RP */
	padding: 0px 15px 15px 20px;
	background-color: #FFEEBB;
	color: #000000;
}

#homemiddlecolumn {			/*  340 allocated 15 LP + VARIABLE content + 15 RP */
	margin-left: 220px;		
	margin-right:220px;		
	padding: 0px 15px 15px 15px;
	background-color: #FFFFFF;
	display: block;
}

#homerightcolumn {
	width: 195px;			 /*  220 allocated 10 LP + 195 content + 15 RP */
	background-color:#BFCEFB;
	color: #000000;
	float:right;
	padding: 0px 15px 15px 10px;
}

#homepagecontainer h2, h3 {
	color: #790D21;
	text-align: center;
}

#homepagecontainer h4, h5 {
	color: #003366;
}

#homepagecontainer h6 {
	margin-top:0;
}



/* --------------------------- FOR TWO COLUMN SUBPAGE LAYOUT ONLY ------------------*/

#pagecontainer2cols {
	margin: 0;
	width: 780px;
	padding: 0;
	background-image: url(images/twocol_bkgnd.gif);
	background-repeat: repeat-y;
}

#content {
	margin-left: 170px;			
	padding: 0px 20px 10px 20px;
	background-color: #FFFFFF;
	display: block;		    		/* 170 + 20PL + 570 + 20PR = 780 */
}

#content h2, h3 {
	color: #790D21;
}

#content h4, h5 {
	color: #003366;
	margin-bottom:-.75em;
}

#content ul {
	list-style-type:disc;
	padding: 0;
	margin-left: 2em;
}

#content li {
	padding-left: .6em;
}


#sidebar {
	width: 180px;
	float: right;
	margin-left: 20px;
	margin-top:20px;
	padding:0 0 5px 0;
	font-size:.9em;
 }

#sidebar img {
	margin-bottom: 0px;
}
/* ---------------------------- FOR THREE COLUMN SUBPAGE LAYOUT ONLY--------------------*/

#pagecontainer3cols {
	margin: 0;
	width: 780px;
	padding: 0px;
	background-image:url(images/threecol_bkgnd.gif);	/* gif= 170 + 410 + 200 */
	background-repeat: repeat-y;
}

#pagecontainer3cols h2, h3 {
	color: #790D21;
}

#pagecontainer3cols h5 {
	color: #003366;
	margin-bottom:-.75em;
}


#middlecolumn {				/*  410 allocated  20 LP + 375 content + 15 RP */
	margin-left: 170px;
	margin-right:200px;
	padding: 0px 15px 10px 20px;
	background-color: #FFFFFF;
	display: block;
}

#middlecolumn img + p {
	margin-top: 0
}

#middlecolumn h3 {
	color: #790D21;
}


#thirdcolumn {		/*  200 allocated 15 LP + 175 + 10 RP  */
	width: 175px;
	float: right;
	padding: 0px 10px 10px 15px;
	font-size:.9em;
	line-height:1.4em;
 }



/* ----------------- FOR EITHER TWO OR THREE COLUMN LAYOUTS------------------------*/


#sidenavcontainer {
	float: left;
	width: 170px;
	background-color: #FFEBBF;
	padding-bottom: 10px;
	color: #003366;
}


	/* ---------- Related Content ------------------------------- */

#relatedcontent {
	color: #003366;
	background-color: #FFD6A1;
	border: 2px solid #790D21;
	width: 176px;
	margin-bottom: 8px;
}


#relatedcontent h2 {
	color: #790D21;
	margin: 0;
	padding-top: 2px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
}

#relatedcontent ul {
	margin: 0;
	padding: 8px 4px 8px 22px;
}

#relatedcontent ul li {
	color: #003366;
	margin-bottom: 4px;
	list-style-type: square;
}

#relatedcontent ul li a {
	font-weight: bold;
	color: #003366;
}
#relatedcontent ul li a:link {font-weight: bold; color: #003366; text-decoration: underline;}
#relatedcontent ul li a:visited {font-weight: bold; color: #003366; text-decoration: underline;}
#relatedcontent ul li a:hover {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
	background-color: #A2BBFD;
}
#relatedcontent ul li a:active {font-weight: bold; color: #790D21; text-decoration: none;}


/* ---------- Famous Quote ------------------------------- */

.famous_quote {
	margin-bottom: 8px;
	color: #000000;
	background-color: #BFCEFB;
	border: 2px solid #003366;
	width: 160px;
	font-style: italic;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	font-weight: lighter;
} 

.famous_quoteright {
	margin-bottom: 8px;
	margin-left:8px;
	color: #000000;
	background-color: #BFCEFB;
	border: 2px solid #003366;
	width: 160px;
	font-style: italic;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	font-weight: lighter;
	float:right;
} 

.famous_quote p {margin: 0; padding: 0; font-weight: bold; }


/* ---------- Events Box ------------------------------- */

.framethreecolumns{
	width: 780px;
	margin: 0;
	padding-top: 0;
	background-image: url(images/homepage_bkgnd.gif);
	background-repeat: repeat-y;
	color: #000000;
	background-color: #BFCEFB;
	padding-top: 8px;
	padding-bottom: 8px;
	/* font-size:.9em; */
	/* line-height:1.4em; */
}

.eventsbox270_blue {
	margin-bottom: 8px;
	margin-left:8px;
	color: #000000;
	background-color: #BFCEFB;
	border: 2px solid #003366;
	width: 270px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	font-weight: lighter;
} 

.eventsbox270_green {
	margin-bottom: 8px;
	margin-left:8px;
	color: #000000;
	background-color: #CBFFC6;
	border: 2px solid #003366;
	width: 270px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
} 

.eventsbox286_orange {
	margin-bottom: 8px;
	margin-left: 1px;
	color: #000000;
	background-color: #FFE0D0;
	border: 2px solid #003366;
	width: 286px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
} 

.eventsbox286_blue {
	margin-bottom: 8px;
	margin-left: 1px;
	color: #000000;
	background-color: #BFCEFB;
	border: 2px solid #003366;
	width: 286px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	font-weight: lighter;
} 

.eventsbox286_green {
	margin-bottom: 8px;
	margin-left: 1px;
	color: #000000;
	background-color: #CBFFC6;
	border: 2px solid #003366;
	width: 286px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
} 

.eventsbox270_blue_right {
	float:right;
	margin-bottom: 8px;
	margin-right:8px;
	color: #000000;
	background-color: #E0E0FF;
	border: 2px solid #003366;
	width: 358px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	font-weight: lighter;
} 

.eventsbox270_green_left {
	float: left;
	margin-bottom: 8px;
	margin-left:8px;
	color: #000000;
	background-color: #CBFFC6;
	border: 2px solid #003366;
	width: 358px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	font-weight: lighter;
} 

.eventsbox270_beige {
	margin-bottom: 8px;
	margin-left:8px;
	color: #000000;
	background-color: #FFEEBB;
	border: 2px solid #003366;
	width: 270px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	font-weight: lighter;
} 

.eventsbox220_blueright {
	margin-bottom: 8px;
	margin-left:8px;
	color: #000000;
	background-color: #BFCEFB;
	border: 2px solid #003366;
	width: 220px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	font-weight: lighter;
	float:right;
} 

.eventsbox220_greeenright {
	margin-bottom: 8px;
	margin-left:8px;
	color: #000000;
	background-color: #CBFFC6;
	border: 2px solid #003366;
	width: 220px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	font-weight: lighter;
	float:right;
} 

.eventsbox220_beigeright {
	margin-bottom: 8px;
	margin-left:8px;
	color: #000000;
	background-color: #FFEEBB;
	border: 2px solid #003366;
	width: 220px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	font-weight: lighter;
	float:right;
} 


/* ---------- Blue Boxes ------------------------------- */

.bluebox {
	color: #000000;
	background-color: #D0E2FF;
	border: 2px solid #003366;
	padding: 0px 5px 8px 10px;
	line-height:1.3;
} 

.bluebox_bold {
	color: #000000;
	background-color: #D0E2FF;
	border: 2px solid #003366;
	font-weight: bold;
	padding: 0px 5px 8px 10px;
} 

/* ---------- Testimonial ------------------------------- */


.testimonial {
	font-style: italic;
	line-height: 1.5em;
	color: #000000;
	background-color: #CBFFC6;
	padding: 8px;
	font-weight: bold;
	border: 2px solid #336633;
}

.testimonial_right {
	font-style: italic;
	line-height: 1.5em;
	color: #000000;
	background-color: #CBFFC6;
	padding: 8px;
	font-weight: bold;
	border: 2px solid #336633;
	width:160px;
	float:right;
	margin-left:8px;
}


/* ---------- Gray Box------------------------------- */

.greenbox {
	font-size: 1em;
	line-height: 1.5em;
	color: #000000;
	background-color: #CBFFC6;
	padding: 8px;
	border: 2px solid #336633;
	padding-right: 5px;
	padding-left: 5px;
}

/* ---------- Tables ------------------------------- */

table td {
	padding: 5px;
}

table li {
	padding-right:5px;
	padding-bottom:5px;
	padding-left:5px;
}

.redtable {
	border: 2px solid #790D21;
	margin-bottom:10px;
}

.redtable td {
	border: 1px solid #790D21;
}

/* -------------- SITE MAP ------------------------ */

#sitemap h5 {
	margin-bottom:0;
}

#sitemap ul {
	list-style-type:none;
	margin:0;
	padding:0;
	width: 100%;
	line-height:1.1em;
}

#sitemap a {
	display:block;
	color:#003366;
	padding: .2em .4em .2em 0em;
}

#sitemap  ul a {
	display:list-item;
	list-style-type:disc;
	padding:.2em .4em .2em 0em;
	line-height:1.1em;
}


#sitemap  ul ul a {
	display:list-item;
	list-style-type:none;
	background-image:url(images/triangle_blue.gif);
	background-repeat:no-repeat;
	background-position:1.5em .4em;
	padding:.2em .4em .2em 3em;
	line-height:1.1em;
}

#sitemap ul ul ul a {
	display:list-item;
	list-style-type:none;
	background-image:url(images/triangles2_blue.gif);
	background-repeat:no-repeat;
	background-position:2.5em .4em;
	padding:.2em .4em .2em 5em;
	line-height:1.1em;
}


#sitemap a:link { text-decoration:none; }

#sitemap a:visited { text-decoration:none; }

#sitemap a:hover { text-decoration: underline; }



/* -------------- GENERAL CLASSES, MISCELLANEOUS ------------------------ */


p.citation {
	display: block;
	margin-top: 8px;
	text-indent: 30px;
	font-style: normal;
}

.quotedpassage {
	line-height:1.4em;
}


.clearing {
	clear: both;
	height:1px; 
	background: transparent;
	margin:0;
	padding:0;
	font-size:0em }

.lastupdated {
	font-size: 80%;
	text-align: right;}

.caption {
	font-size: 90%;
	text-align: center;
	margin-top: -3px;
	font-style: normal;
	font-weight: normal;
}

.caption_left {
	font-size: 90%;
	text-align: left;
	margin-top: -3px;
	font-style: normal;
	font-weight: normal;
}

.signature {
	font-style: italic;}
	

.floatleft {
	float: left;
}

.imageleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 8px;
}

.imageright {
	float: right;
	margin-left: 10px;
	margin-bottom: 8px;
}

.imagecenter {
	float: none;
}


/* ----------------------FOOTER --------------------------------- */

#footer {
	width: 770px;
	font-size: x-small;
	text-align:left;
	background-color: #FFEBBF;
	line-height: 1.8em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
}




/* ---------------------------------NAVIGATION  -----------------------------



/*------------ BREADCRUMBS ------------------------------- */

#breadcrumbscontainer {
	width:280px;
	float:right;
	background-color:#FFEBBF;
	text-align:right;
	white-space:normal;	
}

#breadcrumbs  {
	padding:0;
	margin:0;
}

p#breadcrumbs  {
	font-size: .9em;
	padding-right:5px;
}
	
p#breadcrumbs a {color: #003366;}
p#breadcrumbs a:link {color: #003366;}
p#breadcrumbs a:visited {color: #7c1c51;}
p#breadcrumbs a:hover {color:#4d59ab;}
p#breadcrumbs a:active {color: #003366;}



/* -----------------TOP NAVIGATION BAR------------------- */

#topnavcontainer {
	background-color:#002447; 
	text-align: right;  
	color: #FFFFFF;
}

#topnavcontainer ul {
	padding: 0 0 .1em 0;
	margin: 0;
}
 
#topnavcontainer li {
	display: inline;
	margin-right: .7em;
	margin-left: .7em;
}

#topnavcontainer li a {
	color: #fff;
	font-size:.9em;
}

#topnavcontainer li a:link { text-decoration:none; }

#topnavcontainer li a:visited { text-decoration:none; }

#topnavcontainer li a:hover { text-decoration: underline; }

#topnavcontainer li a:active { text-decoration:none; }

#topnavcontainer li a.last { background-image:none; }


/* -------------------------MAIN NAV BAR--------------------------------------- */

#mainnavcontainer {
	background-color: #003366;	/* Dark Blue   */
	color:#FFFFFF;
	width:780px;
	margin: 0;
	padding:0;
	height:25px;
}

#mainnavbar {
	background-color: #003366;	/* Dark Blue   */
	width:760px;
	margin:0 0 1em 0;
	height:25px;
	float:left;
}

#mainnavcontainer ul {
	list-style-type:none;
	margin:0;
	text-align: center;
	padding:0 0 0 0;
	margin:5px 0 10px 0;	
}

#mainnavcontainer ul li {
	display: inline;
}

#mainnavcontainer li a {
	color:#FFFFFF;
	font-size: 1.0em;
	text-decoration: none;
	padding: 0 0.30em 0 0.90em;
	margin:0;	
}

#mainnavcontainer a:hover { 
	color:#FFFFFF;			
	text-decoration:underline;
}

#mainnavcontainer a.selected { 
	color:#BCDCF4;				/* Medium Blue  */
	text-decoration:none;
}











/*----------- ----------------SIDE NAVIGATION BAR ------------------------ */


#sidenavcontainer h1 {
	text-align: center;
	color: #790D21;
	font-size: 2em;
	line-height: 1.2em;
}

#sidenavcontainer ul {
	list-style-type:none;
	margin:0;
	padding:0;
	width: 100%;
	line-height:1.1em;
}

#sidenavcontainer a {
	display:block;
	color:#003366;
	font-weight: bold;
	font-size: .9em;
	background-color:#FFD6A1;
	padding: .4em .4em .4em 1.5em;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:#790D21;
}

#sidenavcontainer a:hover {
	background-color: #A65756;
	color: #003366;
}

#sidenavcontainer a#listed_first {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #790D21;
}

#sidenavcontainer a.selected {
	color:#FFFFFF;
	background-color:#790D21;
	padding: .4em .4em .4em 1.5em;
	text-decoration: none;	
}

#sidenavcontainer ul ul a {
	display:list-item;
	list-style-type:none;
	background-image:url(images/triangle_blue.gif);
	background-repeat:no-repeat;
	background-position:1.5em .4em;
	padding:.4em .4em .4em 3em;
	line-height:1.1em;
}


#sidenavcontainer ul ul a.selected {
	display:list-item;
	list-style-type:none;
	background-image:url(images/triangle_white.gif);
	background-repeat:no-repeat;
	background-position:1.5em .4em;
	padding:.4em .4em .4em 3em;
	line-height:1.1em;
	color:#FFFFFF;
	background-color:#790D21;
	text-decoration: none;
}

#sidenavcontainer ul ul ul a {
	display:list-item;
	list-style-type:none;
	background-image:url(images/triangles2_blue.gif);
	background-repeat:no-repeat;
	background-position:2.5em .4em;
	padding:.4em .4em .4em 5em;
	line-height:1.1em;
}

#sidenavcontainer ul ul ul a.selected {
	display:list-item;
	list-style-type:none;
	background-image:url(images/triangles2_white.gif);
	background-repeat:no-repeat;
	background-position:2.5em .4em;
	padding:.4em .4em .4em 5em;
	line-height:1.1em;
	color:#FFFFFF;
	background-color:#790D21;
	text-decoration: none;
}



/* -----------------FOOTER NAVIGATION BAR------------------- */

#footernavcontainer {
	background-color:#003366; 
	text-align: left;  
	color: #FFFFFF;
}

#footernavcontainer ul {
	padding: 0 0 .1em 0;
	margin: 0;
}
 
#footernavcontainer li {
	display: inline;
	margin-right: .7em;
	margin-left: .7em;
}

#footernavcontainer li a {
	color: #fff;
	font-size:.9em;
}

#footernavcontainer li a:link { text-decoration:none; }

#footernavcontainer li a:visited { text-decoration:none; }

#footernavcontainer li a:hover { text-decoration: underline; }

#footernavcontainer li a:active { text-decoration:none; }