/*
===== CONTENTS =====

	created: 22 April 2007; Original Author - Kezia Payne (peziak@gmail.com)
	last modified: June 21 2007
        


	1: html and body settings
	2: universal elements
	   2.1: unique elements
	   2.2: margin/gutter settings 
	   2.3: headings 
	   2.4: inputs, options, forms
	   2.5: tables
	3: layout
		3.1: body
	    3.2: Containers 
		3.3: Content Areas 
		3.4: Container settings
			A: header
			B: row1
			C: row 2		
			D: footer
	4: typography
		4.1: body and layout
		4.2: anchor tags
	5. organization
	    5.1 lists

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

/* ==================== 1. html and body 	==================== */
body, SELECT, TEXTAREA, P, DIV, form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;}
/* ==================== 2. universal elements	==================== */      
a{outline: none;}
p {background-color: transparent;
	margin: 6px 0px 10px 0px;	}
img{border:0} 

/* ------------------- 2.1 unique elements	------------------------- */  

#home {border: 0px solid #000; margin: 0px 0px 0px 0px; width:100px; height: 130px;   }
.leftcol #bkgimgnone {
	background-image: none;
}

.positive {display:inline}
.negative {display:none; }
.negative_home,  #headersearchgotext {display:none; }
.widthextender300  {width: 300px; 	border: 0px solid #000;}
.widthextender400  {width: 400px; 	border: 0px solid #000;}
/* ------------------- 2.2 settings	------------------------- */   
.marginleft0 {margin-left: 0px}
.marginleft5 {margin-left: 5px}
.marginleft10{margin-left: 10px}
.marginleft15 {margin-left: 15px}
.marginleft20 {margin-left: 20px}
.marginleft25 {margin-left: 25px}
.marginleft30 {margin-left: 30px}
.marginleft40 {margin-left: 40px}

.marginright0 {margin-right: 0px}
.marginright5 {margin-right: 5px}
.marginright10 {margin-right: 10px}
.marginright15 {margin-right: 15px}
.marginright20 {margin-right: 20px}
.marginright25 {margin-right: 25px}
.marginright30 {margin-right: 30px}
.marginright40 {margin-right: 40px}

.margintop0 {margin-top: 0px}
.margintop5 {margin-top: 5px}
.margintop10 {margin-top: 10px}
.margintop15 {margin-top: 15px}
.margintop20 {margin-top: 20px}
.margintop25 {margin-top: 25px}
.margintop30 {margin-top: 30px}
.margintop40 {margin-top: 40px}

.marginbottom0 {margin-bottom: 0px}	
.marginbottom5 {margin-bottom: 5px}
.marginbottom10 {margin-bottom: 10px}
.marginbottom15 {margin-bottom: 15px}
.marginbottom20 {margin-bottom: 20px}
.marginbottom25 {margin-bottom: 25px}
.marginbottom30 {margin-bottom: 30px}
.marginbottom40 {margin-bottom: 40px}

.margintopbot0 {margin-top: 0px; margin-bottom: 0px}
.margintopbot5 {margin-top: 5px; margin-bottom: 5px}
.margintopbot10 {margin-top: 10px; margin-bottom: 10px}
.margintopbot15 {margin-top: 15px; margin-bottom: 15px}
.margintopbot20 {margin-top: 20px; margin-bottom: 20px}
.margintopbot25 {margin-top: 25px; margin-bottom: 25px}
.margintopbot30 {margin-top: 30px; margin-bottom: 30px}
.margintopbot40 {margin-top: 40px; margin-bottom: 40px}

/* ------------------- 2.3 headings 	------------------------- */  
	
h1 {font-weight: normal}
h2 {font-weight: normal}
h3 {font-weight: normal}
h4 {font-weight: normal}
h5 {font-weight: normal}
h6 {font-weight: normal}

.leftcol h1 {
	font-weight: bold;
	font-style: italic;
	font-family: Times New Roman, Georgia;
	font-size: 16px;
	margin: 0px 0px 0px 0px;}
.leftcol h2 {font-weight: bold; font-family: Arial, Helvetica; font-size: 16px; margin: 0px}
#leftcol_b h1 {font-weight: bold; font-family: Times New Roman, Georgia; font-size: 16px; margin: 0px; margin-top: 5px}

#row2container h3 {
padding-top: 10px;
font-weight: normal;
	font-family: Georgia;
	text-transform: uppercase;
	font-size: 16px;
	margin: 0px 0px 0px 0px;
	}

#row2container h4 {
	font-weight: normal;
	font-style: italic;
	font-family: Georgia;
	font-size: 16px;
	margin: 0px 0px 0px 0px;}
	
	#mlogin{
	margin: 0px 0px 0px 0px;
    padding: 10px;
	width: 168px;
	font-size: 10px; 
	border: 0px solid #000;
	height: 173px;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
		background: url(../images/back_03.png) no-repeat transparent;}

	
