@CHARSET "ISO-8859-1";

html {
	background: white url('../images/bg.png') !important;
	}
	
body {
	top: 100px;
	background: white url('../images/bg.png') repeat;
	color: black;
	font-family: verdana,lucida,arial,helvetica,sans-serif !important;
	margin:0;
	padding:0;
	font-size: 82%;
}

/* No img should have a border when linked */
img {  
	border-style: none;
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, button {
    border-color: grey;
    border-style:solid;
    border-width:1px;
    font-family: tahoma, sans-serif;
}

/* Selects are a bit smaller, because it makes them look even better. */
select
{
    font-size: 90%;
    font-weight: normal;
    font-family: tahoma, sans-serif;
}

textarea {
    border-color: grey;
    border-style: solid;
    border-width: 1px;
    font-family: tahoma, sans-serif;
    font-size: 100%;
}

fieldset {
    border: 1px solid #black;
    margin: 1em 0pt;
    padding: 1em;
}

legend {
    font-weight:bold;
}

label {
    display: block;
    padding-top: 1em;
}

td {
    vertical-align: text-top;
    }
    
img {
    vertical-align: middle;
}

.note {
    display:block;
}

.error {
    color: red;
}

.required { 
    color: red;
    padding-left: 0.2em;
}

.info {
    padding-left: 1em;
}

/* All input elements that are checkboxes or radio buttons. */
input.check
{
}

#page {
	background: white !important;
	width: 950px;
	margin: 20px auto;
	padding: 0;
}

#header {
	background: #09345c url('../images/header-bg.jpg') right;
	position: relative;
	height: 157px;
}

#header .title {
    float: left;
    font-variant: small-caps;
    text-transform: uppercase;
    color: white;
    margin-left: 12px;  
    margin-top: 17px
}

#header .title h1, #header .title h2 {
    padding: 0;
    margin: 0;
    font-stretch: narrower,semi-condensed;
}

#header .title h1 {
	font-size: 1.5em;
	margin-bottom: 5px;
}

#header .title h2 {
    font-size: 1.0em;
}

#header .title h1 a:link, #header .title h1 a:visited,
#header .title h1 a:hover, #header .title h1 a:active {
	text-decoration: none;
	color: white;
}


#header .blue {
	color: #00ccff;
}

#header .links {
	float: right;
	background: black;
	color: white;
    font-variant: small-caps;
	padding: 5px 10px;
	vertical-align: middle;
}
#header .links a:link,#header .links a:visited {
	color: white;
	text-decoration: none;	
}

#header .links a:hover,#header .links a:active {
	color: #00ccff;
}
#menu {
	position: absolute;
	top: 100px;
	left: 0px;
	background: black;
	color: white;
    font-variant: small-caps;
	width: 950px;
	height: 30px;
	vertical-align: middle;
}

#menu ul {
	padding: 5px 0;
	margin: 0;
	margin-left: 8px;  

}

#menu ul li {
	position: relative;
	display: inline;
	margin: auto 0;
	padding: 0 0.5em;
}

#menu ul li a:link,#menu ul li a:visited {
	color: white;
	text-decoration: none;
}

#menu ul li a:hover,#menu ul li a:active,#menu ul li.current a {
	color: #00ccff;
}

#sub_menu {
	overflow: visible;
    position: absolute;
    top: 130px;
    height: 20px;
    background: white;
    color: black;
    font-variant: small-caps;
    left: 30px;
    float: left;
    -webkit-background-clip: border;
    -webkit-background-origin: padding;
    -webkit-border-bottom-left-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-bottomleft:7px;
    -moz-border-radius-bottomright:7px;
}

#sub_menu ul {
    margin: 2.5px 0;
    padding: 0;
}

#sub_menu ul li {
    position: relative;
    display: inline;
    margin: 0;
    padding: 0 0.5em;
}

