/* MAIN DOCUMENT STYLES */

html, body{
background-color:#D5DEE7;
color:#234;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
}

a{
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
color:#6B92B7;
text-decoration:none;
font-weight:bold;
background:inherit;
}

a:hover, a:active{
text-decoration:none;
}

p{
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#234;
background:inherit;
}

#container{
width:751px;
height:auto;
background-color:#FFFFFF;
color:#234;
border:3px solid #A4B5C5;
padding:10px;
margin: 20px auto;
text-align:right;
}

/* HEADER STYLES */
#header{
background-image:url(img/hpvc_photo_banner_740px_width_beige.jpg);
background-repeat:no-repeat;
text-align:center;
height:auto;
padding:5px;
margin:5px;
border-bottom: 1px solid #A4B5C5;
border-left: 1px solid #A4B5C5;
border-right: 1px solid #A4B5C5;
border-top: 1px solid #A4B5C5;
}

#header h1{
color:#234;
background:none;
padding:0px;
line-height:0px;
text-indent:10px;
}

#header h2{
color:#678;
background:none;
padding:0px;
text-indent:50px;
}

/* NAV STYLES */
#header #nav{
text-align:right;
background:none;
padding-top:78px;
margin:0px;
}

#header #nav ul{
padding:.3px;
margin:0;
}

#header #nav ul li{
list-style:none;
display:inline;
padding:0;
margin:0;
}

#header #nav ul li a{
padding:5px;
background-color:#F6F6EE;
color:#678;
font-weight:bold;
font-size:10px;
text-decoration:none;
border-top:1px solid #A4B5C5;
border-left:1px solid #A4B5C5;
border-right:1px solid #A4B5C5;
border-bottom:none;
}

#header #nav ul li a.selected{
background-color:#FFF;
color:#123;
border-bottom:1px solid #FFF;
}

#header #nav ul li a:hover, #header #nav ul li a:active{
background-color:#FFF;
color:#123;
}

/* FOOTER STYLES */
#footer{
clear:both;
padding:10px 5px 0px 5px;
margin:5px;
background:#FFFFFF;
color:#999999;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:normal;
text-align:center;
}

#footer p{
background:#FFFFFF;
color:#999999;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:9px;
text-align:center;
font-weight:normal;
}

#footer a{
font-weight:bold;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:9px;
color: #6B92B7;
background:inherit;
text-decoration:none;
}

#footer a:hover{
color:#ABAC60;
text-decoration:none;
}

/* CONTENT STYLES */
#content{
float:left;
padding-top:15px;
margin:0px;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
line-height:1.5em;
color:#234;
background:inherit;
text-align:left !important;
width:68%;
height:auto;
}

#content h2{
font-family: Trebuchet, Times New Roman sans-serif;
font-size:20px;
text-transform:uppercase;
color:#6B92B7;
background:inherit;
padding:2px;
margin:2px;
padding-right:10px;
padding-left:10px;
}


#content h3{
font-family: Georgia, Trebuchet, Times New Roman sans-serif;
font-size:14px;
color:#6B92B7;
background:inherit;
padding-top:5px;
margin-top:5px;
padding-right:10px;
padding-left:10px;
}

#content h4{
font-family: Georgia, Trebuchet, Times New Roman sans-serif;
font-size:16px;
color:#234;
background:inherit;
padding-top:5px;
margin-top:5px;
padding-right:10px;
padding-left:10px;
}

#content p{
text-align:left !important;
color:#234;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
background:inherit;
padding-right:10px;
padding-left:10px;
}

#content a:hover{ color: #ABAC60; background: transparent; text-decoration:none;
}

ul li{
list-style-type: square;
}


#cbox{
border:2px dotted #6B92B7;
background-color:#F6F6EE;
color:#234;
font-weight:normal;
height:auto;
width:80%;
padding:10px;
margin: 15px;
}


