/* CSS Document */

body
{

margin: 0;  
  text-align: center;
  line-height: 120%;
background: #7CADF0 url(../images/background.jpg) repeat-y top center;
background-attachment:fixed;
}

.header
{position:inherit;
max-width:760px;
margin: 20px 10px 30px 10px;
text-align:left;
color:#394555;
clear:both;
padding: 2px;


}
.header img
{float:left;
clear:none;
border:none;
margin:6px 20px 2px 0px;}
.header h1{  
font-family: Georgia, Times New Roman, Times, serif;

font-size:2.8em;
line-height:normal;
letter-spacing:-4px;
margin:0 0 30px 25px;
color:#1B3354;
}
.header h2{
 font-family: Georgia, Times New Roman, Times, serif;

font-size:1.2em;
letter-spacing:-1px;
text-indent: 1cm;
color:#1B3354;
line-height: 50%;
}

#menu ul{
list-style: none;
}

#menu ul li{width: auto;
height: auto;
background-color:#ffffff;
border: 2px dotted #C8DDF9;
  display: block;
  float: left;
  padding: 3px 3px 3px 3px;
  margin: 2px 3px 2px 3px;  
  list-style: none;
  text-align: center;}
#menu ul li a {	
background-color:#223960;
color:#D4E1F6;
display: block;
padding: 2px 8px 2px 8px;  

text-decoration:none;
}
#menu ul li a:link{font-weight:bold; color:#D4E1F6;}
#menu ul li a:visited{ font-weight:bold; color:#D4E1F6; text-decoration:none;}
#menu ul li a:hover,
#menu ul li a.active {
background-color:#184591;
   text-decoration:none;
 }
#content {  
  clear: both;
  width: 760px;
  margin: 0 auto;
  text-align: left;
}
#text {
  float: left; 
  width: 450px;
  padding: 20px 20px 20px 20px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
 
}
#text img{background-color:#FFFFFF;
border: 2px dotted #0E1B34;
padding: 4px 4px 4px 4px;
float:left;
margin: 2px 8px 2px 2px;
}
#widetext {
  float: left; 
  width: 620px;
  padding: 20px 20px 20px 20px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
 
}

h3{
 font-family: Georgia, Times New Roman, Times, serif;
font-size:1.2em;
background-color:#B3C5E5;
padding: 4px 2px 4px 4px;
color:#1B3354;
}
h4{
 font-family: Georgia, Times New Roman, Times, serif;
font-size:0.7em;
padding: 4px 2px 4px 4px;
color:#223960;
}
p{
color:#0B1727;
font-size: .7em;
}
.highlight{

background-color:#A2C3F9;
border: none;

padding:10px 10px 10px 10px;
}


.right
{float:right;
width: 200px;
margin: 20px 20px 4px 10px;
padding:4px 4px 4px 4px;
color:#0E1B34;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
background-color:#ffffff;
border: 2px dotted #0E1B34;
line-height:1.3em;
  }
 
.right a:link{font-weight:bold; color:#19346A; text-decoration:none;}
.right a:visited{ font-weight:normal; color:#19346A; text-decoration:none;}
.right a:hover,
.right a:active {
color:#094AC6; 
   text-decoration:none;
 }
#footer
{
clear:both;
background-color:#4F678F;
border:2px solid #C0CEE6;
margin: 2px 2px 20px 0px;
padding: 2px 8px 2px 2px;
color:#C0CEE6;
text-align:right;
width: 98%;
font-family:Georgia, Times New Roman, Times, serif;
font-size: 1.2em;
}
#footer a:link{font-weight:bold; color:#D4E1F6; text-decoration:none;}
#footer a:visited{ font-weight:normal; color:#19346A; text-decoration:none;}
#footer a:hover,
#footer a:active {
color:#094AC6; 
   text-decoration:none;
 }

#text ul li{width: auto;
height: auto;

list-style-type:disc;
  
  padding: 2px 2px 2px 2px;  
  }
#text ul li a {	

color:#1B3354;

