@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }

a {outline: none;} /* removes dotted line from around links in FF */

/*/////////////// HTML ///////////////*/

body {
margin: 0px auto;
background: #cccccc;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

p {
margin: 10px 0px 5px 0px; /* (top, right, bottom, left) */
padding: 0px 0px 0px 0px; /* (top, right, bottom, left) */
}

h1 {
color:#000000;
font-size:20px;
font-weight:bold;
margin: 5px 0px 0px 10px; /* (top, right, bottom, left) */
padding: 0px 0px 0px 0px; /* (top, right, bottom, left) */
}

h2 {
color:#007280;
font-size:14px;
font-weight:bold;
margin: 5px 0px 0px 0px; /* (top, right, bottom, left) */
padding: 0px 0px 0px 0px; /* (top, right, bottom, left) */
}

ul {
margin: 0px 0px 0px 10px; /* (top, right, bottom, left) */
padding: 0px 0px 0px 0px; /* (top, right, bottom, left) */
list-style-type: disc;
list-style:disc;
}

li {
margin: 7px 0px 0px 0px; /* (top, right, bottom, left) */
padding: 0px 0px 0px 0px; /* (top, right, bottom, left) */

}

li ul {
margin: 0px 0px 0px 25px; /* (top, right, bottom, left) */
padding: 0px 0px 0px 0px; /* (top, right, bottom, left) */
list-style-type: none;
list-style:square;
}

li ul li {
margin: 7px 0px 0px 0px; /* (top, right, bottom, left) */
padding: 0px 0px 0px 0px; /* (top, right, bottom, left) */

}

/*/////////////// Layout ///////////////*/

#container {
width: 900px;
margin: 10px auto;
background-color: #ffffff;
padding: 0px 0px 0px 0px; /* (top, right, bottom, left) */
}

#header {
width:900px;
height:102px;
margin: 0px 0px 0px 0px; /* (top, right, bottom, left) */
background-image:url(images/header_bg.jpg);
background-repeat:no-repeat;
}

#logo {
float:left;
width:300px;
margin: 5px 0px 0px 5px; /* (top, right, bottom, left) */
}



#image {
width:900px;
margin: 0px 0px 0px 0px; /* (top, right, bottom, left) */
clear:both;
}

/*/////////////// Homepage Content Layout ///////////////*/

#content_left {
float:left;
width:250px;
height:350px;
margin: 10px 0px 10px 20px; /* (top, right, bottom, left) */
padding: 10px 10px 10px 0px; /* (top, right, bottom, left) */
border-right: solid 1px #000000;
}

#content_right {
float:left;
width:565px;
margin: 10px 0px 0px 20px; /* (top, right, bottom, left) */
padding-bottom: 10px;
}

#content_sub {
float:left;
width:565px;
margin: 10px 0px 0px 20px; /* (top, right, bottom, left) */
padding-bottom: 10px;
}

#content_sub ul {
	margin: 0px 0px 0px 10px; /* (top, right, bottom, left) */
	padding: 0px 0px 0px 0px; /* (top, right, bottom, left) */
	list-style:disc;
}

#content_sub li {
font-size:13px;
margin: 7px 0px 0px 10px; /* (top, right, bottom, left) */
padding: 0px 0px 0px 5px; /* (top, right, bottom, left) */
list-style:disc;
}

#content_sub h2 {
color:#007280;
font-size:16px;
font-weight:bold;
margin: 5px 0px 0px 0px; /* (top, right, bottom, left) */
padding: 0px 0px 0px 0px; /* (top, right, bottom, left) */
}

#content_left ul {
margin: 0px 0px 3px 0px; /* (top, right, bottom, left) */
padding: 2px 0px 2px 0px; /* (top, right, bottom, left) */
list-style-type: none;
}

#content_left  li {
margin: 10px 0px 5px 0px; /* (top, right, bottom, left) */
padding: 2px 0px 6px 0px; /* (top, right, bottom, left) */
border-bottom: solid 1px #6E370E;
}
#content_left  li a {
font-size:17px;
	color:#007280;
	text-decoration:none;
}
#content_left  li a:hover {
color:#999999;
text-decoration:none;
}

#content_left li a.final {
font-size:12px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	
}

