/* 
--------------------------
Universal by Design CSS Sections:
--------------------------
		Created .......... May 22, 2005
		Last Updated ..... June 14, 2005

		{1} Global Styles ... [ body, headers, p, etc. ]
		
		{2} Airlock ... [ div containers ]
		
		{3} Header ... [ main header styles ]
		
		{4} Top Navigation ... [ main navigation styles ]
		
		{5} Sub-Navigation ... [ expanded links, bread crumbs ]
		
		{6} Content ... [ home, about, contact, etc. ]
		
		{7} Copyright ... [ main copyright styles ]
		
		{8} Misc ... [ forms, hidden elements, etc. ]
	
 */ 
 

 /*  
------------------
{1} Global Styles:
------------------	
 */ 
 
 /* -=( overall styles, body, headers, etc. )=- */
 
 body {
 	background: #F3F3F3 url(../images/global/background_main.gif) repeat-y;
 	font: 8pt/16pt verdana, arial, helvetica, sans-serif;
 	color: #333333;
 	margin: 0px;
 	padding: 0px;
 }
h2 {
	font: 15pt/12pt "Book Antiqua", verdana, arial, helvetica, sans-serif;
	color: #2E2413;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	letter-spacing: 1px;	
}
h3 {
	font: 11pt/13pt "Book Antiqua", verdana, arial, helvetica, sans-serif;
	color: #2E2413;
	font-weight: bold;
	margin: 0px;
	padding: 0px 10px 10px 10px;
	letter-spacing: 1px;	
}
img.image_left {
	float: left;
	padding: 3px;
	margin: 0px 15px 10px 5px;
	border: 1px #C7E0E9 solid;
	background-color: #ffffff;
}

 /* 
------------
{1} Airlock:
------------
 */ 
 
/* -=( airlock global styles, this holds the "design" in place )=- */
 
#airlock {
	background-color: transparent;
	width: 757px;
	margin: 0px;
	padding: 0px;
	border: none;
	text-align: left;
}


 /*  
------------
{3} Header:
------------
 */ 
 
#header {
 	background-color: transparent;
 	width: 757px;
 	height: 226px;
 	margin: 0px;
 	padding: 0px;
 	position: relative;
 }

/* -=( custom logo titles so logo blends with background colors )=- */

body#home #header h1 {
	background: transparent url(../images/home/title_logo.gif) no-repeat top left; 
	padding: 0px;
	margin: 0px 0px 0px 400px; 
	width: 356px; 
	height: 226px; 
}
body#home #header h1 span {
	display:none;
}


 
/* -=( custom header backgrounds )=- */

body#home #header {
 	background: #ffffff url(../images/home/background_header.jpg) no-repeat top left;
}


 /* 
-------------------
{4} Top Navigation:
-------------------
 */ 

#navigation {
 	background-color: transparent;
	position: relative;
 	width: 740px;
 	margin: 0px;
	padding: 20px 0px 10px 0px;
 	text-align: right;	
 }
#navigation p {
	color: #303030;
 	font: 8.5pt/11pt verdana, arial, helvetica, sans-serif;
	padding: 0px;
	margin: 0px;	
}
#navigation a {
	background-color: transparent;
	color: #2E2413;
	font: 8.5pt/11pt verdana, arial, helvetica, sans-serif;
 	font-weight: normal;
 	text-decoration: none;
}
#navigation a:hover {
	background-color: transparent;
	color: #5A863C;
}
body#home #navigation a#homelink {
	background-color: transparent;
	color: #5A863C;
	text-decoration: none;
	border-bottom: 1px #5A863C dotted;
 	font: 8.5pt/11pt verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}


/* 
-------------------
{5} Sub Navigation:
-------------------
*/

