/* liScroll style declarations */

.tickercontainer {
background:none repeat scroll 0 0 #CFD0DD;
height:18px;
margin:0;
overflow:hidden;
padding-bottom:0;
padding-top:0;
width:1000px;
}
.tickercontainer .mask { /* mask for padding left and right */
    position: relative;
    left: 10px;
    top: 4px;
    width: 980px;
    overflow: hidden;
}
ul.newsticker { /* that's your list */
    position: relative;
    left: 750px;
    font: bold 10px Verdana;
    list-style-type: none;
    margin: 0;
    padding: 0;

}
ul.newsticker li {
    float: left; /* important: the display inline dec. gives incorrect results when you check for elem's width */
    margin: 0;
    padding: 0;
    background-color:#CFD0DD;
}
ul.newsticker a {
    white-space: nowrap;
    padding: 0;
    color: #183756;
	text-decoration: underline;
    font: bold 12px Verdana;
    margin: 0 50px 0 0;
}

ul.newsticker a:hover {
    color: #183756;
	text-decoration: none;
}
  

ul.newsticker span {
    margin: 0 10px 0 0;
     color: #317800;
     font: bold 12px Verdana;
     text-transform: uppercase;
} 

/* CSS Document This CSS file still needs to be condesnced By 100 lines (too many repeated css declarartion) */
.center 
{
	text-align: center;
}
	
body {
	margin: 0;
	padding: 0;
	background-image: url("images/bg_bluelines45.gif");
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
h4 {
	font-variant: small-caps;
	font-size: 13px;
	padding: 2px;
	margin: 0;
	width: 98%;
	background-color: #183756;
	text-align: center;
}

/*------------------------------menu Rollover (the code below in this section can be condesened significantly, I will do it when menu can be placed in a masterpage in asp)----------------------------*/
#home
  {
    display: block;
    width: 101px;
    height: 35px;
    background: url("images/menu_01.jpg") no-repeat 0 0;
	padding: 10px 0 0 0;
  }
#home:hover
  {
    background: url("images/top-menu_01.jpg") no-repeat 0 0;
  }

#ato
  {
    display: block;
    width: 131px;
    height: 35px;
    background: url("images/menu_02.jpg") no-repeat 0 0;
	padding: 10px 0 0 0;
  }
#ato:hover
  { 
    background: url("images/top-menu_02.jpg") no-repeat 0 0;
  }
#ato1
  {
    display: block;
    width: 131px;
    height: 35px;
    background: url("images/top-menu_02.jpg") no-repeat 0 0;
	padding: 10px 0 0 0;
  }

#faq
  {
    display: block;
    width: 84px;
    height: 35px;
    background: url("images/menu_03.jpg") no-repeat 0 0;
	padding: 10px 0 0 0;
  }
#faq:hover
  { 
    background: url("images/top-menu_03.jpg") no-repeat 0 0;
  }
#faq1
  {
    display: block;
    width: 84px;
    height: 35px;
    background: url("images/top-menu_03.jpg") no-repeat 0 0;
	padding: 10px 0 0 0;
  }
  
#cfb
  {
    display: block;
    width: 222px;
    height: 35px;
    background: url("images/menu_04.jpg") no-repeat 0 0;
	padding: 10px 0 0 0;
  }
  
#cfb1
  {
    display: block;
    width: 222px;
    height: 35px;
    background: url("images/top-menu_04.jpg") no-repeat 0 0;
	padding: 10px 0 0 0;
  }
  
#cfb:hover
  { 
    background: url("images/top-menu_04.jpg") no-repeat 0 0;
  }
  
#links
  {
    display: block;
    width: 86px;
    height: 35px;
    background: url("images/menu_05.jpg") no-repeat 0 0;
	padding: 10px 0 0 0;
  }
  
 #links1
  {
    display: block;
    width: 86px;
    height: 35px;
    background: url("images/top-menu_05.jpg") no-repeat 0 0;
	padding: 10px 0 0 0;
  }
#links:hover
  { 
    background: url("images/top-menu_05.jpg") no-repeat 0 0;
  }
  
#anews
  {
    display: block;
    width: 112px;
    height: 35px;
    background: url("images/menu_06.jpg") no-repeat 0 0;
	padding: 10px 0 0 0;
  }
  
 #anews1
  {
    display: block;
    width: 112px;
    height: 35px;
    background: url("images/top-menu_06.jpg") no-repeat 0 0;
	padding: 10px 0 0 0;
  }
#anews:hover
  { 
    background: url("images/top-menu_06.jpg") no-repeat 0 0;
  }
  
#reports
  {
    display: block;
    width: 101px;
    height: 35px;
    background: url("images/menu_07.jpg") no-repeat 0 0;
	padding: 10px 0 0 0;
  }
  
 #reports1
  {
    display: block;
    width: 101px;
    height: 35px;
    background: url("images/top-menu_07.jpg") no-repeat 0 0;
	padding: 10px 0 0 0;
  }
#reports:hover
  { 
    background: url("images/top-menu_07.jpg") no-repeat 0 0;
  }
#pn
  {
    display: block;
    width: 163px;
    height: 35px;
    background: url("images/menu_08.jpg") no-repeat 0 0;
	padding: 10px 0 0 0;
  }
  
 #pn1
  {
    display: block;
    width: 163px;
    height: 35px;
    background: url("images/top-menu_08.jpg") no-repeat 0 0;
	padding: 10px 0 0 0;
  }
#pn:hover
  { 
    background: url("images/top-menu_08.jpg") no-repeat 0 0;
  }
/*------------------------------menu Rollover----------------------------*/
h3 {
	padding: 0;
	margin: 0;
	width: 100%;
	color: #317800;
	/*font-variant: small-caps;*/
	font-weight: bold;
	font-size: 18px;
	text-align: left;
}
#footer p {
	padding: 0 10px 0 10px;
	font-size: 11px;
}
#container {
	position: relative;
	margin: 0 auto 0 auto;
	padding-bottom: 9px;
	width: 1015px;
	background-color: #DDDD00;
	height: auto;
}
/*#containera {
	position: relative;
	margin: 0 auto 0 auto;
	width: 1020px;
	background-color: #DDDD00;
	height: 2800px;
}*/
#tree {
	margin: 0 0 5px 20px;
	font-size:12px;
}
#tree a {
	color: #000;
	text-decoration: underline;
}
#tree a:hover {
	text-decoration: none;
}
.bdrclr {
	border: #8995B9 solid 1px;
}
#container2 {
	position: relative;
	left: 5px;
	top: 4px;
	height: auto;
	width: 1000px;
	border: #FFF solid 2px;
	background-color: #FFF;
}
/*#container2a {
	position: relative;
	left: 5px;
	top: 4px;
	min-height: 800px;
	width: 1000px;
	border: #FFF solid 2px;
	background-color: #FFF;
	height: 990px;
}*/
.table_border {
	width: 1020px;
	background-color:#DDDD00;
	margin-bottom: 10px;
}
.table_bordera {
	width: 1020px;
	background-color:#DDDD00;
	margin-bottom: 10px;
}
#contentContainer {
	position: relative;
	width: 520px;
	left: 194px;
	height: auto;
	min-height: 550px;
	z-index: 10;
	}
