@charset "utf-8";
body {
	font: 11pt trebuchet ms, Arial, Helvetica, sans-serif;
	background: #003d6a url(images/bg-img.jpg) repeat-y center;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font: 100% trebuchet ms, Arial, Helvetica, sans-serif;
}

h1 {
	color: #283865;
	font-size: 1.2em;
	font-weight: bold;
	margin: 10px 0px 5px 0px;
	}

h2 {
	color: #0099FF;
	font-size: 1.3em;
	margin: 5px 0px;
	}
	
.feedheadline {
	color: #283865;
	font-size: 1em;
	font-weight: bold; }
	
hr {
	width: 95%;
	height: 1px;
	color:#009900;
	}
	
#branding {
	border-top: 15px #283865 solid;
	background: url(images/header.jpg) no-repeat;
	}

	
.oneColFixCtr #container {
	width: 770px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	
}
.oneColFixCtr #mainContent {
	background: url(images/bg-maincontent.jpg) bottom no-repeat;
	padding: 0 20px 35px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

img {border: 0px; }

/*----------------------------left ------------------------*/
.left {
	position: relative;
	float: left;
	z-index: 2;
	width: 225px;
	height: 125px;
	margin: 5px;
	text-align: center;
	}
	
h3 {
	border-top: double #000;
	border-bottom: 1px solid #000;
	text-align: left;
	}
	
	
.middle {
	position: relative;
	float: left;
	z-index: 2;
	width: 225px;
	height: 125px;
	margin: 5px;
	text-align: center;
	}
/*--------------------- RIGHT Twitter Div ----------------------------------*/

.right-sidebar {
	position: relative;
	float: right;
	z-index: 30;


}
.twitter-sidebar {
	margin-top: 0px;
	padding-left: 10px;
	width: 230px;
	height: 500px;
	overflow: hidden;
	z-index: 1;}
	
.twitter-div {
	z-index: 1;
	}
	
#twitter_div h1 {
	color: #fff;
	background-color: #009900;
	margin: 0;
	padding: 3px 5px;
	}
	
	
#twitter_update_list {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	z-index: 1;
	font-size: 0.8em;
		}
		
#twitter_update_list li {
	padding: 10px 0px;
	white-space: normal;
	}
	
.date {
	background-color: #0099FF;
	color: #FFFFFF;
	font-weight: bold;
	width: 475px;
	padding: 5px;
	}

.slideshow {
	text-align: center;
	z-index: 0;
	position: relative;
	}	

/********************************** FOOTER *****************************************************/
#footer {
	padding-top: 10px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	width: 770px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */

	}
	
	
	
.menu {	
	padding-left: 200px;
	z-index: 100;
	}
/*********************************** MENU *******************************************************/
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding-top:160px;
margin:0;
list-style-type:none;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:48px;
left:0; 
width:90px;
padding: 0px;
z-index: 101;
}


/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
/*width:90px;*/
border-right: 0px solid #969634;
position:relative;
z-index:101;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
padding: 14px 3px;
text-decoration:none; 
color: #0099FF; 
/*width:90px;*/ 
border-width:0px 0px 0 0; 
/*background:#302E00; */
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
/*width:90px;
w\idth:79px;*/
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#0099FF bottom right no-repeat;

}
/* style the second level hover */
.menu ul ul a.drop:hover{
background: #009900 bottom right no-repeat;
}
.menu ul ul :hover > a.drop {
background:#009900 bottom right no-repeat;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#302E00;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#0080ED;
}

/* another hack for IE5.5 */
* html .menu ul ul {
top:40px;
t\op:41px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:90px; 
top:0;
width:90px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-90px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; z-index:100;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#0099FF; 
color:#fff; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:90px;
}
* html .menu ul ul a{
width:90px;
w\idth:79px;
}

/* style the top level hover */
.menu a:hover {
color:#fff; 
background:#0099FF;
}
.menu :hover > a {
color:#fff;
background:#0099FF;
}

.menu ul ul a:hover {
color:#fff;
background:#009900;
}
.menu ul ul :hover > a {
color:#fff;
background:#009900;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
z-index: 100;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}

/*----------------------------- NEWS PAGE -------------------------------------------*/

.twitterheader {
	border: 1px #000 dotted;
	background-color:#eaeaea;
	padding: 20px;
	}
	
.item {
	border-bottom: 1px solid #000;
	border-left: 10px solid #0099FF;
	padding: 5px 5px 5px 10px;
	margin: 15px 0px;
	background-color:#fff;}
	
.item p {
	margin: 5px 0px;
	}