
/* universal layout */
body {background: #fff;font-family: verdana;font-size: 10px;}

a {color: red;text-decoration: none;}
a:hover {color: #888888;text-decoration: none;} 

h1 {color: #8d1703;border-bottom: 3px dotted #dee7ec;}
h2 {border-bottom: 1px solid #dee7ec;color: #888888;}
h3 {font-size: 18px;border: 1px solid #749EA9;background: #dee7ec;padding: 4px;width: 50%;}
h4 {color: #888888}

tr{font-family: verdana;font-size: 10px;}


/* container */
#undernav {
border-bottom: 1px solid #749EA9;
background: #dee7ec;
text-align: right;
padding: 1px;
}

#subundernav {
border-bottom: 1px solid #749EA9;
background: #fff;
text-align: left;
padding: 1px;
}

#header {
height: 50px;
background: #fff;
width: 100%;

}

#leftbar{
border: 1px solid #dee7ec;
float: left;
text-align: left;
width: 100%;
}

#rightcontent{
float: right;
width: 80%;
}

#footer {
position: relative;
bottom: 0;
border-bottom: 1px solid #749EA9;
border-top: 1px solid #749EA9;
background: #dee7ec;
text-align: left;
padding: 1px;
width:100%;
}

/* Top Navigation */
ul#navlist
{
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 24px;
border-bottom: 1px solid #749EA9;
margin: 0;
}

ul#navlist li
{
float: left;
height: 21px;
background-color: white;
margin: 2px 2px 0 2px;
border: 1px solid #749EA9;
}

li#active a
{
border-bottom: 1px solid #dee7ec;
background-color: #dee7ec;
}

li#active a { color: #000; }

#navlist a
{
float: left;
display: block;
color: #666;
text-decoration: none;
padding: 4px;
}

#navlist a:hover { background: #dee7ec; }


/* side navigationn */
ul#leftbar
{
margin: 0 0 0 30px;
padding: 0;
width: 12.5%;
}

#leftbar li
{
list-style-type: none;
background-color: white;
color: #dee7ec;
border: 1px solid #fff;
font-weight: 600;
text-align: left;
padding: .3em;
margin-bottom: .1em;
}

#leftbar li a
{
color: #888888;
text-decoration: none;
display: block;
}

#leftbar .gen
{
color: #000000;
text-decoration: none;
display: block;
}

#leftbar li a:hover
{
background-color: #dee7ec;
color: #888888;
}

/* pull quote */
.pullquote 
{width: 145px;
background: #dee7ec;
color:black;
float: right;
border:1px solid #749EA9;
font-weight:bold;
line-height:140%;
padding:5px;
margin-top:10px;
margin-left:10px;
}

/* drop cap */
.dropcap {
float:left;
color:#D4D4C7;
font-size:100px;
line-height:70px;
padding-top:2px;
font-family: Times, serif, Georgia;
}

/* important box */
#important 
{
width: 96%;
background: rgb(255,235,205);
color:black;
border-top:1px solid rgb(255,160,122);
border-bottom:1px solid rgb(255,160,122);
font-weight:bold;
line-height:140%;
padding:5px;
margin-top:10px;
margin-left:10px;
text-align: right;
}
/* comment style */

input,textarea{
	background: #dee7ec;
	color: #888888;
	font-weight:bold;
}
input.text{ 
	margin: 0; 
	padding: 0; 
	width: 200px; 
	height:17px; 
	border: 1px solid #808080; 
	color: #000000; 
	background: #ffffff; 
	font-family: verdana;font-size: 10px;
}
input.text:hover{ 
	border: 1px solid #FFFFFF; 
	background: #EEEEEE; 
	color: #000000; 
}

input.texts{ 
	margin: 0; 
	padding: 0; 
	width: 80px; 
	height:17px; 
	border: 1px solid #808080; 
	color: #000000; 
	background: #ffffff; 
	font-family: verdana;font-size: 10px;
}
input.texts:hover{ 
	border: 1px solid #FFFFFF; 
	background: #EEEEEE; 
	color: #000000; 
}

