/*
Theme Name: Fenster
Theme URI: http://fensterschool.org/
Description: The 2010 default theme for Fenster.
Author: Gravy Creative, LLC
Version: 1.0
Tags: green, yellow, two-columns, fixed-width, custom-header, custom-background
*/


/* Reset default browser CSS.
-------------------------------------------------------------- */

@charset "UTF-8";
/* CSS Document */

body {
	background-image: url(images/pattern.gif);
	background-repeat: repeat;
	margin:0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 19px;
	color: #58595b;	
	text-align:left;
}

#container {
	background-color:#fef9ec;
	width:940px;
	margin:0 auto;
}

#header {
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	height: 107px;
	width: 940px;	
}



#columns {
	width: 940px;
	margin:0 auto;
	background-image: url(images/bkgrd_sidebar.gif);
	background-repeat: repeat-y;
	background-position: right top;
	}


#LT-column {	
	width:621px;
	float:left;
	background-color:#fef9ec;
	padding:20px;
	min-height:432px;
}
.flash {
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #f3d897;
	border-bottom-color: #f3d897;
	}

#RT-column {
	width:239px;
	background-image: url(images/bkgrd_sidebar.gif);
	background-repeat: repeat-y;
	background-position: top;
	float:right;
	padding:20px;
	min-height:432px;
}

#requestinfo {
	width:239px;
	height:69px;
	background-image: url(images/btn_requestinfo.jpg);
	background-repeat: no-repeat;	
	margin-bottom: 20px;
}

#video {
	width:239px;
	height:165px;
	background-image: url(images/video.jpg);
	background-repeat: no-repeat;
	}

#footer {
	background-color:#58585a;
	width:900px;
	clear: both;
	padding:15px 20px;
	line-height:16px;
	font-size:12px;
	min-height:35px;
}

#LT-footer {
	color:#FFFFFF;
	float:left;
	width:621px;
	}

#RT-footer {
	color:#f3d897;
	float:left;
	width:279px;
	text-align:right;
}

h1 {
	font-size: 28px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #f3d897;
	font-weight:normal;
	padding-top:20px;
}

h2 {
	font-size: 18px;
	font-style:italic;
	font-weight:normal;
	text-align:center;
	line-height:22px;
	margin: 8px 0px;

}

h3 {
        font-size: 16px;
	font-style:italic;
	font-weight:strong;
	text-align:center;
	line-height:22px;
	margin: 8px 0px;
}

a:link, a:visited, a:active {
	text-decoration:none;
	color:#58595b;
	text-align:center;	
	}
a:hover {
	text-decoration:none;
	color:#58595b;	
	}



/* MAIN NAVIGATION */

#top_navlist {
	height:22px;
	background-color:#58585a;
	background-image: url(images/nav_left.gif);
	background-repeat: no-repeat;
	background-position: left;
	
	}

.navlist { z-index:1000; position:relative; text-align:left; padding: 4px 20px 8px 206px; 
	}
.navlist ul {list-style:none; margin:0; padding:0 0 0 5px; position:relative; z-index:1000}
.navlist ul li ul {list-style:none; margin:0; padding:0;}
 
/* TOP LEVEL MENU ITEM */
.navlist ul li {float:left; margin:0; padding:0; position:relative; z-index:1000}
 
