/*Main Style Sheet*/ 


/*Just stuff: gray #f4f4f4  orange #FFECC6  dark orange#ffcc99*  blue #A9D4F2  background: url("../images/stars.jpg");  #FEE496/

   
/*default styles*/
body {color:#000000; margin:0px 0; padding:0;  font-family:"Trebuchet MS", verdana, arial, "Times New Roman", serif; font-size:80%;}
a {	color:#225799; text-decoration:none;}
a:hover {color:#000000; text-decoration:underline;}
h1 {font-size:170%; font-weight:normal; line-height:120%; margin:0; padding:0 0 20px 0;}
h2 {color:#225799; margin:0 0 10px 0; padding:0; font-size:100%; font-weight:normal;}
p {margin:0; padding:0 0 10px 0;}
form {margin: 0;}
#navigation	{font-size: 110%; padding:5px 0px 5px 0px; border-bottom:2px solid #2765AF;}
	#navigation ul 		{margin:0; padding:0; }
	#navigation li 		{margin:0; padding:0; list-style:none; display:inline; }
	#navigation a		{color:#225799; padding:0 20px 0 0; text-decoration:none; }
	#navigation a:hover	{color:#000000; text-decoration:underline;}

/*layout*/
.centerbox {margin: 10px auto auto auto; width: 95%; background-color: #ffffff; border-style: double; border-color: #55759F; padding: 0px 0px 0px 0px;}
.content {margin: 10px auto; width: 98%;}
.header {width: 99%;}
.top_info {float: right; width: 40%;}
	.top_info_right {float: right; width: 99%; }
		.rightp {text-align:right;}
.lower_content {margin: 10px auto; width: 97%;}
.subheader {float:left; width: 43%; background:#ffffff; border:1px solid #FFEB70; margin: 5px 0 5px 0; padding:10px; }
.LCsubheader {float:left; width: 43%; background:#ffffff; border:1px solid #FFEB70; margin: 5px 0 5px 0; padding: 10px; }
	#subheadercontent		{float:right; width: 50%; background:#FEFFD5; border:1px solid #FFEB70; margin: 5px 0 5px 0; padding:10px; }
		.subheadercontentleft	{float:left; width: 40%; background:#ffffff; border:1px solid #FFEB70; margin: 5px 0 5px 0; padding:10px;}
		.subheadercontentright	{float:right; width: 49%; background:#FEFFD5; border:1px solid #FFEB70; margin: 12px 0 5px 0; padding:10px;}
			.accountleft {float:left; width: 30%;}
			.accountright {float:right; width: 62%;}
/*left side lower content*/
#leftcontent {float:left; width: 48%; padding:20px 0; line-height:140%; text-align:left;} 
.LCcontentleft {float: left; width: 52%; text-align:left; margin: 5px 0 5px 0; padding:10px;}
.LCcontentright {float: right; width: 40%; background:#FEFFD5; border:1px solid #FFEB70; margin: 5px 0 5px 0; padding:10px;}
/*right side lower content*/
#news		{float: right; width:52%; padding:20px 0; line-height:140%; text-align:left; }
#newsleft		{float: left; width:43%; padding:20px 0; line-height:140%; text-align:left; }
#newsright		{float: right; width:50%; line-height:140%; text-align:left; margin: 5px 0 5px 0; padding:10px;}
	.newsItem		{padding:10px 0px 10px 10px; width: 99%; background:#FEFFD5; border:1px solid #FFEB70; font-size:130%; margin-bottom:10px; }
	.newsItem h1	{color:#225799; margin:0 0 10px 0; padding:0; font-size:100%; font-weight:normal; }

/*footer*/

#footer		{clear:both; width:98%; font-size:95%; background:#FFFFFF; padding:10px; text-align:left; border-top:2px solid #2765AF; }







/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font-family:"Trebuchet MS", verdana, arial, "Times New Roman", serif; 
font-size:100%;
font-weight: bold;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url('../images/ajaxtabs/shade.gif') repeat-x left top;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url('../images/ajaxtabs/shadeactive.gif');
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}


/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid darkred; /*darkred border*/
background: black url('../images/ajaxtabs/indentbg.gif') repeat-x center;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: black; /*text color*/
padding: 3px 11px;
text-decoration: none;
border-right: 1px solid darkred; /*darkred divider between menu items*/
}

.indentmenu ul li a:visited{
color: black;
}

.indentmenu ul li a.selected{
color: black !important;
padding-top: 4px; /*shift text down 1px*/
padding-bottom: 2px;
background: black url('../images/ajaxtabs/indentbg2.gif') repeat-x center;
}

/*different styles*/
.style1 {
	vertical-align: middle;
}
.style4 {
	float: left;
	width: 43%;
	background: #ffffff;
	
	margin: 5px 0 5px 0;
	padding: 10px;
	text-align: center;
}

/*hintbox style*/
#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: green;
margin: 3px 8px;
}


/*auto slideshow*/

.contentslide{
border: 0px solid orange;
border-bottom-width: 2px;
border-top-width: 0px;
padding: 1px;
width: 290px;
height: 155px;
}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;

}

.contentslide .contentdiv{
display: none;
}

.pagination{
width: 280px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: center;
background-color: white;
border: 3px solid white;
border-width: 0 3px; /*Left/ right border width of pagination DIV.*/
padding: 3 3 3px 0;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 290px; /*IE5 width*/
w\idth: 306px; /*IE6 width*/
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #2e6ab1;
background-color: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: orange;
}