﻿/* CSS Document */

.body
{
	background-color: #fef3cf; /*#FDEDB5;*/
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	/* to make IE and FF display the same Line spacing */
	font-size: 100%; 
	line-height: 1.3;
}

.hrdashed
{
    border: none 0;
    border-top: 1px dashed Gray;
    width: 690px; /*50%;*/
    height: 1px;
}

.hrsolid
{
    border: none 0;
    border-top: 1px solid Gray;
    width: 690px; /*50%;*/
    height: 1px;
    clear: right;
}

.brhalf
{
    line-height: 1;    
}

.frame_table
{
	background-position: center top;
	background-color: #CBC4AB;
	width: 920px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border: 0px;
}

.logo_table
{
	background-position: left top;
	background-color: #CBC4AB;
	width: 920px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border: 0px;
}

.top_table
{
	background-position: left top;
	background-color: #CBC4AB;
	width: 920px;
	/*height: 25px;*/
	border-collapse: collapse;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border: 0px;
}

.content_table_left
{
	background-position: left top;
	background-color: #F9Cd35;
	width: 150px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border: 0px;
	vertical-align: top;
}


.wgeteam
{
    margin-bottom: 10px;
    background: LightGoldenrodYellow; /*#F7F3FF;*/
    display: block;
    /*width: 100%;*/
    padding: .2em;
	margin-left: 30px;
	margin-right: 30px;
	/*margin-right: 2em;*/
    border: 1px solid gray;
}

.staffteam
{
    margin-bottom: 5px;
    background: LightGoldenrodYellow; /*#F7F3FF;*/
    display: block;
    /*width: 100%;*/
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
	margin-left: 30px;
	margin-right: 30px;
	/*margin-right: 2em;*/
    border: 1px solid gray;
    
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 130%;
	color: #4F4B3C;    
	vertical-align: top;
}

.staffprofile
{
    float: right;  
    margin-left: 30px;
    margin-right: 30px; 
    margin-top: 5px;        
}

.nested_table_left
{
	background-position: right top;
	background-color: #F9Cd35;
	width: 150px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border: 0px;
}

.content_table_mid
{
	background-position: left top;
	background-color: #FEF3CF;
	width: 750px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;		
	border: 0px;
	vertical-align:top;
}

.nested_table_mid
{
	background-position: right top;
	background-color: #FEF3CF;
	width: 750px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border: 0px;
}

.footer_table
{
	background-position: left top;
	background-color: #CBC4AB;
	width: 920px;
	height: 50px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border: 0px;
}

.text01_headline01
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	/*line-height: 100%;*/
	color: #4F4B3C;
	text-align: justify;
	margin-left: 30px;
	margin-right: 30px;
	vertical-align: top;
	font-weight: bold;
}

.text01_headline01_center
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	/*line-height: 100%;*/
	color: #006600; /*#4F4B3C;*/
	text-align: center;
	margin-left: 30px;
	margin-right: 30px;
	vertical-align: top;
	font-weight: bold;
}


.text01_headline02
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	/*line-height: 100%;*/
	color: #4F4B3C;
	text-align: justify;
	margin-left: 30px;
	margin-right: 30px;
	vertical-align: top;
	font-weight: bold;
}

.text01_headline02_center
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	/*line-height: 100%;*/
	color: #4F4B3C; /*#006600; /*#4F4B3C;*/
	text-align: center;
	margin-left: 30px;
	margin-right: 30px;
	vertical-align: top;
	font-weight: bold;
}


.text01_table_headline02
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	/*line-height: 100%;*/
	color: #4F4B3C;
	text-align: justify;
	vertical-align: top;
	font-weight: bold;
}

.text01_normal
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 130%;
	color: #4F4B3C;
	text-align: justify;
	margin-left: 30px;
	margin-right: 30px;
	vertical-align: top;
}

.text01_normal_left_margin
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 130%;
	color: #4F4B3C;
	text-align: left;
	margin-left: 30px;
	margin-right: 30px;
	vertical-align: top;
}