/* -=( breadcrumbs *you are here* styles )=- */
 
 #breadcrumbs {
	position: relative;
	font: 7pt/14pt verdana, arial, helvetica, sans-serif;
	color: #666666;
 	background-color: transparent;
	padding: 0px;
	margin: 15px 20px 0px 10px;
	text-align: right;
} 
#breadcrumbs a {
	background-color: transparent;
	border-bottom: 1px #2E2413 dotted;
	color: #2E2413;
	font: 7pt/14pt verdana, arial, helvetica, sans-serif;
 	font-weight: normal;
 	text-decoration: none;
}
#breadcrumbs a:hover {
	background-color: transparent;
	color: #5A863C;
	border-bottom: 1px #5A863C dotted;
}

/* -=( right column for sub navigation, site options, etc. )=- */

#right_column {
	width: 200px;
	background-color: transparent;
	position: absolute;
	margin-top: 330px;
	margin-left: 540px;
	padding: 0px 10px 20px 10px;
}

/* -=( sub nav list styles, rounded edges for mozilla based browsers )=- */

#right_column ul {
	background-color: transparent; 
	width: 170px;
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;	
}
#right_column ul li.title {
	width: 170px;
	border: 1px solid #cccccc;
	background-color: #EEEEEE;
	padding: 5px 5px 5px 15px;
	margin: 0px;
	font: 9pt/14pt arial, helvetica, sans-serif;
 	color: #2E2413;
 	font-weight: bold;
 	-moz-border-radius: 8px;	
}
#right_column ul li {
	width: 170px;
	border-bottom: 1px solid #cccccc;
	background-color: transparent;
	padding: 3px 3px 3px 15px;
	margin: 0px;
	font: 8.5pt/14pt arial, helvetica, sans-serif;
 	color: #333333;	
}
#right_column ul li a {
	background-color: transparent;
	text-decoration: none;
	color: #2E2413;
	font: 8.5pt/14pt arial, helvetica, sans-serif;
	border: 0px;
}
#right_column ul li a:hover {
	background-color: transparent;
	text-decoration: none;
	color: #5A863C;
	font: 8.5pt/14pt arial, helvetica, sans-serif;
	border: 0px;
}

.pagenav {
	width: 670px;
 	background: #EEEEEE;
 	font: 9pt/16pt verdana, arial, helvetica, sans-serif;
 	color: #333333;
 	margin: 0px;
 	padding: 5px;
 	border: 1px solid #C7E0E9;	
}
.pagenav a {
	background-color: transparent;
	text-decoration: none;
	color: #2E2413;
	font: 8.5pt/14pt arial, helvetica, sans-serif;
	border: 0px;
	}
