/* --------------------------------------------------
CSS Document For Volga.com

ORANGE IS #EDC902;


-------------------------------------------------- */

/* Zeroing everything so we can then standardize default margins on individual elements otherwise IE's are too different.  */

* {
padding:0;
margin:0;
border:0;
}


body {
margin-top : 0px;
margin-right : 0px;
margin-bottom : 0px;
margin-left : 0px;
}

/* LAYOUT  */

#container {
width: 800px;
margin: 0 auto;
font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
font-size: 13px;
line-height: 1.6em;
color: #000;
background-color: #FFF;
text-align: justify;
}

#header {
border-bottom: 0px;
padding-top: 0px;
clear: both;
margin-bottom: 5px;
}

/* this fixes IE white strip header bug  */

#header img {vertical-align: bottom}

/* the slogan */
#header p { 
margin-top: -20px;
margin-left: 300px;
color: #FFFFFF;
}

#leftcol{
width:160px;
float:left;
margin-right:20px;
}

#content{
width:416px;
float:left;
}

#rightcol{
width:184px;
float:left;
margin-left:20px !important;
margin-left:17px;
}

/* FOOTER */

#footer {
margin-top: 20px;
clear: both;
background-color:#155E89;
padding: 0px 5px 0px 3px;
}
		
#footer p {
color:#ffffff;
padding: 3px;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}
		
#footer p a {
color: #ffffff;
border-bottom: 1px dotted #89817f;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}
		
#footer p a:hover {
color: #A0D321;
background-color:#155E89;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}

/* *********** STYLING OF ELEMENTS *********** */
		
h1 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 16px;
color: #155E89;
margin:15px 0;	
}
		
h2 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
color: #155E89;	
margin:14px 0;	
}

h3 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 13px;
color: #155E89;	
a.color:#155E89;
text-decoration: none;	
a.hover:#59B600;
background-color: #FFFFFF;
margin:13px 0;
}

p, pre, blockquote, form, label, ul, ol, dl, fieldset, address {
margin: 15px 0;
}

li, dd, blockquote { 
margin-left: 40px; 
}


a {
color:#155E89;
text-decoration: none;
font-weight: bold;
}

a:hover {
color:#59B600;
background-color: #FFFFFF;
font-weight: bold;
}

input {
background-color: #FFF;
color: #999999;
border: 1px solid #CCC;
font-size: 11px;
padding: 3px;
}
		
.button {
padding: 2px;
}

hr {
color: #dddddd;
background-color: #dddddd;
height: 1px;
}

select { 
min-width:1.5em; 
}

fieldset { 
padding:10px; 
}

/* IMAGES IN CONTENT SECTION */

img.right { 
padding: 4px; margin: 0 0 2px 15px; display: inline; border:solid 1px silver; padding:7px; 
}
img.left { 
padding: 4px; margin: 0 15px 2px 0; display: inline; border:solid 1px silver; padding:7px; 
}
.right { 
float: right; 
}
.left { 
float: left 
}



/* MAIN NAV */

#nav
{
margin: 0;
padding: 0;
background: #155e89;
color:#fff;
font-size:1em;
height:1.5em;
line-height:1.5em;
}

#nav ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#nav ul li
{
display : block;
float : left;
text-align : center;
padding : 0;
margin : 0;
white-space : nowrap;
}

#nav ul li a
{
background:inherit;
width : 145px;
height : 18px;
border-top : 0;
border-left : 0;
border-bottom : 0;
border-right : none;
padding :0 10px;
color : #fff;
text-decoration : none;
display : block;
text-align : center;
font-size : 1em;
height : 1.5em;
line-height: 1.5em;
}

#nav ul li a:hover{
color : #fff;
background : #0683BF;
}

#nav a:active{
background : #c60;
color : #fff;
}

#nav li#active a{
background : #c60;
border: 1px solid #c60;
color: #fff;
}

#nav .selected,#nav a:hover{
background : #0683BF;
color:#fff;
text-decoration : none;
}


/* SUB NAV */

#subnav{
margin: 0;
padding: 0 0 20px 10px;
background : #a0d321;
list-style-type : none;
}

#subnav ul, #subnav li{
margin : 0;
padding : 0;
display : inline;
list-style-type : none;
font-size : 1em;
height : 1.5em;
line-height : 1.5em;
}

#subnav a:link, #subnav a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 2px 10px 4px 10px;
text-decoration: none;
color: #155E89;
}

#subnav a:link#current, #subnav a:visited#current, #subnav a:hover{
border-bottom : 4px solid #155E89;
padding-bottom : 2px;
background : #a0d321;
color: #155e89;
}

#subnav a:hover { color: #FFFFFF;}


/* THE END */