.text01_normal_left_bold
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 130%;
	color: #4F4B3C;
	text-align: left;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: top;
}

.text01_normal_left
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 130%;
	color: #4F4B3C;
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: top;
}

.text01_normal_center
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 130%;
	color: #4F4B3C;
	text-align: center;
	margin-left: 30px;
	margin-right: 30px;
	vertical-align: top;
}

.text01_table_normal
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 130%;
	color: #4F4B3C;
	text-align: left;
	vertical-align: top;
}

.text02_normal
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9F7C04;
	text-align: left;
}

.text02_normal_right
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9F7C04;
	text-align: right;
	margin-top: 5px;
	margin-right: 30px;
	vertical-align: top /*middle;*/ /*center;*/	/*middle and center do not work on FireFox */
}

.text021_normal_left
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9F7C04;
	text-align: left;
	margin-top: 5px;
	margin-left: 30px;
	vertical-align: top; /*center;*/		
}

.text021_normal_center
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9F7C04;
	text-align: center;
	margin-top: 5px;
	vertical-align: top; /*center;*/	
}

.text03_normal
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	/*line-height: 100%;*/
	color: #9F7C04;
	text-align: right;
	margin-top: 5px;
	margin-right: 30px;
	vertical-align: middle; /*center;*/
}

.text04_normal
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 120%;
	color: #4F4B3C;
	text-align: left;
	vertical-align: middle; /*center;*/
	font-style: italic;
}

.text04_right
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 120%;
	color: #4F4B3C;
	text-align: right;
    margin-top: 5px;
	margin-right: 30px;
	vertical-align: middle; /*center;*/
}


.text04_normal_inset
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 120%;
	color: #4F4B3C;
	text-align: left;
	vertical-align: middle;
	font-style: italic;
	margin-left: 30px;
	margin-right: 15px; 
	margin-top: 5px; 
	margin-bottom: 10px;
}

.text04_normal_inset_center
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 120%;
	color: #4F4B3C;
	text-align: center;
	vertical-align: middle;
	font-style: italic;
	margin-left: 30px;
	margin-right: 15px; 
	margin-top: 5px; 
	margin-bottom: 10px;
}

.text_adb_link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	/*line-height: 120%;*/
	color: #9F7C04;
	text-align: center;
	margin-top: 0px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 0px;
}	

.text_shortcut
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 120%;
	color: #9F7C04;
	text-align: left;
	margin-top: 10px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 0px;
}

.text_filelink
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 120%;
	color: #9F7C04;
}

.list_lower-roman
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 150%;
	color: #4F4B3C; /*#333333;*/
	text-align: left;
	vertical-align: top;
	margin-left: 15px;	
	margin-right: 30px;
	list-style-type: lower-roman;
	vertical-align: top;
}

.list_upper-alpha
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 150%;
	color: #4F4B3C;
	text-align: left;
	vertical-align: top;
	margin-left: 15px;
	margin-right: 30px;
	list-style-type: upper-alpha;
	vertical-align: top;
}

.list_lower-alpha
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 150%;
	color: #4F4B3C;
	text-align: left;
	vertical-align: top;
	margin-left: 15px;
	margin-right: 30px;
	list-style-type: lower-alpha;
	vertical-align: top;
}

.list_disc
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 130%;
	color: #4F4B3C;
	text-align: left;
	margin-left: 15px;
	margin-right: 30px;
	list-style-type: disc;
}

.list_circle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 130%;
	color: #4F4B3C;
	text-align: left;
	margin-left: 15px;
	margin-right: 30px;
	list-style-type: circle;
}

/*
.text01_normal
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 130%;
	color: #4F4B3C;
	text-align: justify;
	margin-left: 30px;
	margin-right: 30px;
	vertical-align: top;
}*/

.list_number
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 150%;
	color: #4F4B3C;
	text-align: left;
	margin-left: 15px;
	margin-right: 30px;
	list-style-type: decimal;
}

.list_none
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 150%;
	color: #4F4B3C;
	text-align: left;
	margin-left: 15px;
	margin-right: 30px;
	list-style-type: none;
}

