/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
background-image:url(../images/water012.jpg);
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}
a {color: #8D2800;}
a:visited {color:#8D2800;}
a:hover {color: #564b47;}
a:active { color:#000000;}

h1 {
	font-size: 11px;
	text-transform:uppercase;
	background-color: #F4A539;
	border-top:1px solid #564b47;
	border-bottom:1px solid #564b47;
	padding:5px 15px;
	margin:0px;
	left: auto;
	background-attachment: fixed;
	color: #FFFFFF;
}
h2 {
font-size:14px;
font-weight: normal;
padding: 5px 10px;
margin:0px;
color: #8D2800;
}

img.download {vertical-align:middle;}

h3
{font-family: tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
color:#026ED3;
text-decoration:none;
font-weight:bold;
margin:5px 5px 5px 3px;
text-align:left;
}

h4
{font-family: tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
text-decoration:none;
font-weight:bold;
margin:3px 5px 5px 3px;}

/* Footer text */



/* ----------container to center the layout-------- */
#container {
width: 950px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 

/* ----------banner for logo-------------- */
#banner {
text-align: left;
background-color: #ffffff;
padding: 0px;
margin: 0px; }

#banner img {padding:10px 0px;} 

/* ----------outer and inner----------------- */

#outer{ 
border-left: solid 200px #ffff99; /* color of the left column  */ 
border-right: solid 200px #ffff99; /* color of the right column  */ 
background-color: #FFFFff;  /* color of the content column */
} 

#inner{margin:0; width:100%; } /* The ie/pc pecularity */ 

/* --------------left and right navi------------- */
#left {
 width:200px; 
 float:left; 
 position:relative; 
 margin-left:-200px; 
 margin-right:1px;
 }
 #right {
 width:200px; 
 float:right; 
 position:relative; 
 margin-right:-200px; 
 margin-left:1px;
 }

/* -----------------content--------------------- */ 
#content{ 
position: relative; 
margin: 0px; 
}
p {
padding: 5px 10px;
margin:0px; }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:0px;
margin:0px;
text-align: right; } 

/*********** Header section ******************/

#header{
	background:#EEEEEE;
	margin:0px 0px 0px 0px;
	font-size: 11px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
	background-color: #FFFFFF;
	border-left-color: #316AC5;
 }
 
 /* Top navigation */
 
#topnav ul
{
	padding-left: 0;
	margin-left: 5px;
	margin:0px 0px 0px 0px;
	color: White;
	float: left;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 20px;
	background-color: #0066FF;
}

#topnav ul li { display: inline; }

#topnav ul li a
{
padding: 0.2em 1em;
background-color: #0066FF;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #EEE;
}

#topnav ul li a:hover
{
background-color: #0099ff;
color: #fff;
}

/************* News boxes *******************/

.newsheader{
background-image:url(../images/left_subh.gif);
background-position:top;
background-repeat:no-repeat;
width:180px;
margin-left:auto; margin-right:auto; margin-top:15px;margin-bottom:0px;
height:17px;
text-align:right;
padding:3px 0px 0px 0px;
font-family: tahoma, Arial, Helvetica, sans-serif;font-size:10px;
color:#ffffff;
font-weight:bold;
}
.newscell{
	background-color:#Ffffff;
	width:180px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-1px;
	margin-bottom:0px;
	min-height:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	border-color: #333333;

}

/************** Titles *********************/

.t1 {
font-family: tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
color:#8D2800;
text-decoration:none;
font-weight:bold;
padding: 5px 10px;
margin:0px;
}

.t2 {
font-family: tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
color:#96968A;
text-decoration:none;
font-weight:bold;
}

.maincontent2 img {float:right;margin:5px 0px 5px 5px;}

.maincontent2 {
border-top-style:dotted;
border-top-width:1px;
border-top-color:#0099FF;
margin:3px 10px 0px 0px;
padding:0px 10px 5px 10px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size: 11px;
color:#333;
}

/************** separator *********************/

.separator {
border-top-width:1px;
border-top-style:dotted;
border-top-color:#564b47;
margin-right:5px;
margin-left:5px;
margin-top:10px;
}


/************** buttons *********************/
.lwrap {
	width:182px;
	margin-top:15px;
	margin-bottom:0px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	background-color: #ffff99;
}

.lcontent {
border-left-style:solid;
border-left-color:#F4A539;
border-left-width:5px;
width:172px;
margin:0px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;font-size:12px;
color:#9DACBF;
text-decoration:none;
text-align:left;
font-weight:normal;
padding:5px 3px 10px 5px;
background-color: #FFFFFF;
}

.leftshadow {
width:182px;
height:6px;
padding:0px;
margin-top:0px;

}
.leftshadow img {padding:0px;margin:0px;float:right;}

/**********Navigation Menu******************/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowlistmenu{
width: 180px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: #FFFFFF;
background: black url(images/titlebar.png) repeat-x center left;
margin-bottom: 7px; /*bottom spacing between header and rest of content*/
padding: 2px 0 2px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(../images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}