padding: 2px 8px 2px 8px;  


}
#text ul li a:link{font-weight:bold; color:#1B3354; text-decoration:none;}
#text ul li a:visited{ font-weight:normal; color:#1B3354; text-decoration:none;}
#text ul li a:hover,
#text ul li a.active {
	background-color:#184591;
	color:#D4E1F6;
   text-decoration:none;
   }
   
 .grey{
 background-color:#A8AEB5;
 font-weight: bold;
 }
 .blue{
 background-color:#92BAF0;
 }  
 .red
 { color:#D41F00;}
   
#text a:link{font-weight:bold; color:#1B3354; text-decoration:none;}
#text a:visited{ font-weight:bold; color:#1B3354; text-decoration:none;}
#text a:hover,
#text a.active {
	background-color:#184591;
	color:#D4E1F6;
   text-decoration:none;
   } 
#widetext a:link{font-weight:bold; color:#1B3354; text-decoration:none;}
#widetext a:visited{ font-weight:bold; color:#1B3354; text-decoration:none;}
#widetext a:hover,
#widetext a.active {
	background-color:#184591;
	color:#D4E1F6;
   text-decoration:none;
   } 
 td {padding: 6px 4px 6px 4px;}
#padded
{padding: 10px 4px 12px 4px;
border-bottom: 1px solid #184591;}
#smallimgright
{ width: 100px;
background-color: #ffffff;
border: 2px dotted #0E1B34;
float:right;}
#smallimgleft
{ width: 100px;
background-color: #ffffff;
border: 2px dotted #0E1B34;
float:left;}
form#contact {
background-color:transparent;
width:700px; 
height: auto;
padding:5px;
margin:5px 5px 40px 5px;
font-family:Georgia, Times New Roman, Times, serif;	
font-size: 1em;	
}

form#contact fieldset {
width:600px; 
display:block; 
border:1px solid #223960; 
padding:5px; 
margin-bottom:0.5em; 
margin-left: 15px;
line-height:1.2em;
}


form#contact legend {
font-size:0.9em; 
font-weight:bold; 
color: #D4E1F6;
margin: 5px 5px 5px 5px; 
height: 24px;
line-height: 24px;
width:auto; 
border: 2px solid #ffffff;
padding:10px;
background-color:#223960;
}

form#contact label {
clear:left; 
display:block; 
float:left; 
width:200px; 
text-align:right; 
padding-right:10px; 
color: #223960; 
margin-bottom:0.5em;

}

form#contact input {
width:255px;
border:1px solid #223960; 
padding:0 2px;
margin-bottom:0.3em;
color:#223960;
}

form#contact input.cardnumber {
width:150px;
}
form#contact input.cvvnumber {
width:50px;
}

form#contact textarea {
width:550px; 
height:auto;
border:1px solid #223960; 
padding:0 2px;
overflow:auto; 
color:#223960;
}
form#contact textarea.address{
width:250px; 
height:auto;
border:1px solid #223960; 
padding:0.5em; 
overflow:auto; 
}

form#contact #button1 {
color:#D4E1F6; 
font-weight: 800;
background: url(images/btn_bg.jpg);
display: inline;
border: none;
width:80px; 
height: 40px;
line-height: 40px;
text-align: center;
margin-left: 12.5em;
margin-bottom: 30px;
cursor: pointer;
}

form#contact #button2 {
color:#D4E1F6; 
font-weight: 600;
background: url(images/btn_bg.jpg);
display: inline;
border: none;
width:80px; 
height: 40px;
line-height: 40px;
text-align: center;
margin-bottom: 30px;
cursor: pointer;
}

form#contact #button1:hover, form#contact #button2:hover {
color:#ffffff;

}
form#contact #button1:active, form#contact #button2:active {
color:#D50D2E;
background: url(images/btn_down.jpg);
}
form#contact option {
background:#003399; 
color:#fff;
}

form#contact optgroup {
background: #223960; 
color:#D4E1F6; 
}

form#contact optgroup option {
background:#223960; 
color:#D4E1F6;
}