
/* 
--------------------------
The Vat CSS:
--------------------------
		Created .......... February 11, 2006
		Last Updated ..... November 3, 2006

		{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. )=- */
 
 html, body {
  	background-color: #DEE2D4;
 	font: 8pt/16pt verdana, arial, helvetica, sans-serif;
 	color: #59594E;
 	margin: 0px;
 	padding: 0px;
 	text-align: center;
	height: 100%;
 }
h2 {
	font: 20pt/12pt "Book Antiqua", "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	color: #75928F;
	font-weight: bold;
	margin: 0px;
	padding: 10px;
	letter-spacing: 1px;	
}
h3 {
	font: 11pt/11pt "Book Antiqua", "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	color: #2D5F6D;
	font-weight: bold;
	margin: 0px;
	padding: 0px 10px 10px 10px;
	letter-spacing: 1px;	
}

 /* 
------------
{1} Airlock:
------------
 */ 
 
/* -=( airlock global styles, this holds the "design" in place )=- */
 
#airlock {
	background: #FEFFEF url(../uploads/images/design/background_airlock.gif) repeat-y;
	width: 692px;
	margin: 0px auto;
	padding: 0px;
	border: #ffffff 1px solid;
	text-align: left;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}


/*  
------------
{3} Header:
------------
 */ 
 
 /* -=( header div main styles )=- */
 
 #header {
 	background: transparent url(../uploads/images/design/header_main.gif) no-repeat top left; 
 	width: 692px;
 	height: 125px;
 	margin: 0px;
 	padding: 0px;
 }
#header h1 { 
	background: transparent url(../uploads/images/design/title_header.gif) no-repeat top left;
	padding: 0px;
	margin: 0px; 
	width: 692px; 
	height: 125px; 
}
#header h1 span {
	display:none;
}

/* 
-------------------
{4} Top Navigation:
-------------------
 */ 
 
/* -=( navigation div main styles, must set height for
       netscape 6.2 and konquerer )=- */
 
#navigation_top {
	position: relative;
	background: transparent url(../uploads/images/design/background_topnav.gif) no-repeat top left; 
 	width: 692px;
	height: 33px;
 	margin: 0px;
	padding: 0px;
	text-align: left;	
 }
#navigation_top a:hover {
	background-color: transparent;
	color: #FBE4B7;
    border-bottom: 1px solid #FBE4B7;
}

#navigation_top ul {
	background-color: transparent;
	border: 0;
	margin: 0px;
	padding: 2px 10px 5px 23px;
	list-style-type: none;
	text-align: left;
}
#navigation_top ul li {
	background-color: transparent;
	display: inline;
	float: left;
	text-align: left;
	padding: 2px 5px 5px 5px;
	margin: 0px;
}
#navigation_top ul li a {
    background-color: transparent;
	display: inline;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	text-align: left;
	font: 8.5pt/11pt "Book Antiqua", "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	color: #FEFFEF;
	font-weight: normal;
	letter-spacing: 1px; 
    border-bottom: 1px solid #FEFFEF;
}

/*
-------------
{5} Sub Navigation:
-------------
*/
/* -=( right column for sub navigation, site options, etc. )=- */

#right_column {
	background-color: transparent;
	position: absolute;
	margin-top: 200px;
	margin-left: 450px;
	padding: 0px 10px 20px 10px;
}

/* -=( sub nav list styles, rounded edges for mozilla based browsers )=- */

#right_column2 ul li:after {
	content: "\00BB \0020";
	}
#right_column ul {
       width: 200px;
	background-color: transparent; 
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;	
}
#right_column ul li {
	border-bottom: 0px solid #C7E0E9;
	background-color: transparent;
	padding: 3px 3px 3px 15px;
	margin: 0px;
	font: 8.5pt/14pt arial, helvetica, sans-serif;
 	color: #333333;	
        text-align: right;
}
#right_column ul li a {
	background-color: transparent;
	text-decoration: underline;
	color: #005B7F;
	font: 8.5pt/14pt arial, helvetica, sans-serif;
	border: 0px;
}
#right_column ul li a:hover {
	background-color: transparent;
	text-decoration: underline;
	color: #B81B04;
	font: 8.5pt/14pt arial, helvetica, sans-serif;
	border: 0px;
}


/* 
------------
{6} Content:
------------
*/  

/* -=( content container )=- */

#content {
        width: 480px;
	background-color: transparent;
	margin-top: 0px;
	padding: 20px;
}

/* -=( content body & text styles)=- */

#content_body {
	border-left: 1px solid #DFE0C4;
	position: relative;
	background-color: transparent;
	width: 480px;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
}
#content_body p {
	font: 8.5pt/14pt verdana, arial, helvetica, sans-serif;
 	color: #59594E;
 	margin: 0px;
 	padding: 10px;
 	text-align: justify;
}
#content p {
	font: 8.5pt/14pt verdana, arial, helvetica, sans-serif;
 	color: #59594E;
 	margin: 0px;
 	padding: 10px;
 	text-align: justify;
}

