/* ************************** */
/* Univesal Styles */
/* ************************** */

html, body
{
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image:url(../i/bg_outer.jpg);
font: Arial, Helvetica, sans-serif;
font-size: 12px;
}

a 
{
color:#CC0000;
text-decoration: none;
}

a:hover
{
text-decoration: underline;
}

h1 
{
color:#000000;
font-family:"Courier New", Courier, monospace;
font-size: 18px;
text-decoration:none;
display: block;
border-width: 1px;
border-style: dashed;
border-color: #999999;
background-color:#F9F9F9;
margin: 0;
padding: 0;
}

.photo 
{
border-width: 1px;
border-color: #666666;
border-style: solid;
}

.marginphoto 
{
border-width: 1px;
border-color: #666666;
border-style: solid;
margin-right: 10px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.leftmarginphoto 
{
border-width: 1px;
border-color: #666666;
border-style: solid;
margin-right: 0px;
margin-left: 10px;
margin-top: 0px;
margin-bottom: 0px;
}

.leftmarginphoto_noborder
{
border-width: 0px;
margin-right: 0px;
margin-left: 10px;
margin-top: 0px;
margin-bottom: 0px;
}

/* ************************** */
/* box layout */
/* ************************** */


#sideshadow
{
width: 762px;
background-image: url(../i/shadow_side.jpg);
background-repeat: repeat-y;
height: 100%;
}

#pagecontainer
{
padding-top: 18px;
width: 750px;
background-image: url(../i/bg.jpg);
background-repeat: repeat-y;
height: 100%;
}

#pageheader
{
width: 700px;
font: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size:17px;
}

#maincontainer
{
width: 700px;
}

#spacer
{
width: 700px;
height: 7px;
float: left;
}

#leftcolumn
{
width: 108px;
border-width: 1px;
border-color:#999999;
border-style: dashed;
font: Arial, Helvetica, sans-serif;
font-size:16px;
text-align: left;
float: left;
padding: 15px;
margin-right: 10px;
}

#leftcolumn ul
{
	margin: 16px;
	padding: 0px;
}

#leftcolumn li
{
	margin: 0px;
	padding: 0px;
}

#maincontent
{
width: 518px;
border-width: 1px;
border-color:#999999;
border-style: dashed;
font: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size:14px;
text-align: left;
float: left;
padding: 15px;
min-height: 700px;
max-height: none;
}

#maincontent hr
{
	color: #999999;
	border-top: 1px dashed;
	height: 1px;
	margin: 0;
}

.subcontent
{
width: 518px;
float: left;
margin: 3px;
}

#footer
{
width: 680px;
height: 50px;
float: left;
font-size: 11px;
text-align: center;
padding-left: 10px;
padding-right: 10px;
padding-top: 17px;
padding-bottom: 3px;
}

#footer img
{
margin-top: 4px;
}

#bottomshadow
{
width: 762px;
background-image: url(../i/shadow_bottom.jpg);
background-repeat: repeat-x;
height: 6px;
}
#clear {
clear: both;
}

/* ************************** */
/* main nav */
/* ************************** */


#navcontainer {
	width: 700px;
}

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

#nav a {     
	display: block;     	 
} 

#nav li {     
	float: left;     	 
}

#nav li ul {     
	position: absolute;     
	left: -999em; 
} 

#nav li:hover ul, #nav li.sfhover ul  {   
	left: auto; 
	width: 140px;
}

/* nav1 */
.nav1 a
{
font: Arial, Helvetica, sans-serif !important;
font-size: 12px !important;
display: block;
background-image: url(../i/nav/button1.gif);
background-repeat:no-repeat;
width: 140px;
height: 43px;
text-decoration: none;
text-align:center;
font-size:16px;
padding-top: 33px;
color: #000;
text
}

.nav1 a:hover
{
background-image: url(../i/nav/button1_o.gif);
background-repeat: no-repeat;
color: #CC0000;
}

.nav1 
{
background-image: url(../i/nav/button1_o.gif);
background-repeat:no-repeat;
}

/* nav2 */

.nav2 a
{
font: Arial, Helvetica, sans-serif !important;
font-size: 12px !important;
display: block;
background-image: url(../i/nav/button2.jpg);
background-repeat:no-repeat;
width: 130px;
height: 48px;
text-decoration: none;
text-align:center;
font-size:16px;
padding-top: 27px;
padding-left: 10px;
color: #000;
text
}

.nav2 a:hover
{
background-image: url(../i/nav/button2_o.jpg);
background-repeat:no-repeat;
color: #CC0000;
}

