/* main CSS Document */
/* general styling first */
/* reset css styles individually instead of universal selector. */
/* based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body{
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	border-left:0px none;
} 
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0px none;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family: Verdana,Arial, Helvetica, sans-serif;
}
ol, ul {list-style: none;}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
/* end reset styles */

/* clearing technique */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide */
/*........... do not change or amalgamate the above clearfix styles ......*/

p, h1, h2, h3, h4, h5, h6, ul, ol {margin-bottom:.5em}
a img, img{border:none;display:block;}
a{
	text-decoration:none;
	color:#252e1c;
}
h1, h2, h3, h4, h5, h6{
	font-weight:bold;
}
h1{font-size:197%}/* 26px */
h2{font-size:182%}/* 24px */
h3{font-size:167%}/* 22px */
h4{font-size:152%}/* 20px */
h5{font-size:136%}/* 18px */
h6{font-size:122%}/* 16px */

body{
	font-size: 13px; 
	text-align:center;/* for ie5.+*/
}

#navslide
{
position:absolute;
margin-top:-75px;
margin-left:2px;
}



#navslideleft
{
background-image:url('images/navslideleft.png');
background-repeat:no-repeat;	
height:29px;
width:15px;
float:left;
}


#navslidebody
{
background-image:url('images/navslidebody.png');
background-repeat:repeat-x;	
height:20px;
float:left;
padding-top:0px;
}

#navslidebody li
{
display:block-inline;
float:left;

}

#navslidebody a
{
font:10px verdana;
color:white;
font-weight:bold;
margin-right:5px;
margin-left:5px;
display:block-inline;
float:left;
margin-top:4px;
}

.active
{
background-image:url('images/activenav.png');
background-repeat:no-repeat;	
background-position:center top;
}


#navslideright
{
background-image:url('images/navslideright.png');
background-repeat:no-repeat;		
height:29px;
width:13px;
float:left;
}

#nav
{
float:right;
padding-top:22px;
}



#nav li {
    float:left;
    background:url('images/hoverright.png') no-repeat right top;
    margin-left:30px;
    padding:0
    }
#nav li:hover{
	background-position:right bottom;
	
 }


#nav a {
display:block;
background:url('images/hoverleft.png') no-repeat left top;
height:22px;
color:#0f6fbe; font-style:normal; font-variant:normal; font-weight:normal; font-size:18px; font-family:Tahoma; padding-left:13px; padding-right:13px; padding-top:3px; padding-bottom:3px
    }
#nav a:hover{
	background-position:left bottom;
 }


#header
{
width:100%;
height:68px;

background-image:url('images/nav.png');
background-repeat:repeat-x;
}

.navbody
{
width:1000px;
margin:auto;
text-align:left;
}


.slidebody
{
width:900px;
margin:auto;
text-align:left;
}

.slidebody p
{
font:13px verdana;
color:#ffffff;
line-height:20px;
margin-top:20px;
}

.bold
{
font-weight:bold;	
}

.slideleft
{
position:absolute;
margin-top:164px;
margin-left:-50px;
}

.slideright
{
position:absolute;
margin-left:890px;
margin-top:164px;
}


#slide
{
width:100%;
height:358px;

background-image:url('images/slide.png');
background-repeat:repeat-x;
}



.slidecol1
{
float:left;
width:450px;
height:300px;
}

.slidecol2
{
float:left;	
height:300px;
}

.slidepic
{
margin-top:-51px;
margin-left:18px;
}

#leftcol
{

float:left;
position:relative;
width:554px;
min-height:120px;
border:0px solid black;
}



#rightcol
{
float:right;
position:relative;
width:414px;
right:0px;
min-height:120px;
border:0px solid black;		
text-align:left;
}

#rightcol h1
{
margin-bottom:20px;	
}

strong
{
font:24px Tahoma;
color:#0f6fbe;
}

p
{
font:15px Verdana;
color:#666464;
line-height:20px;
}

#leftcol li
{
font:15px Verdana;
color:#666464;
}

#leftcol ul
{
float:left;
margin-left:40px;
}
*html #leftcol ul
{
margin-left:20px;	
}

.body
{
width:968px;
margin:auto;
text-align:left;
padding-top:15px;
}

#sn1
{
float:left;
margin-left:40px;
}
*html #sn1
{
margin-left:20px;
}

#sn2
{
float:left;	
margin-left:66px;
}


#sn3
{
float:left;
margin-left:69px;
}

.left
{
float:left;
}

.right
{
float:right;	
}

.spacer
{
height:30px;
}

#indent
{
padding-left:15px;	
}

.slidetitle
{
font:36px Tahoma;
color:#e4f3ff;
}

.slidetitlesmall
{
font:12px Tahoma;
color:#e4f3ff;
margin-left:10px;
}