#header {
	position: relative;
	width: 1000px;
	height: 69px;
	background-image: url("images/OEO-Public-Websit-final.jpg");
	background-repeat: no-repeat;
	z-index: 10;
}
#menumain {
	position: relative;
	width: 1000px;
	height: 35px;
	text-align: center;
	background-image: url('images/menu.jpg');
	background-repeat: no-repeat;
	z-index: 10;
    top: 0px;
    left: 0px;
}

#leftmenu 
{
position: absolute;
left: 587px;
top:8px;
font-weight: bold;
}

.dymenu {
	z-index: 100;
	}
	
.dymenuitem {
	background-color: #DFE9F5;
	border: 1px navy solid;
	padding: 10px 25px 10px 10px;
	color: #000;
	text-decoration: none;
	}
	
.dymenuhov {
	background-color: #F6F7C8;
	color: #FFF;
	text-decoration: none;
	}



#menumain a, #menumain span {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
#sidemenu1 {
	position: relative;
	background-color: #8995b9;
	width: 170px;
}
.margin {
	padding: 5px;
}
#sidemenu2 {
	position: relative;
	background-color: #97B8D3;
	width: 170px;
}

#sidemenu5 {
	background-color: #97b8d3;
	width: 170px;
}

/*---------------------------------------Table css----*/


.columnbdr {
    border: #a7d18a 1px solid;
}

.altrowcolor {
    background-color: #F7F7F7;
    border: #a7d18a 1px solid;
    
}

