@charset "UTF-8";
/* Safe Harbour

site design by Luisa Simone (http://www.tadpolegraphics.com */

html {
overflow:-moz-scrollbars-vertical;
overflow:scroll;
}


body {
color:#000000;
text-align:center;
font-size:small;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0, auto;
padding:0;
width:100%;
background:#CCC;
}


/* DIV Layout
=============================================================
*/

#container {
width:780px;
margin-top:0;
margin-left:auto;
margin-right:auto;
padding:0;
overflow:visible;
position:relative;
text-align:left;
}


#header {
text-align:left;
margin:0;
padding:0;
background: #FFF;
}


#contentArea  {
	width:780px;
	background-color:fff;
	background-image: url(../images/sf_bground.gif);
	padding-bottom:50px;
}




#footer {
margin: 5px 0 0 0;
}

#callout {
	position:absolute;
	top: 10px;
	right:20px;
	z-index:11;
	padding-right:10px;
	width: 381px;
	text-align:left;
	margin:0;
	height: 58px;
}


/* UNIVERSAL TAGS
==============================================================
*/
img {
border-style:none;
margin:0;
}

/* HEADER TAGS
============================================================
*/

div#header img.logo {
margin: 5px 5px 5px 15px;
}



/* FOOTER TAGS
============================================================
*/

#footer p {
font-size:80%;
color: #505050;
margin: 2px 5px 10px 10px;
}

#footer p.navLinks {
float:right;
margin-right:10px;
}

#footer p.navLinks a{
color: #505050;
text-decoration:none;
}

#footer p.navLinks a:hover {
text-decoration:underline;
}



/* CALLOUT TAGS
============================================================
*/


#callout h1 {
	font-size:110%;
	font-weight:bold;
	color:#2c3b76;
	line-height:130%;
	margin:0;
	padding:0;
	text-align:right;
}


/* CONTENT TAGS
============================================================
*/


#contentArea p {
margin:0 5px 10px 260px;
line-height:140%;
}

#contentArea h1{
color: #2c3b76;
margin:2px 20px 10px 260px;
font-size:160%;
line-height:110%
}

#contentArea h4{
font-size:90%;
margin: 0px 20px 0 260px;
padding-top: 40px;
color: #926c02;
font-weight:bold;
}

#contentArea ul {
margin:0px 20px 0 260px;
line-height:130%;
list-style-position:inside;
}

td#content ul li {

}

#contentArea a {
color: #2c3b76;
text-decoration:none;
}

#contentArea a:hover {
text-decoration:underline;
}


/*CONTENT TABLE STYLES
=======================================
*/


table.details {
width:250px;
border-collapse:collapse;
margin:5px 10px 0 5px;
padding:0;
background:#eadebe;
float: right;
clear: both;
}

table.details th {
	margin:0;
	color: #2c3b76;
	border: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 4px 4px 10px;
	background: #e0e383;
	font-size:85%;
}



table.details td {
	margin:0;
	border: 1px solid #C1DAD7;
	background: #fafaed;
	padding: 4px 4px 6px 10px;
	color: black;
	font-size:85%;
}

table.details td.num{
	text-align:right;
}

table.details td.altBlue {
	background: #f3f7fe;
}

table.details td.altBluenum {
	background: #f3f7fe;
	text-align:right;
}



/*CONTENT ROUTE STYLES
=======================================
*/


table.route {
width:365px;
border-collapse:collapse;
margin:5px 10px 0 260px;
padding:0;
background:#eadebe;

}

table.route th {
	margin:0;
	color: #2c3b76;
	border: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 4px 4px 10px;
	background: #e0e383;
	font-size:85%;
}



table.route td {
	margin:0;
	border: 1px solid #C1DAD7;
	background: #fafaed;
	padding: 4px 4px 6px 10px;
	color: black;
	font-size:85%;
}

table.route td.num{
	text-align:right;
}

table.route td.altBlue {
	background: #f3f7fe;
}

table.route td.altBluenum {
	background: #f3f7fe;
	text-align:right;
}




/* STYLES FOR CONTACT LIST
=======================================
*/

#contentArea p.contact {
margin:0 5px 0 260px;
font-size: 90%;
}


#contentArea p.contact a {
color: #2c3b76;
text-decoration:none;
}

#contentArea contact a:hover {
text-decoration:underline;
}

#contentArea p.contactName {
font-weight: bold;
padding-top: 15px;
margin:0 5px 0 260px;
font-size: 90%;
}

#contentArea h5{
font-size:90%;
margin: 0px 3px 0 260px;
padding-top: 20px;
color: #926c02;
font-weight:bold;
}

/* STYLES FOR SITE MAP
========================================
*/

ul.sitemap {
list-style:none;
}


ul.sitemap ul li{
margin-left:-260px;
list-style:none;
}