input.text2{ 
	margin: 0; 
	padding: 0; 
	width: 150px; 
	height:17px; 
	border: 1px solid #808080; 
	color: #000000; 
	background: #ffffff; 
}
input.text2:hover{ 
	border: 1px solid #FFFFFF; 
	background: #EEEEEE; 
	color: #000000; 
}
input.text3{ 
	margin: 0; 
	padding: 0; 
	width: 450px; 
	height:19px; 
	border: 1px solid #808080; 
	color: #000000;
	background: #ffffff; 
}
input.text3:hover{ 
	border: 1px solid #FFFFFF; 
	background: #EEEEEE; 
	color: #000000; 
}
input.text4{ 
	margin: 0; 
	padding: 0; 
	width: 750px; 
	height:20px; 
	border: 1px solid #808080; 
	color: #000000;
	background: #ffffff; 
}
input.text4:hover{ 
	border: 1px solid #FFFFFF; 
	background: #EEEEEE; 
	color: #000000; 
}

input.text5{ 
	margin: 0; 
	padding: 0; 
	width: 1000px; 
	height:19px; 
	border: 1px solid #808080; 
	color: #000000;
	background: #ffffff; 
}
input.text5:hover{ 
	border: 1px solid #FFFFFF; 
	background: #EEEEEE; 
	color: #000000; 
}


textarea.text { 
	margin: 0; 
	padding: 0; 
	width: 200px; 
	height: 50px; 
	border: 1px solid #808080; 
	color: #000000; 
	background: #ffffff;
}
textarea.text:hover { 
	border: 1px solid #FFFFFF; 
	background: #EEEEEE; 
	color: #000000;
}

textarea.text1 { 
	margin: 0; 
	padding: 0; 
	width: 300px; 
	height: 50px; 
	border: 1px solid #808080; 
	color: #000000; 
	background: #ffffff;
}
textarea.text1:hover { 
	border: 1px solid #FFFFFF; 
	background: #EEEEEE; 
	color: #000000;
}

textarea.text2 { 
	margin: 0; 
	padding: 0; 
	width: 450px; 
	height: 100px; 
	border: 1px solid #808080; 
	color: #000000; 
	background: #ffffff;
}
textarea.text2:hover { 
	border: 1px solid #FFFFFF; 
	background: #EEEEEE; 
	color: #000000;
}

textarea.text3 { 
	margin: 0; 
	padding: 0; 
	width: 450px; 
	height: 60px; 
	border: 1px solid #808080; 
	color: #000000; 
	background: #ffffff;
}
textarea.text3:hover { 
	border: 1px solid #FFFFFF; 
	background: #EEEEEE; 
	color: #000000;
}

textarea.text4 { 
	margin: 0; 
	padding: 0; 
	width: 450px; 
	height: 100px; 
	border: 1px solid #808080; 
	color: #000000; 
	background: #ffffff;
}
textarea.text4:hover { 
	border: 1px solid #FFFFFF; 
	background: #EEEEEE; 
	color: #000000;
}
textarea.text5 { 
	margin: 0; 
	padding: 0; 
	width: 750px; 
	height: 250px; 
	border: 1px solid #808080; 
	color: #000000; 
	background: #ffffff;
}
textarea.text5:hover { 
	border: 1px solid #FFFFFF; 
	background: #EEEEEE; 
	color: #000000;
}

.red{
	color: #ff0000;
}

select{
	margin: 0; 
	padding: 0;
	font-family: verdana;
	font-size: 10px;  
	border: 1px solid #808080; 
	color: #000000; 
	background: #ffffff;
}

select.general{
	width: 300px;
	margin: 0; 
	padding: 0;
	font-family: verdana;
	font-size: 10px;  
	border: 1px solid #808080; 
	color: #000000; 
	background: #ffffff;
}
.pagination ul{display:inline-block;*display:inline;margin-bottom:0;margin-left:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;*zoom:1;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.05);box-shadow:0 1px 2px rgba(0,0,0,0.05)}
.pagination li{display:inline}
.pagination a,.pagination span{float:left;padding:0 3px;line-height:20px;text-decoration:none;background-color:#fff;border:1px solid #ddd;border-left-width:0}
.pagination .active a,.pagination .active span{color:#999;cursor:default}
.pagination li:first-child a,.pagination li:first-child span{border-left-width:1px;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}