.pagenav a:link {color: #2E2413; border-bottom: 1px #2E2413 dotted; background: transparent}
.pagenav a:visited {color: #2E2413; border-bottom: 1px #2E2413 dotted; background: transparent}
.pagenav a:hover {color: #5A863C; border-bottom: 1px #5A863C dotted; background: transparent}
.pagenav a:active {color: #5A863C; border-bottom: 1px #5A863C dotted; background: transparent}


.maptoplevel {
	width: 400px;
 	background: #EEEEEE;
 	font: 8pt/16pt verdana, arial, helvetica, sans-serif;
 	color: #333333;
 	margin-left: 10px;
 	padding: 5px;
 	border: 1px solid #C7E0E9;	
}
.maptoplevel a {
	background-color: transparent;
	text-decoration: none;
	color: #2E2413;
	font: 8.5pt/14pt arial, helvetica, sans-serif;
	border: 0px;
	}
.maptoplevel a:link {color: #2E2413; border-bottom: 1px #2E2413 dotted; background: transparent}
.maptoplevel a:visited {color: #2E2413; border-bottom: 1px #2E2413 dotted; background: transparent}
.maptoplevel a:hover {color: #5A863C; border-bottom: 1px #5A863C dotted; background: transparent}
.maptoplevel a:active {color: #5A863C; border-bottom: 1px #5A863C dotted; background: transparent}

a {
	background-color: transparent;
	text-decoration: none;
	color: #2E2413;
	font: 8.5pt/14pt arial, helvetica, sans-serif;
	border: 0px;
	}
a:link {color: #2E2413; border-bottom: 1px #2E2413 dotted; background: transparent}
a:visited {color: #2E2413; border-bottom: 1px #2E2413 dotted; background: transparent}
a:hover {color: #5A863C; border-bottom: 1px #5A863C dotted; background: transparent}
a:active {color: #5A863C; border-bottom: 1px #5A863C dotted; background: transparent}
a.ad {
	background-color: transparent;
	text-decoration: none;
	font: 9.5pt/12pt "Book Antiqua", verdana, arial, helvetica, sans-serif;
	color: #B81B04;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	letter-spacing: 1px;
	border: 0px;
	}
a.ad:link {color: #B81B04; background: transparent}
a.ad:visited {color: #B81B04; background: transparent}
a.ad:hover {color: #5A863C; background: transparent}

/* 
------------
{6} Content:
------------
*/  

/* -=( content container )=- */

#content {
	width: 460px;
	background-color: transparent;
	margin: 0px 0px 10px 70px;
	padding: 0px 5px 0px 0px;
}

/* -=( content body & text styles)=- */

#content p {
	font: 8.5pt/14pt verdana, arial, helvetica, sans-serif;
 	color: #333333;
 	margin: 0px;
 	padding: 10px;
 	text-align: justify;
}

/* -=( content list styles with custom bullet )=- */

#content ul {
	background-color: transparent;
	list-style: disc url(../images/global/list_bullet.gif) inside;
}
#content ul li {
	font: 8.5pt/14pt verdana, arial, helvetica, sans-serif;
 	color: #333333;
 	background-color: transparent;
 	padding: 5px 15px 5px 5px;
 	margin: 0px;
 	text-align: justify;	
}


/* 
--------------
{7} Copyright:
--------------
*/  

/* -=( copyright container & styles )=- */

#copyright {
	background-color: transparent;
	position: relative;
	width: 700px;
	border-top: 1px solid #C7E0E9; 
	margin: 0px 0px 0px 60px;
	padding: 10px 0px 0px 5px;
} 
#copyright p {
	font: 7.5pt/14pt arial, helvetica, sans-serif;
 	color: #666666;
 	margin: 0px;
 	padding: 0px 0px 5px 0px;
 	text-align: justify;
}
#copyright a {
	background-color: transparent;
	text-decoration: none;
	border-bottom: 1px dotted #2E2413;
	color: #2E2413;
	font: 7.5pt/14pt verdana, arial, helvetica, sans-serif;
	padding-bottom: 1px;
}
#copyright a:hover {
	background-color: transparent;
	text-decoration: none;
	border-bottom: 1px dotted #5A863C;
	color: #5A863C;
	font: 7.5pt/14pt verdana, arial, helvetica, sans-serif;
	padding-bottom: 1px;
}


/* 
---------
{8} Misc:
---------
*/ 

/* -=( features box with mozilla supported rounded edges )=- */

.feature_box {
	width: 418px;
	border: 1px solid #C7E0E9;
	background-color: #EEEEEE;
	padding: 10px;
	margin: 10px 0px 20px 10px;
	-moz-border-radius: 10px;
}
img.feature {
	float: left;
	padding: 3px;
	margin: 10px 15px 0px 5px;
	border: 1px #C7E0E9 solid;
	background-color: #ffffff;
}
img.image {
	padding: 3px;
	maring: 0px;
	border: 1px #C7E0E9 solid;
	background-color: #ffffff;
}
.feature_box a {
	background-color: transparent;
	border-bottom: 1px #2E2413 dotted;
	color: #2E2413;
	font: 9pt/14pt verdana, arial, helvetica, sans-serif;
 	font-weight: bold;
 	text-decoration: none;
}
.feature_box a:hover {
	background-color: transparent;
 	font-weight: bold;
	color: #5A863C;
}