/* ------------------- 2.4 inputs ------------------------- */  

#adv input {background-color: #fff; border: 1px solid #999;  width: 201px}
	   #adv option {width: 170px}
	    #adv select {width: 170px}	 
#headersearchbox {float: left; display: inline; border: 0px solid #000; margin: 10px 2px 0px 20px }

#headersearchgo{float: left; display: inline; border: 0px solid #000; margin: 4px 2px 0px 0px }

#headerquicklinks {display: inline; float: left; margin: 10px 0px 0px 0px; width: 150px; border: 0px solid #fff; }	
/* ------------------- 2.5 tables ------------------------- */  
table {border: 0px}
td {border: 0px}

/* ==================== 3. Layout ==================== */

/* ------------------- 3.1 body layout------------------------- */ 
body {
	margin:0px 0px 0px 0px;
   	WIDTH: 100%;
   	height:100%;
   	padding: 0px 0px 0px 0px;
   	text-align: center;
		background-color: #fff;
   /* part 1 of 2 centering hack */
}

/* ------------------- 3.2 containers layout ------------------------- */ 

#headercontainer {
	border: 0px solid #000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	top: 0px;
	background: url(../images/bkg_mona_01.png) repeat-x; 
	background-color: #e00;
	border: 0px solid #000;
	width: 100%;
	height: 112px;}
	
.row1container {	border: 0px solid #000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	top: 0px;
	background: url(../images/bkg_06.png) repeat #E5E4E4;
	border: 0px solid #000;
	width: 100%;
	height: 277px;}
	 
#row2container {
	border: 0px solid #000;
	padding: 0px 0px 0px 0px;
		background: url(../images/bkg_09.png) top repeat-x transparent;
	margin: 0px 0px 0px 0px;
	border: 0px solid #000;
	width: 100%; padding-top: 2px}  
		
#footer {
	clear: both;
	border: 0px solid #000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	top: 0px;
	background-color: #F3F2F2;
	border: 0px solid #000;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	width: 100%;
	height: 70px;
	background-repeat: repeat;
} 

/* ------------------- 3.3 content areas ------------------------- */  
.content  {top: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto; 	/* opera does not like 'margin:20px auto' */
	background-color: transparent;

	border: 0px solid #f00;
	text-align: left; /* part 2 of 2 centering hack */

	width: 780px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 780px;
	}
html>body .content {
	width: 780px; /* ie5win fudge ends */}
	
.leftcol {float: left; display: inline; margin: 8px 0px 0px 16px; width: 200px;  border: 0px solid #000; padding:0px}
	
/* ------------------- A. header------------------------- */
#headercol1 {float: left; display: inline; 
   margin: 11px 0px 0px 0px;
	border: 0px solid #fff;
	height: 90px; 
	width: 390px;

	}

#headercol2	{	float: left; display: inline;    margin: 11px 0px 0px -10px; margin: 0px; background: url(../images/bkg_mona_02.png) no-repeat transparent;  height: 90px; border: 0px solid #f00; width: 380px;}
#headersearch {
	width: 335px;
	border: 0px solid #0f0;
	height: 40px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 23px;} 
#genlinks {margin: 7px 0px 0px 23px; padding: 0px; border: 0px solid #f00; height: 12px} 	
#breadcrumbs{	margin: 20px 10px 0px 16px; 	border: 0px solid #ddd; 	background-color: transparent;}
#uwititle {display: none;}	
	