.image_01
{
	margin-top: 0px;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 0px;
	border: 1px
}

.image_inset
{
    /*border="1" align="left";*/
    border-style: solid;
    border-width: thin;
    float: left;    
    margin-left: 30px;
    margin-right: 30px; /*15px;*/
    margin-top: 5px;
    border-color: Gray;   
}

.image_inset_center
{
    /*border="1" align="left";*/
    border-style: solid;
    border-width: thin;   
    margin-left: 30px;
    margin-right: 30px; /*15px;*/
    margin-top: 5px;
    border-color: Gray;   
}

.flash_inset
{
    border-style: solid;
    border-width: thin;
    float: left;    
    margin-left: 30px;
    margin-right: 30px; /*15px;*/
    margin-top: 5px;
    border-color: #9F7C04;
}

.flash_inset_center
{    
    margin-left: 30px;
    margin-right: 30px; /*15px;*/
    margin-top: 5px;
    border-width: 0; 
	/* border: solid 1px #9F7C04; */
}

.image_inset_smallmargin
{
    /*border="1" align="left";*/
    border-style: solid;
    border-width: thin;
    float: left;    
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 5px;
    border-color: Gray;   
}

.image_inset_noborder
{
    border: 0;
    float: left;    
    margin-left: 30px;
    margin-right: 30px; /*15px;*/
    margin-top: 5px;
}

.image_inset_right
{
    /*border="1" align="left";*/
    border-style: solid;
    border-width: thin;
    float: right;    
    margin-left: 30px;
    margin-right: 30px; /*15px;*/
    margin-top: 5px;
    border-color: Gray;   
}

.image_gal
{
    border-color: Gray;
}

/* Navi style */
#navcontainer 
{ 
    margin-left: 0px; /* 30px */
    text-align: left /* none */
} 

#navcontainer ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-family: verdana, arial, Helvetica, sans-serif;
}

#navcontainer li { margin: 0; }