.nav2 
{
font: Arial, Helvetica, sans-serif;
font-size: 10px;
background-image: url(../i/nav/button2_o.jpg);
background-repeat:no-repeat;
}

/* nav3 */
.nav3 a
{
font: Arial, Helvetica, sans-serif;
font-size: 12px !important;
display: block;
background-image: url(../i/nav/button3.jpg);
background-repeat:no-repeat;
width: 140px;
height: 43px;
text-decoration: none;
text-align:center;
font-size:16px;
padding-top: 30px;
color: #000;
text
}

.nav3 a:hover
{
background-image: url(../i/nav/button3_o.jpg);
background-repeat:no-repeat;
color: #CC0000;
}

.nav3
{
background-image: url(../i/nav/button3_o.jpg);
background-repeat:no-repeat;
}

/* nav4 */
.nav4 a
{
font: Arial, Helvetica, sans-serif;
font-size: 12px !important;
display: block;
background-image: url(../i/nav/button4.jpg);
background-repeat:no-repeat;
width: 125px;
height: 43px;
text-decoration: none;
text-align:center;
font-size:16px;
padding-top: 32px;
padding-right: 15px;
color: #000;
text
}

.nav4 a:hover
{
background-image: url(../i/nav/button4_o.jpg);
background-repeat:no-repeat;
color: #CC0000;
}

.nav4
{
background-image: url(../i/nav/button4_o.jpg);
background-repeat:no-repeat;
}

/* nav5 */
.nav5 a
{
font: Arial, Helvetica, sans-serif;
font-size: 12px !important;
display: block;
background-image: url(../i/nav/button5.jpg);
background-repeat:no-repeat;
width: 115px;
height: 38px;
text-decoration: none;
text-align:center;
font-size:16px;
padding-top: 37px;
padding-left: 25px;
color: #000;
text
}

.nav5 a:hover
{
background-image: url(../i/nav/button5_o.jpg);
background-repeat:no-repeat;
color: #CC0000;
}

.nav5
{
background-image: url(../i/nav/button5_o.jpg);
background-repeat:no-repeat;
}

/* ************************** */
/* sub navs */
/* ************************** */

/* sub1 */
.sub1 a
{
display: block;
background-image: url(../i/nav/sub1.gif);
background-repeat: no-repeat;
width: 140px;
padding-top: 28px;
height: 35px;
padding-left: 0;
padding-right: 0;
text-decoration: none;
text-align:center;
color: #000000;
font: Arial, Helvetica, sans-serif;
font-size: 10px !important;
}

.sub1 a:hover
{
background-image: url(../i/nav/sub1_o.gif);
background-repeat:no-repeat;
color: #CC0000;
}

.sub1 
{
background-image: url(../i/nav/sub1_o.gif);
background-repeat:no-repeat;
}

/* sub2 */
.sub2 a
{
display: block;
background-image: url(../i/nav/sub2.gif);
background-repeat: no-repeat;
width: 140px;
padding-top: 28px;
height: 35px;
padding-left: 0;
padding-right: 0;
text-decoration: none;
text-align:center;
color: #000000;
font: Arial, Helvetica, sans-serif;
font-size: 10px !important;
}

.sub2 a:hover
{
background-image: url(../i/nav/sub2_o.gif);
background-repeat: no-repeat;
color: #CC0000;
}

.sub2 
{
background-image: url(../i/nav/sub2_o.gif);
background-repeat: no-repeat;
}

/* sub3 */
.sub3 a
{
display: block;
background-image: url(../i/nav/sub3.gif);
background-repeat: no-repeat;
width: 140px;
padding-top: 28px;
height: 32px;
padding-left: 0;
padding-right: 0;
text-decoration: none;
text-align:center;
color: #000000;
font: Arial, Helvetica, sans-serif;
font-size: 10px !important;
}

.sub3 a:hover
{
background-image: url(../i/nav/sub3_o.gif);
background-repeat:no-repeat;
color: #CC0000;
}

.sub3 
{
background-image: url(../i/nav/sub3_o.gif);
background-repeat:no-repeat;
}

/* sub1_twoline */
.sub1_twoline a
{
display: block;
background-image: url(../i/nav/sub1.gif);
background-repeat: no-repeat;
width: 140px;
padding-top: 21px;
height: 41px;
padding-left: 0;
padding-right: 0;
text-decoration: none;
text-align:center;
color: #000000;
font: Arial, Helvetica, sans-serif;
font-size: 10px !important;
}

.sub1_twoline a:hover
{
background-image: url(../i/nav/sub1_o.gif);
background-repeat:no-repeat;
color: #CC0000;
}

.sub1_twoline 
{
background-image: url(../i/nav/sub1_o.gif);
background-repeat:no-repeat;
}