/* colors used
#E15200;
color teal: #0097AC;
light teal: #A9D3E3; 
lite teal white #CFDDE3;
teal 1        95C5CC
blue 2 color: #0097AC; 0097AC
blue 3 color: #007384; 007384
blue 4 color: #00505B; 00505B
blue 5 color: #00353D; 00353D

dark light teal #81A1AE; 81A1AE

brown: #9A876E;BAA08A
light brown:#CFB896; #CFB896;
----------------------------------------------- */

body {
	background: url(../images/background_pic.jpg) repeat-x;
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
	text-align : left;
	background-color: #81A1AE;
	color: #00353D;
	margin: 0;
	padding: 20px 0px 0px 0px;
	} 
p {
	font-size: 100%;
	line-height: 24px;
	width: 400px;
}
#container {
	position: relative;
	margin: 0 auto 0 auto;
	width: 800px;
	text-align: left;
	border: 1px solid #00353D;
}
td, th {
	padding:2px 0px 2px 0px;
	text-align:left;
} 

/* background styles and pics
----------------------------------------------- */
#pagepic {
	border-bottom: 3px solid #007384;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
	background-color: #00353D;
}
.headpic {
	padding: 0px 10px 10px 10px;
	float: right;
	text-align: right;
}
.pat1{
	border-top: 2px solid #007384;
	border-bottom: 1px solid #007384;
	padding: 1px 1px 3px 1px;
	vertical-align: top;
	background-color: #81A1AE;
}
.pat2{
	padding: 2px 0px 2px 0px;
	background-color: #CFDDE3;
}
.pat3{
	padding: 2px 0px 2px 0px;
	background-color: #007384;
}

.middle_shad{
	padding: 0px;
	background-image:url(../images/middle_shad.gif);
	background-repeat: repeat-x;
}


#dot {
	border-bottom: 1px dotted #0097AC;
	text-align: left;
	padding-top: 6px;
	padding-bottom: 6px;
	vertical-align: top;
	width: 350px;
}
.dot {
	border-bottom: 1px dotted #CFDDE3;
	padding:4px;
}
/* main content and columns
#81A1AE;#CFDDE3; old dot
----------------------------------------------- */
.leftcol{
	vertical-align: top;
	border-top: 1px solid #00353D;
	padding: 45px 10px 30px 30px;
	background-color:#A9D3E3;
	width: 310px;
	text-align: right;
}
.rightcol{
	vertical-align: top;
	border-top: 1px solid #00353D;
	padding: 45px 10px 30px 30px;
	text-align: left;
	background-color:#A9D3E3;
}

.empty{
	background-color : #A9D3E3;
}
/* internal nav php left
#0097AC;
----------------------------------------------- */
#nav {
margin: 0px;
font-size: 12px;
line-height: 22px;
padding: 0px 0px 0px 0px;
font-weight: bold;
text-align: right;
float:right;
list-style: none;
width: 170px;
}
#nav a:link, a:active, a:visited {
color: #0097AC;
text-decoration: none;
}
#nav a:hover {
color: #E15200;
text-decoration: none;
}
#nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#nav li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#nav .curr_loc {
	color: #E15200;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-image: url(../images/here.gif);
	background-repeat: no-repeat;
	vertical-align: text-bottom; 
	position: inherit;
}
/* Headings and titles#00505B;
----------------------------------------------- */
h1 {
	font-size: 16px;
	font-weight: bold;
   	color: #0097AC;
	text-align: left;
	margin: 0px 0px -5px 0px;
	padding:0px;
	line-height: 10px;
}
h2 {
	font-size: 12px;
	color: #00353D;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding:0px;
	line-height: 10px;
}
h3 {
	font-size: 108%;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: -10px;
	padding: 0px;
}
h4 {
	font-size: 108%;
	color: #CFDDE3;
	font-weight: bold;
	margin-bottom: -10px;
	padding: 0px;
}

#smalltext {
	font-size: 90%;
	line-height: 15px;
}

#pagetitle
{
	font-size: 14px;
	font-weight: bold;
   	color: #0097AC;
	text-align: left;
	line-height: 18px;
}

#subtitle
{
	font-size: 12px;
	font-weight: normal;
   	color: #00353D;
	text-align: left;
	line-height: 18px;
}

#subtitle2
{
	font-size: 106%;
	font-weight: bold;
   	color: #81A1AE;
	text-align: left;
	line-height: 16px;	
}
#subtitle3
{
	font-size: 106%;
	font-weight: bold;
   	color:  #00353D;
	text-align: left;
	line-height: 16px;	
}
/* Lists
----------------------------------------------- */
#bullist{
	margin: 6px;	
	padding: 6px;
	list-style: none;
	vertical-align: texp-top;
	}