#sub_menu ul li.regular, #sub_menu ul li.first {
    border-right: thin solid #09345c;
}

#sub_menu ul li.last {
    border-right: none;
}

#sub_menu ul li a:link,#sub_menu ul li a:visited {
    color: black;
    text-decoration: none;
}

#sub_menu ul li a:hover,#sub_menu ul li a:active,#sub_menu ul li.current a {
    color: #00ccff;
}

#main {
	background: white;
    width: 720px;
    float: left;
    
}

#content {
   margin: 10px 10px;
}

#right_column {
	background: #f4f4f4;
	width: 210px;
	float: right;
	padding: 10px 10px;
}

#right_column hr {
	color: black;
	border: 1px dotted;
	background: url('../images/separator_x.png') repeat-x center;
	margin: 15px 0;
}

#right_column h4 {
	text-transform: uppercase;
	color: red;
}

#footer_body {
    background: #09345c;
    clear: both;
}

#footer_page {
	width: 950px;
	margin: 0 auto;
	padding: 0;
}

#footer {
	background: #09345c none repeat scroll 0 0;
	color: white;
	clear: both;
	padding: 5px 0;
	margin: 0;
}



#footer .left {
	position: relative;
	left: 1em;
}

#footer .right {
	position: relative;
	right: 1.0em;
}

#footer a {
	text-decoration: none;
	border: none;
	color: white;
}

/* Contact Us page */
#contact_form {
    margin: 10px;
    padding: 4px;
    float: right;
}

#address {
    margin-left: 1em;
}

#about_us .picture img {
	float: right;
	margin-left: 10px;
}

.stories img {
    background: #FFFFFF none repeat scroll 0%;
    border: 1px solid #999999;
    margin: 0pt 0pt 5px 10px !important;
    padding: 2px;
    width: 80px;
    height: 80px;
}

.story img {
    background: #FFFFFF none repeat scroll 0%;
    margin: 0pt 20px 5px 10px !important;
    padding: 2px;
    float: right;
}

.stories a {
    border: 1px solid #FFFFFF !important;
    color: #999999;
    display: block;
    float: left;
    text-decoration: none;
    width: 99%; /* IE does not handle 100% well, pushing right_column below content div */
}

.stories a:hover {
    background: #F0F0F0 none repeat scroll 0%;
    border: 1px solid #CCCCCC !important;
    color: #222222;
}

.stories img {
    background: #333333 none repeat scroll 0%;
    border: 3px solid #DDDDDD;
    float: left;
    margin: 0pt 0.4em 0pt 0pt;
    padding: 0px;
}

.stories a img {
    background: #FFFFFF none repeat scroll 0%;
    border: 1px solid #999999;
    margin: 0.2em !important;
    padding: 2px;
    float: left;
}

.stories a strong,.stories a h4 {
    color: #3333CC;
    display: block;
    font-size: 100%;
    margin: 3px 0pt 0.2em 0.2em;
    text-decoration: underline;
}

.stories a span,.stories a p {
    color: #444444;
    display: block;
    font-size: 90%;
    margin: 0pt 0pt 0pt 0.2em;
    padding: 0pt 0pt 5px;
}

#ir_form .label {
    display: block;
    clear: both;
    float: left;
    position: relative;
    text-align: right;
    width: 170px;
    padding-right: 10px;
}

#ir_form .field {
    margin-bottom: 0.5em;
    overflow: auto;
    clear: both;
}

#ir_form .info {
    position:relative;
    left: 10px;
    right:30px;
    overflow: hidden;
}

#map {
    z-index: 2;
    width : 365px;
    height: 275px;
    margin: 10px;
    padding: 10px;
}

#flashMessage {
    width: 97%;
    color: #FF0000;
    border-bottom: 2px solid #FF0000;
    border-top: 1px solid #FF0000;
    font-size: 16px;
    margin: 8px 0px;
    font-weight: bold;
    padding: 10px;
}