/* SIDEBAR STYLES */
#sideBar{
float:left;
text-align:left;
width:30%;
border-right:none;
border-top:1px solid #A4B5C5;
border-bottom:1px solid #A4B5C5;
height:auto;
background-color:#eef4fa;
color:#3D5C7A;
margin-top:26px;
padding:0 5px;

}

#sideBar h3{
color:#123;
background:inherit;
font-size:11px;
padding:3px 1px 1px 7.5px;
margin:3px 1px 1px 7.5px;
}

#sideBar p{
font-size:11px;
color:#345;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
background:inherit;
padding:1px 1px 1px 1px;
margin:0px;
}

#sideBar h4{
color:#30557A;
background:inherit;
font-size:11px;
padding:1px;
margin:1px;
}

#sideBar #navigation{
width:100%;
height:auto;
background:inherit;
color:inherit;
text-align:left;
}

#sideBar #navigation ul{
padding:5px 0px 5px 5px;
margin:0;
}

#sideBar #navigation ul li{
list-style:none;
display:block;
padding:0px 0px 5px 0px;
margin:0px 0px 5px 0px;
text-align:left;
width:100%;
}

#sideBar #navigation ul li a{
width:100%;
color:#6B92B7;
font-weight:bold;
height:auto;
padding:5px;
margin:5px;
text-align:center;
background:inherit;
}

#sideBar #navigation ul li a:hover{
color:#ABAC60;
background:inherit;
text-decoration:none;
}

#sideBar #navigation ul li a.selected{
color:#ABAC60;
background:inherit;
text-decoration:none;
}

/* MISC Styles */
#box{
border:1px solid #001;
background-color:#FDFDFD;
color:#234;
font-weight:normal;
height:auto;
width:80%;
padding:10px;
margin-left:12px;
}

a.affiliate{
margin:5px;
padding: 5px;
line-height:3em !important;
text-decoration:none;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
color:#6B92B7;
background:inherit;
}

a.affiliate:hover{
color:#ABAC60;
background:inherit;
}

img{
margin-top: 0px;
padding-top: 0px;
border: 1px solid #A4B5C5;
}

a img{
margin-top: 0px;
padding-top: 0px;
border: none;
}

#img_main_content {
margin-top: 0px;
padding-top: 0px;
float:left;
clear:both;
}

div.mail_list {
background-color:#D5DEE7;
color: #001;
float: left;
width:80%;
padding:10px;
margin-left: 2px;
border:3px solid #fff;
}


/* FORM STYLES */

form{
padding:10px;
margin: 0px;
}

legend{ 
margin: 5px;
padding: 5px;
line-height: 16px;
text-align: left;
color: rgb(102, 102, 102);
}

label{
display : inline; 
color: rgb(102, 102, 102);
}

input.button{
float:left;
font-weight:normal;
font-size:11px;
text-align:center;
margin:2px;
padding:0.1em 0.1em;
background-color:#ffffff;
border: 1px #A4B5C5 solid;
color:#678;
}
	
input.button:hover{
float:left;
font-weight:normal;
font-size:11px;
text-align:center;
margin:2px;
padding:0.1em 0.1em;
background-color:#A4B5C5;
border: 1px #A4B5C5 solid;
color:#ffffff;
}

fieldset{
width: 460px;
margin: 5px;
padding: 5px;
background-color:#F9F9F9;
border: 1px solid #A4B5C5;
}

/* GALLERY STYLES */

div.pic {
background-color:#F6F6EE;
float: left;
height: 180px;
width: 130px;
padding: 5px 15px;
margin: 3px;
border:1px solid #A4B5C5;
}

div.pt {
background-image: url(img/frame-pt.gif);
}

div.pic img {
border: 1px solid;
border-color: #444;
}

div.ls img {
height: 96px;
width: 128px;
margin: 6px 0;
}

div.pt img {
height: 128px;
width: 96px;
margin: 0 6px;
}