/* TOP LEVEL MENU ITEM */
.navlist ul li a, 
.navlist ul li a:link,
.navlist ul li a:active, 
.navlist ul li a:visited {font:14px/15px Georgia; color:#FFFFFF; display:block; padding:6px 11px 0px 11px;  text-decoration:none; /*background:url(images/back-nav-dots.png) no-repeat right center;*/ outline:none; height:20px;}
 
/* Make sure the first item in the list doesnt have a left border */
.navlist ul li.last a, 
.navlist ul li.last {border:0px; outline:none; background:none}
.navlist ul li.first a {border:0px; outline:none; }
 
/* TOP LEVEL MENUS ITEMS ON HOVER */
.navlist ul li:hover a, 
.navlist ul li.sfHover a, 
.navlist ul li a:hover {background-color:none; height:20px; outline:none; color:#f3d897; background:url(images/bkgrd_navhover.gif) no-repeat center center; }
.navlist ul li.current_page_item a{background-color:none; height:20px; outline:none; color:#f3d897; background:url(images/bkgrd_navhover.gif) no-repeat center center; }
.navlist ul li.current_page_parent a {
	background-color:none; height:20px; outline:none; color:#f3d897; background:url(images/bkgrd_navhover.gif) no-repeat center center;
}
.navlist ul li.current_page_ancestor a {
	background-color:none; height:20px; outline:none; color:#f3d897; background:url(images/bkgrd_navhover.gif) no-repeat center center;
}
/* SECOND LEVEL MENU ITEM */
.navlist ul li:hover ul li a, 
.navlist ul li:hover ul li a:visited,
.navlist ul li.sfHover ul li a, 
.navlist ul li.sfHover ul li a:visited {font-weight:normal; color:#fff; background:#008987; margin:0px; border:0px; outline:none; height:20px; font-size:12px; padding:3px 25px 3px 15px; position:relative; z-index:1000}
 
/* SECOND LEVEL MENU ITEM HOVER */
.navlist ul li:hover ul li a:hover,
.navlist ul li:hover ul li.first a:hover, 
.navlist ul li:hover ul li.last a:hover, 
.navlist ul li.sfHover ul li a:hover,
.navlist ul li.sfHover ul li.first a:hover,
.navlist ul li.sfHover ul li.last a:hover {height:20px; padding:3px 25px 3px 15px; color:#f3d897; width:auto;}
 
/* SECOND LEVEL MENU ITEM */
.navlist ul li ul {width:auto; /* expand as needed for longer submenu names */ color:#000; list-style:none; margin:0px; margin-top: 5px; padding:5px 0px; position:absolute; top:-999em; left:0px; /* border around dropdown menu */ opacity:0.9; -moz-opacity:0.9; z-index:1000}


.navlist li ul ul {margin:-1em 0 0 175px;}

 
.navlist ul li:hover ul, 
.navlist ul li.sfHover ul {top:20px;} 
.navlist ul li ul li {border:0px; float:none; padding:0px; margin:0px; color:#000; } 
.navlist ul li ul li a {border:0px; white-space:nowrap; float:none; padding:1px 34px 1px 15px; margin:0px; display:block; height:29px; color:#000;} 
.navlist ul li ul li a:visited { color:#000; } 
.navlist ul li ul li a:hover { color:#000; border:0px; margin:0px;}


.navlist  li ul {position: absolute; left: -999em;}
.navlist  li:hover ul {left: auto;}
.navlist  li:hover ul, .navlist  li.sfhover ul {left: auto;}
.navlist  li:hover ul ul, .navlist  li.sfhover ul ul {left: -999em;}
.navlist  li:hover ul, .navlist  li li:hover ul, .navlist  li.sfhover ul, .navlist  li li.sfhover ul {left: auto;}

/* 3rd level */
.navlist  li:hover ul ul, 
.navlist  li:hover ul ul ul, 
.navlist  li.sfhover ul ul, 
.navlist  li.sfhover ul ul ul {left: -999em;}
.navlist  li:hover ul, 
.navlist  li li:hover ul, 
.navlist  li li li:hover ul, 
.navlist  li.sfhover ul, 
.navlist  li li.sfhover ul, 
.navlist  li li li.sfhover ul {left: auto;}


/* SUB NAVIGATION */
#subnav ul {
	margin:0px 0px 15px 0px;
	padding:0;
	list-style:none;
	font-size:14px;
	}
	
#subnav li {
	padding-bottom: 10px;
	}
#subnav li a {
	text-decoration:none;
	}
#subnav ul ul {
	margin:0px 0px 0px 20px;
	}
#subnav ul li.current_page_item a {
	color:#168381;
	}
#subnav ul li a:hover {
	color:#168381;
	}

img.alignright {float:right; margin:12px 0 5px 12px;}
img.alignleft {float:left; margin:12px 12px 5px 0;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
a img.alignright {float:right; margin:12px 0 5px 12px;}
a img.alignleft {float:left; margin:12px 12px 12px 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


