/* CSS Document */
/* BODY STYLES */
/*-----------------------------------------------*/
span, div, a, h1, h2, h3, h4, div, form, input, dl, dt, dd, img {
margin:0;
border:0;
padding:0;
text-decoration:none;

}
h1
{
	font-size: small;
}
h2
{
	font-size: 70%;
	word-spacing:0em;
}

h3
{
	font-size: 56%; margin-bottom:-10px;
}
h4
{
	font-size: 126%;
}
h5
{
	font-size: 110%;
}
h6
{
	font-size: 100%;
}
p {
  font-size: 12px;
}

.pbold {
font-weight:bold;
}

ul {font-size: small}
li {font-size: small}
/*/*/a{}
body p {
  font-size: x-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
}
html>body p {
    font-size: small;
}
/* */
body {
background:#FFFEEE url(../images/back_bg.gif);
font-family: verdana, arial,  Helvetica, sans-serif;
font-size: 100.1%;
text-align:center;
color:#675C58;
margin:0;
padding:0;
  background-color:#b1bdc2;
}
#container {
padding:0 0 0 0;
margin:0 auto 0 auto;
background:top repeat-y url(../images/content.gif);
text-align:center;
width:780px;
}
#holder {
padding:0 0 0 0;
margin:0 auto 0 auto;
background-color:#e3e3e3;
text-align:left;
width:740px;
}
#container_top {
background:#FFFEEE url(../images/back_bg.gif) repeat-y top center;
margin:auto;
width:750px;
height:auto;
text-align:center;
}
#container_bot {
background:#FFFEEE url(../images/back_bg.gif) repeat-y top center;
margin:auto;
width:750px;
height:auto;
text-align:center;
}

#top_break {
background:url(../images/back_top.gif) no-repeat top;
margin:auto;
padding:0 0 0 0;
width:780px;
height:18px;
background-color:#b1bdc2;
}
#top {
background:url(../images/top_logo.jpg) no-repeat top;
width:740px;
height:133px;
text-align:left;
border-bottom:#FFFFFF solid 1px;
background-color:#3863a8;
}
#logo {
position:relative;
width:205px;
height:47px;
margin-left:10px;
padding-top:30px;
font-size:3.2em;
color:#FFFFFF;
}
#logostrap {
	position:relative;
	width:350px;
	height:20px;
	margin-left:12px;
	padding:3px;
	font-size:0.9em;
	color:#FFFFFF;
	margin-top: 7px;
}
#logo span {
	position:absolute;
	width:407px;
	height:133px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: top;
}


#main_content {
float:left;
position:relative;
background:url(../images/main.gif) top repeat-y;
width:740px;
height:auto;
}
.columns_left {
	float:left;
	width:97%;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 20px;
	font-size:1.5em;
	color:#000000;
}

.column_wrapper {
float:left;
width:700px;
margin:auto;
}
.column_wrapper_2 {
float:left;
width:95%;
margin:auto;
background-color:#e3e3e3;
}
.column_wrapper_3 {
float:left;
width:100%;
margin:auto;
background-color:#e3e3e3;
}


#footer {
background: url(../images/footer.gif) no-repeat center;
width:730px;
height:66px;
padding:12px 0 0 40px;
text-align:center;
font-size:1em;
margin:auto;
color:#fff;
font-size: x-small;
line-height:1.5em; 

}

#footer a {text-decoration: none;font-size: x-small}
#footer A:link {text-decoration: underline; color: #fff}
#footer A:visited {text-decoration: none; color: #f2f2f2}
#footer A:active {text-decoration: none; color: #85AABD}
#footer A:hover {text-decoration: none; color: #ffdf00}

.clear {
clear: both;
height: 1px;
font-size: 1px;
line-height: 1px;
margin-bottom: -1px;
}

#globalNav{
padding: 3px 0 5px 2px;
border-top: 5px solid #ecc976;
border-bottom: 5px solid #ecc976;
color: #cccccc; background-color:#303130;
}



#globalNav A {text-decoration: none;font-size: small}
#globalNav A:link {text-decoration: none; color: #fff}
#globalNav A:visited {text-decoration: none; color: #eee}
#globalNav A:active {text-decoration: none; color: #ffdf00}
#globalNav A:hover {text-decoration: none; color: #E1B632}


.floatright { 
float: right;
margin: 0 -17px 10px 20px;
border: 1px solid #c0c0c0;
padding: 8px;
clear: right;
position: relative;
background-color: #fff;
 }
 
 .column_wrapper {
float:left;
width:519px;
margin:auto;

}
.columns_right {
float:right;
width:175px;
padding:20px 4px 20px 10px;
text-align:left;
margin:0 auto 0 auto;
border-left:#fff dashed 1px;
border-bottom:#fff dashed 1px;
background-color:#f2f2f2;

}
.columns_right_ty {
float:right;
width:175px;
padding: 0px 4px 20px 10px;
text-align:left;
margin:0 auto 0 auto;
border-left:#fff dashed 1px;
border-bottom:#fff dashed 1px;
background-color:#f2f2f2;

}
.columns_right h2 {
font-size:80%;
color:#000;

}
 .floatleft { 
float: left;
position: relative;
margin: 4px 15px 4px 0px;
border: 1px solid #c0c0c0;
padding: 4px;
clear: right;
background-color: #fff;
 }
