﻿/* **** Elements and Universal Styles **** */

html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
	min-height: 100.1%
}
body {
    background: #fff; 
    color: #000; 
    font-family: Tahoma, Verdana, Geneva, Arial, Sans-Serif; 
}

/* **** Page Wrapper **** */

table#wrapper {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0px solid #000;
    border-collapse: collapse;
}
table#wrapper td.top {
    vertical-align: top;
    margin: 0;
    padding: 0;
    height: auto;
    min-height: 250px;
    background: url(/images/side-bg.jpg) repeat-y top left;
}
table#wrapper td.bottom {
    vertical-align: bottom;
    text-align: center;
    padding: 0;
    margin: 0;
    border: none;
    background: url(/images/side-bg.jpg) repeat-y top left;
}

/* **** Header **** */
#header {
	width:100%;
	height:132px;
	background: #fff url(/images/header-bg.jpg) repeat-x top left;
	border-top: 2px #494544 solid;
}
#imageblock { /* Extendable Header */
    z-index: 10;
    position: relative; 
    width: 100%;
    height: 130px;
    top: 0px; 
    left: 0px;  
    overflow: hidden;
    text-align: right;
    min-width: 780px;
}
#imageblock img {
    margin-top: 6px; 
    margin-right: 2px; 
}
#imageblock #logo { float: left; margin: 0;}
#imageblock #logo img { margin-top: 0px; }

/* **** Content Wrappers **** */

#content {
    width: 550px; 
    margin: 0 auto;
    line-height: 1.4em;
    padding: 10px 0px 10px 211px;
    
}

/* **** Sidebar **** */

#sidebar { width: 211px; float: left; }
#sidebar .button { width: 211px; height: 26px; }
#sidebar .side-slant { width: 211px; height: 112px; }

/* **** Content **** */

#page-title {
    float: right; 
    height: 30px;
    font-size: 20px; 
    font-style: italic;
    vertical-align: top;
    line-height: 25px;
    padding: 3px 10px;
}
a:link, a:visited { text-decoration: none; color: #203080; }
a:hover { text-decoration: underline; }
a img { border: none; }

h3 { color: #50a0d0; margin: 10px 0 5px 0;}
h3.c { text-align: center; }
h3.u { text-decoration: underline; }
em { color: #2c4c94; }
hr { height: 0px; border: 1px #50a0d0 solid; }

.photoblock { height: 135px; width: 550px; }

.pbone { background: #fff url(/images/underlay.jpg) top center no-repeat; }
.pbtwo { background: #fff url(/images/underlay2.jpg) top center no-repeat; }

.photoblock img { margin-left: 14px; }
.photo { margin-bottom: 6px; border: 1px #50a0d0 solid; }

.logo {
  vertical-align: middle;
  height: 120px;
  margin: 0 auto;
  text-align: center;    
}

.blacklogo {
	background: #000;
	border: solid 2px #50a0d0;
	padding: 5px 2px;
}

.center { margin: 0 auto; text-align: center; }
.left { float: left; }
.right { float: right; }
.col2 { width: 50%; }

.staff { color: #203080; }

/* **** Footer **** */

#footer {
    text-align: center; 
    background: url(/images/bottom.jpg) repeat-x bottom center; 
    height: 56px; 
    font-size: 10px; 
    color: #000;
    bottom: 0;
}
#footer p {
    margin-top: 19px; 
    margin-bottom: 5px; 
    line-height: 1.4em;
}
#footer img { display: block; height: 1px; }
#footer a { color: #000; }
#footer a:hover { color: #203080; }

/* **** jQuery Overlay **** */
#overlaybox { display: none; z-index: 10000; background: #fff; border: 1px solid #50a0d0; text-align: center; width: 500px; height: 380px; 
	-moz-box-shadow: 0 0 45px 5px #000; -webkit-box-shadow: 0 0 45px #000; }
#overlaybox .close { background-image: url(/images/close.png); position: absolute; right: -15px; top: -15px; height: 35px; width: 35px;}
.overlaywrap { text-align: center; }

/***** Contact Page *****/

div.contact_info
{
    float: left;
    width: 360px;
}

div.contact_form
{
    float: right;
    width: 330px;
    margin: 1em 0 0 10px;
    border: 1px solid #231f20;
    background-color: #ddeaf3;
    text-align: center;
}

form#frmContact fieldset
{
    width: 328px;
    margin: 0 Auto;
    padding: 0;
    border: none;
    text-align: left;
}

form#frmContact label
{
    font-size: 12px;
    font-weight: bold;
}

form#frmContact div
{
    padding: 2px 10px;
}

form#frmContact input.contact_field, form#frmContact textarea.contact_field
{
    width: 300px;
}

form#frmContact input.contact_city
{
    width: 120px;
}

form#frmContact input.contact_state
{
    width: 60px;
}

form#frmContact input.contact_zip
{
    width: 60px;
}