/*/////////////// Subpage Content Layout ///////////////*/

#main_content {
width:910px;
margin: 10px 0px 0px 20px; /* (top, right, bottom, left) */
}

#main_content_left {
float:left;
width:200px;
margin: 10px 0px 10px 0px; /* (top, right, bottom, left) */
padding: 10px;
font-size:12px;
background-color:#DCD6B8;
}

#main_content_left ul {
margin: 0px 0px 3px 0px; /* (top, right, bottom, left) */
padding: 2px 0px 2px 0px; /* (top, right, bottom, left) */
list-style-type: none;
}

#main_content_left  li {
margin: 10px 0px 5px 0px; /* (top, right, bottom, left) */
padding: 2px 0px 6px 0px; /* (top, right, bottom, left) */
border-bottom: solid 1px #6E370E;
}

#main_content_left  ul li a {
color:#000;
text-decoration:none;
}

#main_content_left  ul li a:hover {
color:#999999;
text-decoration:none;
}

#main_content_left h1 {
color:#025237;
font-size:13px;
font-weight:bold;
margin: 0px 0px 5px 0px; /* (top, right, bottom, left) */
padding: 0px 0px 0px 0px; /* (top, right, bottom, left) */
}

#main_content_right {
float:left;
width:665px;
margin: 10px 0px 30px 20px; /* (top, right, bottom, left) */
padding-bottom: 10px;
}

#main_content_right ul {
margin: 0px 0px 3px 0px; /* (top, right, bottom, left) */
padding: 2px 0px 2px 0px; /* (top, right, bottom, left) */
list-style-type: none;
}

#main_content_right  li {
margin: 10px 0px 0px 0px; /* (top, right, bottom, left) */
padding: 2px 0px 0px 0px; /* (top, right, bottom, left) */

}


#footer {
margin: 10px auto;
width:880px;
height:20px;
text-align:center;
background-color:#FFFFFF;
font-size:10px;
color:#FFFFFF;
border-top: solid 1px #000000;
padding: 10px 0px 0px 0px; /* (top, right, bottom, left) */
}

#footer ul {
margin: 0px 0px 0px 125px; /* (top, right, bottom, left) */
padding: 0px;
text-align:center;
list-style: none;
}

#footer ul li {
display: inline;
color: #ffffff;
}

#footer ul li a {
margin-left: 2.5em;
padding-right: 2.5em;
color: #000000;
text-decoration: none;
border-right: solid 0px #ffffff;
font-size: 10px;
float:left;
}

#footer ul li a:hover {
color: #8C8E8C;
}

#footer ul li a.last {
border-right: none;
padding-right: 0px;
}

#footer_text {
margin: 1px auto;
width:920px;
height:20px;
text-align:center;
font-size:10px;
color:#FFFFFF;
}

.fix {
clear:both;
}

/*/////////////// accordian tabs ///////////////*/

.ui-tabs { padding: 0em; zoom: 1; background-color:#ffffff; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; margin-left:10px; }

.ui-tabs .ui-tabs-nav li {
position: relative;
float: left;
border-bottom-width: 0 !important;
margin: 0 .6em -1px 0;
border-left: solid 1px #000;
border-right: solid 1px #000;
border-top: solid 1px #000;
background-color:#007280;
height:30px;
padding: 0px 5px 0px 5px; /* (top, right, bottom, left) */

font-weight:bold;
}

/*IE6 HACKS*/
* html .ui-tabs .ui-tabs-nav li {margin: 0 .6em -1px 0;} 


.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none;  padding: 2px 12px 0px 12px; color:#FFFFFF; font-size:10px; font-weight:bold; text-align:center;height:30px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0px; border-bottom-width: 0; background-color:#ffffff; height:28px;text-align:center;font-weight:bold;height:30px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color:#000000; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border: solid 1px #000; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.ui-tabs .ui-tabs-panel a {
	color:#FF0000;
	text-decoration:none;
	font-weight:bold;
	text-decoration:underline;
}

.ui-tabs .ui-tabs-panel a:hover {
color:#999999;
text-decoration:none;
}

.tab-image {
margin: 0px 0px 10px 10px; /* (top, right, bottom, left) */
}

.move {
margin-top:5px;
}

.image {
padding-left:10px;
}