#navcontainer a
{
    display: block;
    padding: 3px 3px 3px 5px; /* 5px 0px; */
    /* margin-top: -0.13em; /* none */
    width: 140px; /* total width = 140px + 5px (padding left) = 145px */
    color: #000;
    /*background-color: #CFA40F; /* #ADC1AD; */  
    text-decoration: none;
    /*
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    border-bottom: 1px solid #333;
    border-right: 1px solid #fff;    
    */
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    font-weight: normal; /* bold; */
    font-size: .75em; /* .8em */
    background-image: url(../img/EOC/layout/navibutt2.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
}

#navcontainer a:hover
{
    color: #000;
    /*background-color: #889E88;*/
    text-decoration: none;
    /*
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    */
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;    
    background-image: url(../img/EOC/layout/navibutt1.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
}

#navcontainer ul ul li { margin: 0; }

a
{
    text-decoration: none;    
}

a:hover
{
    color: Green;
    text-decoration: underline;
}

/* added *//*
#navcontainer ul li ul#subnavlist
{
    background-image: url(../img/EOC/layout/navibutt3.jpg);
    color: #333;
}*/

/* for sub navi button */
/*
#navcontainer ul li ul a
{
    background-image: url(../img/EOC/layout/navibutt3.jpg);
    /* color: #000;  */

/* end added*/

/* for subnavlist */
#navcontainer ul ul a
{
    display: block;
    padding: 3px 3px 3px 20px; /*5px 5px 5px 30px; */
    width: 125px; /* total width = 125px + 20px (padding left) = 145px */
    color: #000;
    /*background-color: #C5D8C5;*/
    background-image: url(../img/EOC/layout/navibutt35.jpg);
    text-decoration: none;
    font-weight: normal;
}

/* for subsubnavlist */
#navcontainer ul ul ul a
{
    padding: 3px 3px 3px 40px;
    background-image: url(../img/EOC/layout/navibutt33.jpg);
    width: 105px; /* total width = 105px + 40px (padding left) = 145px */
    /*font-size: .7em; /* .8em */
    /*display: block;   
    color: #000;    
    text-decoration: none;
    font-weight: normal;*/
}

#navcontainer ul ul a:hover, ul#navlist li#active a:hover, ul#subnavlist li#subactive a:hover
{
    color: #000;
    /*background-color: #889E88;*/
    background-image: url(../img/EOC/layout/navibutt1.jpg);
    text-decoration: none;
}


 /* selected states */
/* for the top level button and for sub level button respectively */
#navcontainer ul li a#current, #navcontainer ul ul li a#subcurrent
{
    background-image: url(../img/EOC/layout/navibutt42.jpg);
    /* color: #333; */
}




/* Navi style for Top shortcut*/

#navcontainertopshortcut ul
{
    padding: 0; /*.2em 0;*/
    margin: 0;
    list-style-type: none;
    background-color: #305d35; /*#036;*/
    color: #FFF;
    width: 100%;
    font: normal 90% verdana, arial, Helvetica, sans-serif; /*normal 90% arial, helvetica, sans-serif;*/
    text-align: right;  
}

#navcontainertopshortcut li { display: inline; }

#navcontainertopshortcut li a
{
    text-decoration: none;
    background-color: #305d35; /*#036;*/
    color: #F9Cd35; /*#FFF;*/
    padding: 0 1em; /*.2em 1em;*/
    /*border-right: 1px solid #fff;*/
    /*border: none; /*0px;*/
}

#navcontainertopshortcut li a:hover
{
    text-decoration: none;    
    background-image: url(../img/EOC/layout/navibutt33.jpg); /*url(../img/EOC/layout/navibutt1.jpg);    */
    color: #000;
    
    /*background-color: #369;
    color: #fff;*/    
}


.spot
{
	width: 690px;    
	background-image: url(../img/EOC/layout/upcoming.jpg);
	/*background:	transparent url(../img/EOC/layout/spot.jpg);*/
    /*background-color: #FEF3CF;*/
	/*background: #F7F3FF;*/
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: left;
	margin-left: 28px; 
	margin-right: 28px; 
	border: 2px solid #9F7C04; /*gray; */
	/*border: none;*/
}

/*
#list_d
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 130%;
	color: #4F4B3C;
	text-align: left;
	margin-left: 15px;
	margin-right: 30px;
	list-style-type: disc;
}
*/

/* 2 columns */
.twocolumn
{
	width: 690px;    
	margin-left: 30px; 
	margin-right: 30px; 
	background-image: url(../img/EOC/layout/spot.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	/*border: 2px solid gray;*/
	border: none;
}

.leftcolumn2
{
    float: left;
    width: 50%;
    background-image: url(../img/EOC/layout/spot.jpg);
    font-family: Verdana, Arial, Helvetica, sans-serif;    
    text-align: left;
    /*margin: 0;*/
	/*margin-left: 30px; */  
    /*padding: 0; /*.1em;*/
    /*background-color: transparent;  
    position: relative;  */
    /*border-left: 2px solid gray;*/
    /*border: 2px solid gray;*/    
    border: none;
}

.rightcolumn2
{
    float: right;
    width: 50%;
    background-image: url(../img/EOC/layout/spot.jpg);
    font-family: Verdana, Arial, Helvetica, sans-serif;  
    text-align: left;   
    /*margin: 0;*/	
	/*margin-right: 30px;*/    
    /*padding: 0; /*.5em;*/
    /*border: 2px solid gray;*/
    /*border-left: 2px solid gray;*/
    border: none;    
}

.leftcolumn
{
    float: left;
    width: 40%;
    /*border-left: 2px solid gray;*/
    border: 2px solid gray;
    /*margin: 0;*/
	text-align: left;
	margin-left: 30px;   
    padding: .1em;
    font-family: Verdana, Arial, Helvetica, sans-serif;    
    background-image: url(../img/EOC/layout/spot.jpg);
}

.rightcolumn
{
    float: right;
    width: 45%;
    border: 2px solid gray;
    /*margin: 0;*/
	text-align: left;
	margin-right: 30px;    
    padding: .1em; /*.5em*/
    font-family: Verdana, Arial, Helvetica, sans-serif;    
}





