/*
layout help from http://www.code-sucks.com
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
#wrapperout { 
 margin: 0 auto;
 width: 966px;
 border: 0px solid;
 border-bottom-color:red;
 border-bottom-width:5px;
 border-color: #FFBE00;
 background-color: #384B79;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#wrapper2 { 
 margin: 0 auto;
 margin-left: 5;
 width: 460px;
 border: 0px solid;
 border-color: #ffffff;
 background-color: #ffffff;
}
#wrapper2_inside { 
 margin: 0 auto;
 margin-left: 5;
 width: 660px;
 border: 2px solid;
 border-color: #FFCC00;
 background-color: #384B79;
}
#wrapper3 { 
 margin: 0 auto;
 margin-left: 5;
 width: 191px;
 border: 2px solid;
 border-color: #FFCC00;
 background-color: #FAEEB1;
}

#faux {
 background: url(Images/faux-1-3-col.gif);
 margin-bottom: 5px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}
#faux_inside {
 background: url(Images/faux-1-2-col.gif);
 margin-bottom: 5px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}
#header {
 color: #333;
 width: 920px;
 padding: 0px;
 height: 232px;
 margin: 0px 0px 5px 0px;
 background: #809AD7;
}
#leftcolumn { 
 display: inline;
 color: #333;
 margin: 10px;
 padding: 0px;
 width: 202px;
 float: left;
}
#content { 
 float: left;
 color: #333;
 margin: 10px 13px;
 padding: 0px;
 width: 460px;
 display: inline;
 position: relative;
}
#content_inside { 
 float: left;
 color: #333;
 margin: 10px 13px;
 padding: 0px;
 width: 660px;
 display: inline;
 position: relative;
}
#rightcolumn { 
 display: inline;
 position: relative;
 color: #333;
 margin: 10px 10px 10px 0px;
 padding: 0px;
 width: 195px;
 float: right;
}
#footer { 
 width: 902px;
 clear: both;
 color: #333;
 background: #073B61;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}
 .cssnav
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(Images/overbtn.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 202px;
height: 32px;
margin: 0;
padding: 0;
}

.cssnav a
{
display: block;
color: #313E91;
font-size: 14px;
width: 202px;
height: 32px;
display: block;
float: left;
font-weight: bold;
text-decoration: none;
}

.cssnav img
{
width: 202px;
height: 32px;
border: 0
}

* html a:hover
{
visibility:visible;
color: #ffffff;
}

.cssnav a:hover img
{
visibility:hidden
}

.cssnav span
{
position: absolute;
left: 15px;
top: 7px;
margin: 0px;
padding: 0px;
cursor: pointer;
}

 .cssnav
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(Images/overbtn.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 202px;
height: 32px;
margin: 0;
padding: 0;
}

.cssnav a
{
display: block;
color: #313E91;
font-size: 14px;
width: 202px;
height: 32px;
display: block;
float: left;
font-weight: bold;
text-decoration: none;
}

.cssnav img
{
width: 202px;
height: 32px;
border: 0
}

* html a:hover
{
visibility:visible;
color: #ffffff;
}

.cssnav a:hover img
{
visibility:hidden
}

.cssnav span
{
position: absolute;
left: 15px;
top: 7px;
margin: 0px;
padding: 0px;
cursor: pointer;
}

 .cssnavsub
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(Images/overbtn2.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 202px;
height: 26px;
margin: 0;
padding: 0;
}

.cssnavsub a
{
display: block;
color: #313E91;
font-size: 13px;
width: 202px;
height: 26px;
display: block;
float: left;
font-weight: bold;
text-decoration: none;
}

.cssnavsub img
{
width: 202px;
height: 26px;
border: 0
}

* html a:hover
{
visibility:visible;
color: #000000;
}

.cssnavsub a:hover img
{
visibility:hidden
}

.cssnavsub span
{
position: absolute;
left: 55px;
top: 5px;
margin: 0px;
padding: 0px;
cursor: pointer;
}


.clear { clear: both; background: none; }

.footertext
{
font-size: 12px;
color: white;
text-decoration: none;
font-weight: bold;
}
a.footertext
{
font-size: 12px;
color: white;
text-decoration: none;
font-weight: bold;
}
a.footertext:hover
{
font-size: 12px;
color: red;
}

#container
{
position: relative
}

#flash
{
position: absolute;
left: 210px;
top: -200px
} 

#text
{
position: absolute;
left: 780px;
top: -3px
} 

.boldtext	{ COLOR: #000000; FONT: 11px arial, verdana, sans-serif; font-weight: bold }

.boldtext2	{ COLOR: #000000; FONT: 13px arial, verdana, sans-serif; font-weight: bold }

.boldtext3	{ COLOR: #ff0000; FONT: 15px arial, verdana, sans-serif; font-weight: bold }

.smalltitle 	{ COLOR: #000000; FONT: 14px arial, verdana, sans-serif; font-weight: bold }

.subtitle	{ COLOR: #3333CC; FONT: 18px arial, verdana, sans-serif; font-weight: bold }

.boldtext_navy	{ COLOR: #000080; FONT: 12px arial, verdana, sans-serif; font-weight: bold; margin-left: 0.3cm;}

.subtitle2	{ COLOR: #000080; FONT: 13px arial, verdana, sans-serif; font-weight: bold }

.subtitle2_em	{ COLOR: #3333CC; FONT: 16px arial, verdana, sans-serif; font-weight: bold }

.subtitle3	{ COLOR: #000000; FONT: 14px arial, verdana, sans-serif; font-weight: bold }

span.highlight
{
background-color:yellow
}

span.highlight2
{
background-color:#CCFFFF
}

span.highlight3
{
background-color:#CCCC99
}

span.highlight4
{
background-color:#CCFFFF
}