/* ------------------- B. row1container/ 1st main row------------------------- */	
#leftcol_a {}
#accessibility_home {margin: 0px 28px 0px 16px; 	padding-top: 8px; border: 0px solid #ddd; background-color: transparent; text-align: right}
#rightcol {
	float: left;
	display: inline;
	margin: 5px 15px 0px 28px;
	padding:0px;
	width: 500px;
	height: 230px;
	background-color: #000;
	border: 5px solid #fff;
}	

/* ------------------- C. row2container/ 2nd row ------------------------- */	
#leftcol_b {}

	#middlecol {
	float: left;
	display: inline;
	margin: 0px 17px 0px 0px;
	padding: 0px 0px 40px 0px;
	background: url(../images/bkg_12.png) repeat-y left;
	width: 310px;
	border: 0px solid #f00;
}
	
#news {margin: 3px 0px 0px 28px;}
.ke {margin: 0px 10px 0px 0px; border: 1px solid #ccc; }
.spotstory {margin: 0px 0px 20px 10px; border: 0px solid #000;}

#r2rightcol {
	float: left;
	display: inline;
	margin: 0px 0px 0px 5px;
	padding: 3px 0px 0px 0px;
	width: 200px;
	border: 0px solid #f00;
}

.newsevents p, .newsspotlight p  {margin: 0px 0px 3px 0px;}

/* ------------------------- D. footer container/ 4th row 	 ------------------------- */

#footerrow .leftcol{width: 300px;}
#footerrightcol {
	float: left;
	display: inline;
	margin: 0px 0px 0px 5px;
	padding: 5px 0px 0px 0px;
	background-color: transparent;
	border: 0px solid #f00;
	border-right: 0px solid #f00;
	text-align: right;
	width: 430px;}

#footerrow{ margin: 0px 0px 0px 0px; border: 0px solid #f00;}

#footerrow p {margin: 0px 0px 3px 0px}
/* ==================== 4. typography 	==================== */
		
/* ------------------- 4.1 body and layout ------------------------- */
body, .content, .leftcol, #breadcrumbs, #rightcol, #rightcolv2, #r2rightcol, #midcol, #footerrightcol, #footerrow, #footerrow .leftcol,  #genlinks {font-family: Arial, Helvetica, Verdana, Georgia, Kalamati,  sans-serif; 	}

#footerrow,  #genlinks  {font-size: 10px;}
body, .content, #rightcolv2, #accessibility, .ne_prog li, .newsevents li {font-size: 11px;}  
#layoutboxv2_a, #layoutbox_a,   #breadcrumbs  {font-size: 12px;}  

#headersearch, #breadcrumbs, #headercol2, body, .content {color: #000;}
/* ------------------- 4.2 a tags------------------------- */

a:link {text-decoration: none; 
	     outline: none;
		  color:#0E4EA6; }

a:visited { 
	text-decoration: none; 
	color:#0E4EA6;
	border: 0px dotted #fff;
   
	}
a:hover {color: #0E4EA6;
	text-decoration: underline;
	border: 0px dotted #fff;
}/* ==================== 5. organization 	==================== */

/* ------------------- 5.1 lists------------------------- */
li {list-style-type: none;  margin-left: -40px; }
.leftcol ul{margin-top: 8px; margin-bottom: 0px;}

.newsspotlight li {min-height: 75px; margin:0px; margin-left: -40px; margin-bottom: 20px; padding: 0px; border: 0px solid #000}
.newsspotlight ul {margin-top:11px; border: 0px solid #0f0;} 

.newsevents li{margin-bottom: 10px;}

.newsevents ul {margin-top: 8px ; margin-bottom: 5px;}

.ne_prog li{margin-bottom: 10px;
	}

.ne_prog ul {margin-top: 8px ; margin-bottom: 5px;}

.leftcol li {	width: 200px;
	margin-right: 0px;
	margin-left: -40px;
	margin-bottom: 3px;
	padding:0px;
	padding-bottom: 3px;
	
	border: 0px solid #000;
	background: url(../images/bkg_20.png) repeat-x bottom;}

#informenu li{display: inline; list-style-type: none;  margin-right: 30px; height: 15px; padding: 0px;
	
}
#footer li{list-style-type: none;  height: 15px; padding: 0px;  }
#footer ul, #footer li, #informenu ul {display: inline; }