@charset "UTF-8";
/* CSS Document */

body {
background-color: #FFFFFF;
}

#container {
width:700px;
}

/* Header Area Begins */
#logo {
clear:both;
float:left;
width:700px;
height:24px;
padding-top:41px;
text-align:right;
color:#055FA3;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
background-image:url(../images/logo.jpg);
background-repeat:no-repeat;
}

#topnav {
clear:both;
float:right;
width:358px;
height:24px;
}

.website a{float:right; background-image:url(../images/website.gif); display:block; width:156px; height:24px;}
.website a:hover{background-image:url(../images/website_f2.gif);}

.about a{float:right; background-image:url(../images/about.gif); display:block; width:133px; height:24px;}
.about a:hover{background-image:url(../images/about_f2.gif);}

.contact a{float:right; background-image:url(../images/contact.gif); display:block; width:69px; height:24px;}
.contact a:hover{background-image:url(../images/contact_f2.gif);}

.divider {
clear:both;
float:left;
width:700px;
height:7px;
background-image:url(../images/divider.gif);
background-repeat:no-repeat;
}

.toclinks {
color:#333333;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.toclinks a {
color:#333333;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}

.toclinks a:visited {
color:#666666;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}

.toclinks a:hover {
color:#000000;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}

#homebanner {
clear:both;
float:left;
width:425px;
height:195px;
padding-top:5px;
padding-left:250px;
padding-right:25px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
line-height:14px;
background-image:url(../images/home-banner.jpg);
background-repeat:no-repeat;
}

#homebanner h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
}

#banner {
clear:both;
float:left;
text-align:right;
padding-top:25px;
padding-right:15px;
width:685px;
height:45px;
background-image:url(../images/banner.jpg);
background-repeat:no-repeat;
}
/* Header Area Ends */


/* Nav Scroller Area Begins */
#nav {
clear:both;
float:left;
width:700px;
height:90px;
}
/* Nav Scroller Area Ends */

/* Content Area Begins */
#contentholder {
padding-top:25px;
clear:both;
float:left;
width:700px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
letter-spacing: 1px;
line-height: 140%;
color: #333333;
}

.about {
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
letter-spacing: 1px;
line-height: 140%;
color: #333333;
}

#tocholder {
clear:both;
float:left;
width:700px;
text-align:left;
}

.pictures {
padding-left:15px;
padding-bottom:15px;
}

/* Content Area Ends */
#bottomnav {
clear:both;
float:left;
width:700px;
height:80px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999966;
line-height:14px;
background-color:#E2DBAE;
}

#bottomnav a:link {
color:#666633;
}

#bottomnav a:visited {
color:#999966;
}

#bottomnav a:hover {
color:#FFFFCC;
}

/* Bottom Nav Area Begins */


/* Footer Area Begins */
#footer {
text-align:left;
width: 700px;
height: 32px;
float: left;
}
/* Footer Area Ends */

select {
background-color:#FFFFFF;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
line-height:140%;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#336699;
font-weight:bold;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#336699;
font-weight:bold;
margin-bottom:-12px;
}