.grnheader-img
{
	background-image: url("images/tableheader.png");
	background-repeat: repeat-x;
	color: #fff;
	background-color: #a8c390;
}



.tablerows {
    border-right: #a7d18a 1px solid;
    border-bottom:#a7d18a 1px solid;
}

.rows 
{
    background-color: #F7F7F7;
}

/*---------------------------------------------TExte Box-----------------------------------------------*/

#textbox {
	position: relative;
	top: 0;
	width: 1000px;
	background-color: #cfd0dd;
	height: auto;
	z-index: 10;
	padding-top: 5px;
}

#left {
	position: absolute;
	left: 0;
	width: 180px;
	height:550px;
	background-color: #8995b9;
	padding: 0 5px 0 5px;
	margin: 5px;
	color: #FFF;
}

#left1 {
	position: absolute;
	left: 797px;
	width: 180px;
	height:550px;
	margin: 5px;
	background-color: #8995b9;
	padding: 0 5px 0 5px;
	color: #FFF;
}


#left a, #left1 a {
	color: #FFF;
	text-decoration: none;
	padding: 0 5px 0 5px;
}

#men-u {
	position: relative;
	right:21px;
	color: #183756;
	background-color: #F6F7C8;
	padding-left: 50px;
}

#left a:hover, #left1 a:hover {
	color: #183756;
	text-decoration: underline;
	padding: 0 5px 0 5px;
}
#menumain a:hover {
	color: #FFF;
	text-decoration: underline;
}

#right {
	position: absolute;
	left: 224px;
	width: 520px;
	height: 420px;
	min-height: 400px;
	background-color: #F6F7C8;
	margin: 10px;
	padding: 5px;
	border: 1px solid #000;
}

#search {
	position: absolute;
	left: 3px;
	width: 962px;
	height: 733px;
	min-height: 400px;
	background-color: #F6F7C8;
	margin: 10px;
	padding: 5px;
	border: 1px solid #000;
}

.colwht {
	color: #FFF;
	background-color: #317800;
	font-weight: bold;
}

#righta {
	position: relative;
	min-height: 450px;
	width: 580px;
	height: auto;
	background-color: #ececec;
	margin: 5px 10px 10px;
	padding: 5px;
	border: 1px solid #031233;
}

#rightab {
	position: relative;
	min-height: 450px;
	width: 745px;
	height: auto;
	background-color: #ececec;
	margin: 10px;
	padding: 5px;
	border: 1px solid #000;
	text-align: center;
}

#righta a {
	text-decoration: none;
	color: #420942;
}
#righta a:hover {
	text-decoration: underline;
}

#right1 {
	position: absolute;
	left: 224px;
	width: 520px;
	height: 750px;
	min-height: 400px;
	background-color: #ececec;
	margin: 10px;
	padding: 5px;
	border: 1px solid #000;
} 

#right1b {
	position: absolute;
	left: 233px;
	width: 732px;
	height: 670px;
	min-height: 400px;
	background-color: #ececec;
	margin: 10px;
	padding: 5px;
	border: 1px solid #000;
	top: -2px;
} 

#bars img{
	border: none;
}

#bars a:hover {
	border: none;
	text-decoration: none;
	padding: none;
	background-color: #183756;
}
#right2 {
	position: relative;
	width: 520px;
	height: 300px;
	background-color: #ececec;
	margin: 10px;
	padding: 5px;
	color: #000;
	border: 1px solid #000;
	top: 445px;
}

#right2a {
	position: relative;
	clear: left;
	width: 580px;
	height: auto;
	background-color: #ececec;
	margin: 10px;
	padding: 5px;
	color: #000;
	border: 1px solid #000;
}


#right3 {
	position: absolute;
	left: 224px;
	width: 520px;
	min-height: 400px;
	background-color: #F6F7C8;
	margin: 10px;
	padding: 5px;
	border: 1px solid #000;
}

#right3long {
	position: absolute;
	left: 225px;
	width: 520px;
	min-height: 2000px;
	background-color: #F6F7C8;
	margin: 10px;
	padding: 5px;
	border: 1px solid #000;
	top: 3px;
	height: 2610px;
}
#right1 a, #right2 a, #righta a, #right2a a, #rightab a, #right1b a, #search a {
	text-decoration: none;
	color: #000;
}

#right1 a:hover, #right2 a:hover, #righta a:hover, #right2a a:hover, #rightab a:hover, #right1b a:hover, #search a:hover {
	text-decoration: underline;
	color: #317800;
}