#bullist li
{
	padding: 2px 0px 2px 6px;
	margin: 2px 0px 2px 6px;
	list-style-image:  url(../images/bullet.gif);
	background-repeat: no-repeat;
	vertical-align: text-top;
}

#linklist{
	margin: 0px;	
	padding-left: 0px 0px 0px 0px;
	list-style: none;
	vertical-align: text-bottom;
	}

#linklist li
{
margin: 0px 0px 0px 0px;
padding: 2px 0px 2px 0px;
list-style-image: url(../images/link.gif);
background-repeat: no-repeat;
vertical-align: middle;
}
.links
{
margin: 0px 0px 0px 4px;
padding: 0px 0px 0px 4px;
list-style-image: url(../images/link.gif);
background-repeat: no-repeat;
vertical-align: text-top;
}
/* Footer	
----------------------------------------------- */
#footer {
	margin:0px;
	padding: 4px 10px 2px 2px;
	border-top: 3px solid #007384;
	text-align: right;
	font-size: 10px;
	color: #CCCCCC;
	background-color: #00505B;
	background-image:url(../images/footer_back.gif);
	background-repeat: repeat-x;
}
#footer .vegalo {
float: left;
padding-left:4px;
}

#footer a:link, a:active, a:visited{
	color: #00505B;
	text-decoration: none;
	font-weight: normal;
}
#footer a:hover {
	color: #FFFFFF;
	font-weight: normal;
}

/* Links
a: {text-decoration: none;}#00505B;
----------------------------------------------- */
a:link, a:active, a:visited {
color: #0097AC;
text-decoration: none;
font-weight: bold;
}
a:hover {
color: #E15200;
font-weight: bold;
}

/***** Forms *****/
.error {color: #E15200; font-weight: bold; line-height:120%;}
.require {font-size:120%; line-height:120%;}
 
form {font:.90em arial, sans-serif;line-height:1.20;}

#formwrap {text-align: left; padding:0px 5px 5px 0px; width: 400px; float:left;}

input {display: block; width: auto; margin-bottom: 10px; padding: 3px; float:left;}

select, textarea {display: block; width: 65%; margin-bottom: 10px; padding: 3px; float:left; color: #00353D; background-color:#CFDDE3; }

select {display: block; width: auto; margin-bottom: 10px; padding: 3px; float:left; }

label {cursor:text; display: block; float: left; width: 20%; text-align: right; margin: 0 10px 0 0; padding-bottom: 15px; clear: left; border-bottom: 1px dotted #8E99C5;}

legend { padding: 6px 10px 6px 0px; margin: 0px 0px 0px 0px;}
.formbox {padding: 2px 5px 2px 5px; margin: 10px 0px 15px 0px; border: 1px dotted #0097AC; float: left; background-color: #A9D3E3; width:100%; text-align:left; line-height: 1.30;}

.buttonblock{padding: 10px 0px 5px 0px; margin-bottom: 10px; float: left; display: block; font-size:85%;}
	
.button {float:left; font-weight: bold; width:auto; padding:4px; background-color: #0097AC; color: #00353D; border: 1px outset #00353D;}

.fm_verify{float: left; width: 22%; margin-bottom: 15px; padding: 3px; position: relative; display: block;}

.checkbox {margin: 0px 0px 0px 0px; padding:2px; width:auto; float:left; color: #00353D; background-color:#CFDDE3; }

.radiobut {margin: 0px 0px 0px 0px; padding:2px; width:auto; float:left; color: #00353D; background-color:#CFDDE3; }

input.text {float: left;display: block; width: 65%;	margin-bottom: 10px; padding: 3px; color: #00353D; background-color:#CFDDE3; }

.fullblock {padding: 0px 0px 8px 0px;float: left; width: 100%; margin-bottom: 10px; display: block;}

.halfblock {width: 65%;	padding-left: 29%; margin-bottom: 10px; float: left; display: block;}

.smallblock{width: 100%; margin-bottom: 6px; float: left; display: block; font-size:90%; font-style:italic;}

textarea.textwide {display: block; float: left; width: 93%; margin-right: 2px; margin-bottom: 10px; padding: 3px; color: #00353D; background-color:#CFDDE3; }

label.textlblwide {	display: block; float: left; text-align: left; margin: 0 10px 0 1px; padding-bottom: 8px; }

/* end form css */