/*------------------------------------
GENERAL
------------------------------------*/


body {
 margin: auto;
 color:#000; background-color: #DDDEDB; }
.sf_wrapper { width: 655px; padding: 6px; position: relative;
 background-color: #fff; }

.sf_outer_wrapper {
 width: 667px;
 margin: 0 auto; padding: 6px 19px; background-image: url(images/body_bg_3.gif); background-repeat: repeat-y; background-position: left top; }


a:link {
	color:#000;
}


a:visited {
	color:#000;
}


a:hover {
	color:#000;
}


/* ------------------------------------
HEADER
------------------------------------ */

.sf_header_wrapper { float:left; position: relative;
 padding: 20px 0 0 30px; width: 272px; height: 110px; margin-top: 1px; border-bottom: 1px solid #999; background-image: url(images/bg_co16.jpg); background-repeat: repeat-x; background-position: left top;
 
}

.sf_extra4 { width: 348px; height: 130px; margin-left: 304px; margin-top: 1px; padding-bottom: 1px;
 border-bottom: 1px solid #999; background-image: url(images/bg_z0mz.jpg); background-repeat: no-repeat; background-position: left top; }
.sf_main_header { text-align: left; width: 260px;
 overflow:hidden; margin-bottom: 8px; height: 55px; font-family: Georgia, Times, "Times New Roman", serif;
 font-size: 1.4em;
 font-style: normal; font-weight: normal; font-variant: normal; 
color: #fff; }


.sf_sub_header {
 text-align: left; height: 30px;
 overflow:hidden;
 width: 0px;
 font-family: Helvetica, Arial, sans-serif;
 font-size: 0.8em; font-weight: bold; visible: false; color: #fff;
}

.sf_sub_header p, .sf_main_header p{
 margin: 0;
	padding: 0;
 }



.sf_pagetitle {
 color: #6D3D32; }
/* ------------------------------------
NAVIGATION
------------------------------------ */

.sf_navigation {
 display: none;
}

.sf_navigation_top {
 clear: both; width: 100%; height: auto; padding-top: 19px; padding-bottom: 1px; border-bottom: 1px solid #999; background-image: url(images/bg_bar.jpg); background-repeat: no-repeat; background-position: left top; 
}

.sf_navigation_top ul {
    margin: 0 0;
    height: auto !important;
    height: 1%;
	display: inline-block;
}


.sf_navigation_top ul:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 1px;
    clear: both; 
}


.sf_navigation_top ul {
    list-style-type: none;
    padding:0;
}

.sf_navigation_top ul li {
 float: left; width: auto !important; width: 5px; white-space: nowrap; background-color: #F7F7F7; background-image: url(images/nav_bkgd_3.gif); background-repeat: repeat; background-position: left top; 
}

.sf_navigation_top ul li a {
 height: 30px;
 margin: 0 0 0 1px; text-decoration: none; text-transform: uppercase; display: block; line-height: 30px; padding: 0 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal;
 color:#000; background-image: url(images/nav_right_edge_3.gif); background-repeat: no-repeat;
 background-position: right bottom;
 }

.sf_navigation_top ul li a:hover { text-decoration: none; display: block;
 color:#000; background-image: url(images/nav_right_edge_hilite_3.gif); background-repeat: no-repeat; background-position: right bottom; }

.sf_navigation_top ul li a:visited {
 color:#000;
 }
/*------------------------------------
	Flyout menu
------------------------------------*/


#Nav1, 
#Nav1 ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;	
	line-height: 1;	
}


#Nav1 a {	
	display:block;	
}


#Nav1 li { /* all list items */	
	float: left;		
}


#Nav1 li ul { /* second-level lists */
	position: absolute;	
	width: 180px;
	left: -999em;
	z-index: 1000;
	background-color: #f7f7f7	
}


#Nav1 li ul li { /* second-level lists */	
	width: 180px;
	background-image: none;
	white-space: normal;	
}

#Nav1 li:hover, #Nav1 li.hover {  
    position: static;  
}


#Nav1 li ul li a, #Nav1 li ul li a:visited  { /* second-level lists */	
	width: 180px;
	height: auto;
	background-image: none;
	line-height: normal;
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #d6d6d6;
}


#Nav1 li ul li a:hover  { /* second-level lists */	
	width: 180px;
	background-image: none;
	background-color: #d6d6d6;
}


#Nav1 li:hover ul, 
#Nav1 li.sfhover ul { /* lists nested under hovered list items */
	left: auto;	
}


#Nav1 iframe {
	position: absolute;
	/* account for the border */
	left: -0.25em;
	top: -0.25em;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
	margin-left: 3px;
}


/*------------------------------------
CONTENT
------------------------------------*/

.sf_pagetitle {
	clear: both;
	padding: 20px 0 0 30px;
	text-align: left;
	height: auto !important;
	height: 30px;
	min-height: 30px;
	font-family: Georgia, Times, "Times New ROman", serif;
	font-size: 1.5em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}


.sf_content {
    height: 300px;
    padding: 20px 0 0 20px;
    margin: 0px;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    height: auto !important;
    height: 200px;
    min-height: 200px;

}


.sf_content:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 1px;
    clear: both;
}


/*------------------------------------
FOOTER
------------------------------------*/

.sf_footer {
 padding: 20px 0 0 20px; font-size: .8em;
 text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; min-height: 20px;
	height: auto !important;
 height: 20px; color: #999;
 padding-bottom: 19px;
 background-image: url(images/bg_bar.jpg); background-repeat: no-repeat;
 background-position: left bottom; }


.sf_footer p{
	margin:0px;
	padding:0px;
	margin-bottom:1em;
}


/*------------------------------------
BANNER
------------------------------------*/

.sf_banner {
 margin-bottom: 35px; padding-top: 80px; text-align: center; font-size: .8em; color:#000; 
}


.sf_banner div#bannerLink {
    padding-top: 10px;
}

/**
 * Sticking flyout menu bug
 *
 * @bugfix
 * @affected ie7
 * @css-for ie7
 * @valid yes
 */

#Nav1 li:hover, #Nav1 li.hover {  
    position: static;  
} 

/*------------------------------------
COLUMNS
------------------------------------*/

div#content1 {
 width: 95%; }


div#content2 {
 float: left; width: 43%; margin-top: 15px; }

div#content3 {
 float: right; width: 43%; margin-top: 15px; }


div#content1 , div#content2 , div#content3 {
 padding: 5px 10px; overflow: auto; position: relative; }

img {margin-right: 10px; }