#right1 img, #right2 img, #righta img, #right1b img, #rightab img{
	text-decoration: none;
	border: none;
	color: #000;
}



#right2 a {
	color: #000;
	text-decoration: none;
}
#right2 a:hover {
	color: #317800;
	text-decoration: underline;
}
#warning {
	font-size: 9px;
	color: #CA2126;
}
#warning a {
	color: #CA2126;
	text-decoration: underline;
}
#warning a:hover {
	text-decoration: none;
}

#righta ul {
		list-style: circle;
}
#righta li {
		Padding: 5px 0 5px 0;
}

#cse-search-results {
	width: 520px;
}

ul {
	list-style: square;
	padding: 0 0 0 25px;
	margin: 0;
}
li {
	padding: 0;
	margin: 0;
	}
/* ----------------------------footer Area-------------------------------------*/
#footer {
	border-top: solid 1px #000;
	background-color: #fff;
	width: 100%;
	height: 20px;
	font-size: 10px;
}

#footera {
	position: absolute;
	top: 2784px;
	width: 1000px;
	border-top: 1px solid #000;
	height: -1px;
	background-color: #FFF;
	z-index: 10;
	left: 2px;
}

#sidemenu2, #sidemenu5 {
	font-size: 13px;

}
.copywrite {
	margin-top:5px;
	color: #777;
	text-transform: uppercase;
	width:400px;
	float:left;
}
#floatR {
	float: right;
	margin: 5px 10px 0px 0px;
	color: #777;
	text-transform: uppercase;
	font-weight: regular;
	padding-left: 0px;

	padding-top: 0px;
}
#text date {
	font-size: 10px;
	color: #CCCCCC;
}
.color2 {
	background-color: #97B8D3;	
}
.TableHeaderStyle 
{
	background-color: #317800;
	color: #fff;
}
.left {
	text-align: left;
}
.header1 
{
	text-align: center;
}

.padding15L 
{
    padding-left: 10px;
}

.margin10b 
{
    margin-bottom: 15px;
}

.border2 
{
    border: 1px solid #d69a8c;
}

.Boxcontainer 
{
    padding: 5px;
    width: 210px;
    background-color: #ececec;
}

.header 
{
    background-color: #dddd00;
    font-weight: bold;
    border-top: solid 1px #d69a8c;
    border-right: solid 1px #d69a8c;
    border-left: solid 1px #d69a8c;
    width: 210px;
    margin-top: 10px;
    padding: 3px 0 4px 0;
    padding-left: 10px;
    color: #317800;
}

/* ----- Homepage Slider  --------*/

div#tmpSlideshow {
    margin: 10px;
    padding: 30px 0 0 0;
    position: relative;
    height: 205px;
    width: 560px;

}
div.tmpSlide {
    position: absolute;
    top: 0;
    left: 0;
    width: 540px;
    height: 232px;
    display: none;
}
div.tmpSlide img {
    float: left;
    margin: 10px 0 0 0px;
    width: 278px;
    height: 216px;
}
div#tmpSlideshowControls {
    position: absolute;
    bottom: -15px;
    right: 11px;
    width: 175px;
}
div.tmpSlideshowControl {
    border: 1px solid #e1dece;
    float: left;
    margin: 5px 5px 0 0;
    padding: 3px;
    background-color: #8995b9;
    font-weight: bold;
    height: 16px;
    color: #fff;
    font: 14px Arial, sans-serif;
    text-align: center;
    cursor: pointer;
}
div.tmpSlideshowControl span {
    line-height: 16px;
    vertical-align: middle;
    
}
div.tmpSlideshowControlOn {
   background-image: url('/Template/Pictures/Buttons/FeatureOver.png?hFileLastModified=1251984997');
}
div.tmpSlideshowControlActive {
    border: 1px solid rgb(161, 155, 137);
    background-color: #97b8d3;
}
div.tmpSlideCopy {
    position: absolute;
    left: 285px;
    top: 20px;
    width: 275px;
}
div#tmpSlideshow .header2 {
    color: #317800;
    text-transform: uppercase;
    font: 13px;
    font-weight: bold;
    width: 250px;
    *padding-top: 10px;
}
div.tmpSlideCopy p {
    font: 11px Arial, sans-serif;
    line-height: 1.25em;
    *padding: 0;
}