A:link {color: #000;text-decoration: underline;font-size:small}
A:visited {color: #404040;text-decoration: underline;font-size:small}
A:active {text-decoration: none;font-size:small}
A:hover {text-decoration: none; color: #000;font-size:small;}

#sub_nav a {
	display: block;
	padding: 5px 0 5px 5px;
	color:#000000;
	text-decoration:none;
}

#sub_nav a:hover{
	background-color: #e3e3e3;
	color:#000; text-decoration:none;
}

#sub_nav { line-height:1.2em}

#sub_nav ul {list-style: none; margin: 0; padding: 0;}


#sub_nav li {border-bottom: dashed 1px #ccc}

/* fix for browsers that don't need the hack */
html>body #sub_nav li {border-bottom: dashed 1px #ccc;}

.sub_nav_on {background-color:#e3e3e3;color:#000; font-weight:bold}
.sub_nav_off {color:#000; font-weight:bold}

.sub_nav_indent {margin-left:20px;}
.sub_nav_indent_on {font-weight:bold;background-color:#e3e3e3}

.sub_nav_indent A:link {color: #000;text-decoration: none;font-size:x-small}
.sub_nav_indent A:visited {color: #404040;text-decoration: none;font-size:x-small}
.sub_nav_indent A:active {text-decoration: none;font-size:x-small;}
.sub_nav_indent A:hover {text-decoration: none; color: #000;font-size:x-small;}

.indexbox{
background-image:url(../images/bg_tables.gif); 
margin:10px; 
padding:10px; 
border:1px solid #fff;}

.logo_rightnav {margin-top:35px; margin-left:57px; margin-bottom:15px }

.floatleftContact { 
float: left;
position: relative;
width:130px;
padding-bottom:15px;
padding-top:10px;
font-size:small;
font-weight:bold;
 }
.floatleftContactRadio1 { 
float: left;
position: relative;
width:315px;
padding-bottom:15px;
padding-top:10px;
font-size:small;
font-weight:bold;
 }
 .floatleftContactRadio { 
float: left;
position: relative;
width:190px;
padding-bottom:15px;
padding-top:10px;
font-size:small;
font-weight:bold;
 }


.input { background-color:#FFFFFF;padding:4px;}
.input_submit { background-color:#FFFFFF; border:1px solid #939975;
}


.sitemap li			{margin-left:20px}
.sitemap li a:link		{color: #000; text-decoration: underline}
.sitemap li a:visited		{color: #000; text-decoration: underline}
.sitemap li a:hover		{text-decoration: underline; color: #000}

.sitemap div li			{margin-left:40px}
.sitemap div li a:link		{color: #000; text-decoration: none; font-size:x-small}
.sitemap div li a:visited	{color: #000; text-decoration: none; font-size:x-small}
.sitemap div li a:hover		{text-decoration: underline; color: #000; font-size:x-small}

.sitemap div div li		{margin-left:60px}
.sitemap div div li a		{text-decoration: none}
.sitemap div div li a:visited	{color: #000; text-decoration: none; font-size:x-small}
.sitemap div div li a:hover	{text-decoration: underline}




/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {height:24px; position:relative; z-index:100; padding-left: 4px; border-top: 5px solid #ecc976; border-bottom: 5px solid #ecc976; background: #ecc976}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0; margin:0; list-style-type:none}
.menu ul ul {width:164px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left; width:auto; position:relative}
/* style the links for the top level */
.menu a, .menu a:visited {display:block; font:12px verdana; text-decoration:none; color:#fff; height:22px; border:1px solid #585752; border-width:1px 1px 1px 1px; background:#303130; padding-left:12px; padding-right:13px; line-height:21px; text-align: center}
.menu ul li a:hover	{background: #003399; text-decoration: underline; color: #ffe662}
.menu ul li ul li a, .menu ul li ul li a:visited	{background: #eeeeee; color: #303130; text-align: left}
.menu ul li ul li a:hover	{background: #003399; text-decoration: underline; color: #ffe662}

.menu ul ul a.drop, .menu ul ul a.drop:visited	{background: #eeeeee url(../images/arrow.png) no-repeat 145px center; color: #303130; text-align: left}
.menu ul ul a.drop:hover	{background: #003399 url(../images/arrowhover.png) no-repeat 145px center; text-decoration: underline; color: #ffe662}
.menu ul ul :hover > a.drop	{background: #003399 url(../images/arrowhover.png) no-repeat 145px center; color: #ffe662}
.menu ul ul ul a, .menu ul ul ul a:visited {background:#95a1ff; color: #000000}
.menu ul ul ul a:hover	{background: #003399; text-decoration: underline; color: #ffe662}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul	{visibility:hidden; position:absolute; height:0; top:24px; left:0; border-top:1px solid #000; width: auto}
/* another hack for IE5.5 */
* html .menu ul ul	{top:23px; t\op:24px}

/* position the third level flyout menu */
.menu ul ul ul	{left:164px; top:-1px; width:102px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table	{position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited	{background:#e5e1d6; color:#000; height:auto; line-height:1em; padding:5px 10px; width:143px; border-width:0 1px 1px 1px;}
.menu ul ul ul a, .menu ul ul ul a:visited	{width:80px}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:164px;w\idth:143px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover	{color:#ffe662; background:#003399}
.menu :hover > a	{color:#ffe662; background:#003399}
.menu ul ul :hover > a	{color:#ffe662; background:#003399 url(../images/arrowhover.png) no-repeat 145px center}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}


.boxes	{
	margin-left: 5%;
	}

.selectlist {
	font-family: verdana, arial, sans-serif;
	background-color: #ffffff;
	color: #000000;
	border-style: solid;
	border-width: 1px;
	border-color: #666666}