@charset "UTF-8";
/* CSS Document */

html, body { 
height: 100%;
}

body {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 80%;
line-height: 160%;
padding: 0px;
margin: 0px;
height: 100%;
color: #192d49;
background-color: #192d49;
}

/*div styles */

#container {
background-color:#ffffff;
padding: 0px;
margin: 0px auto;
width: 1025px;
z-index: 500;
}

* html #container {
height:100%;
margin-left: 5%;
}

#indexheader {
float: left;
width: 100%;
height: 272px;
background-image:url(blue_gradient.jpg);
}

#indextitle {
position: relative;
height: 50;
top: 230px;
left: 0px;
padding-left: 25px;
color: #ffffff;
font-size: 325%;
}

.titlesmall {
font-size: 28%;
line-height: 310%;
}

#indextitle a {
color: #ffffff;
text-decoration: none;
}

#indextitle a:hover {
color: #ffffff;
text-decoration: none;
}

#indexcontact {
float: left;
height: 25px;
width: 1000px;
background-color: #192d49;
padding-left: 25px;
padding-top: 10px;
color: #ffffff;
}

#indexcontact a {
color: #ffffff;
text-decoration: none;
}

#indexcontact a:hover {
color: #ffffff;
text-decoration: underline;
}


#indeximages1 {
float: left;
background-color: white;
height: 150px;
width:205px;
padding:0px;
margins: 0px;
}

#indeximages2 {
float: left;
background-color: white;
height: 150px;
width:256px;
padding:0px;
margins: 0px;
}

#indeximages3 {
float: left;
background-color: white;
height: 150px;
width:256px;
padding:0px;
margins: 0px;
}

#indeximages4 {
float: left;
background-color: white;
height: 150px;
width:256px;
padding:0px;
margins: 0px;
}


#indexnav {
font-size: 125%;
float: left;
height: 25px;
width: 1005px;
background-color: #192d49;
padding-left: 20px;
padding-top: 5px;
color: #ffffff;
}


* html #indexnav {
float: left;
height: 25px;
width: 1025px;
background-color: #192d49;
padding-left: 0px;
padding-top: 5px;
color: #ffffff;
}

#indexnav a {
text-decoration: none;
color: #ffffff;
text-align: center;
font-variant: small-caps;
list-style: none;
padding: 0px 5px 10px 5px;
display: block;
z-index: 5000;
}


#indexnav a:hover {
text-decoration: underline;
display: block;
z-index: 5000;
}


#indexnav a.white {
text-decoration: none;
color:#FFFFFF;
font-weight: bold;
text-align: center;
font-variant: small-caps;
list-style: none;
padding: 0px 5px 10px 5px;
display: block;
z-index: 5000;
}

#indexnav a.white:hover {
text-decoration: underline;
display: block;
z-index: 5000;
}

#indexnav ul {
padding: 0px;
margin: 0px;
list-style: none;
background-color: #192d49;
color: #ffffff;
z-index: 5000;
}

#indexnav li { 
float: left;
background-color: #192d49;
z-index: 5000;
}

#indexnav li.white { 
float: left;
background-color: #192d49;
color: #ffffff;
font-weight: bold;
z-index: 5000;
}


* html #indexnav li { 
float: left;
background-color: #192d49;
z-index: 5000;
}



#indexbotgrad {
float: left;
width: 100%;
height: 318px;
background-color: #192d49;
background-image:url(bot_blue_grad.jpg);
}




#pagesheader {
float: left;
width: 100%;
height: 60px;
background-image:url(smblue_gradient.jpg);
}

#pagestitle {
position: relative;
height: 50;
left: 0px;
top: 17px;
padding-left: 25px;
color: #ffffff;
font-size: 325%;
}

#pagestitle a {
color: #ffffff;
text-decoration: none;
}

#pagestitle a:hover {
color: #ffffff;
text-decoration: none;
}

#pagesmain {
float: left;
width: 1025px;
min-height: 520px;
background-color: #ffffff;
color: #192d49;
}

#pagesmain a {
color: #192d49;
text-decoration: underline;
}

#pagesmain a:hover {
color: #192d49;
text-decoration: underline;
}


/*#pagesmain p {
padding-left: 45px;
}*/

#pagesmain table {
padding-left: 45px;
}

* html #pagesmain table {
margin-left: 45px;
}


#footer {
clear: both;
margin: 0px;
margin-right: 0px;
width: 100%;
height: 20px;
color: #192d49;
overflow: hidden;
}


.smallcaps {
font-variant: small-caps;
}


.small {
font-size: 80%;
}