/* CSS Document */

p { text-indent: 0em; }

p.indent { text-indent: 1em; }

/**************** Body and tag styles ****************/

*{margin: 0; padding: 0;}

body{
font: 76% Verdana,Tahoma,Arial,sans-serif;
line-height: 1.4em;
text-align: center;
color: #303030;
background: #99CCFF;
}

a{
color: #6096BF;
font-weight: bold;
text-decoration: none;
background-color: inherit;
}

a: hover{
color: #BFE4FF; 
text-decoration: none; 
background-color: inherit;}

a img{border: none;}

p{padding: 0 0 1.6em 0;}

p form{
margin-top: 0; 
margin-bottom: 20px;}

img.left, img.center, img.right{
padding: 4px; 
border: 1px solid #a0a0a0;}

img.left{
float: left; 
margin: 0 12px 5px 0;}

img.center{
display: block;
margin: 0 auto 5px auto;}

img.right{
float: right; 
margin: 0 0 5px 12px;}

.hide{
display: none;
}

/**************** Header and navigation styles ****************/

#container{
position: relative;
width: 760px;
margin: 20px auto;
padding: 1px 0;
text-align: left;
background: #fff;
color: #303030;
border: 2px solid #a0a0a0;
}

#header{
height: 150px;
width: 759px;
margin: 0 1px 1px 1px;
background: #003366;
color: #ffffff;
}

#header h1{
padding: 35px 0 0 20px;
font-size: 2.4em;
background-color: inherit;
color: #ffffff;
letter-spacing: -2px;
font-weight: normal;
}

#header h2{
margin: 10px 0 0 40px;
font-size: 1.4em;
background-color: inherit;
color: #f0f2f4;
letter-spacing: -1px;
font-weight: normal;
}

#frontphoto{
margin: 0;
border: 0;
}

#navigation {
width: 150px;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: 'Trebuchet MS', 'Lucida Grande',	Verdana, Lucida, Geneva, Helvetica,	Arial, sans-serif;
background-color: #90bade;
color: #333;
}

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

#navigation li {
border-bottom: 1px solid #90bade;
margin: 0;
}

#navigation li a {
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 10em;
}

#navigation li a: hover {
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}

/**************** Content styles ****************/

#content{
/*float: left; */
margin-left: 0px;
border-left: 1px solid gray;
font-size: 0.9em;
padding: 1em;
}

#content h2{
display: block;
margin: 0 0 16px 0;
font-size: 1.7em;
font-weight: normal;
letter-spacing: -1px;
color: #505050;
background-color: inherit;
}

#content h2 a{font-weight: normal;}

#content h3{margin: 0 0 5px 0; 
font-size: 1.4em; 
letter-spacing: -1px;}

#content h4{margin: 0 0 2px 0; 
font-size: 1.1em; 
letter-spacing: -1px; 
text-decoration: underline;}

#content ul, #content ol{
margin: 0 5px 16px 35px;}

#content dl{margin: 0 5px 10px 25px;}

#content dt{
font-weight: bold; 
margin-bottom: 5px;}

#content dd{margin: 0 0 10px 15px;}

/**************** Footer styles ****************/

#footer{
clear: both;
width: 759px;
padding: 5px 0;
margin: 0 1px;
font-size: 0.9em;
color: #f0f0f0;
background: #1958b7;
}

#footer p{padding: 0; 
margin: 0; 
text-align: center;}

#footer a{color: #f0f0f0; 
background-color: inherit; 
font-weight: bold;}

#footer a: hover{color: #ffffff; 
background-color: inherit; 
text-decoration: underline;}

/**************** Misc classes and styles ****************/

.splitcontentleft{float: left; width: 160px;}

.splitcontentright{float: right; width: 600px;}

.splitcontentleft2{float: left; width: 48%;}

.splitcontentright2{float: right; width: 48%;}

.clear{clear: both;}

.small{font-size: 0.8em;}

.hide{display: none;}

.textcenter{text-align: center;}

.textright{text-align: right;}

.important{color: #f02025; background-color: inherit; font-weight: bold;}

.splitcontentright a: hover, .splitcontentright2 a: hover{text-decoration: underline;}

.box{
margin: 0 0 20px 0;
padding: 10px;
border: 1px solid #c0c0c0;
background-color: #FAFAFA;
color: #505050;         
line-height: 1.5em;
}