html { background: #292929;}
body {
	font: Verdana, Arial, Helvetica, sans-serif;
}
h2, h3, h4 {
	color: #333; 
	font-family: Georgia,"Times New Roman",Times,serif;
	padding: 5px;
	border-bottom: 1px dotted #ccc;
	font-weight: bold;
}
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }
em {font-style: italic;}
strong {font-weight: bold;}
#doc4 {
	background: #fff;
}
.yui-g {
	
}
.yui-ge { margin-top: 15px;}
#one {
	background: #444;
	height: 200px;
}
#two {
	background: #eee;
	height: 200px;
}
#three {
	background: #fff;
}
.content {
	padding: 15px;
	margin-bottom: 30px;
}
#four {
	background: #999;
}
#hd {
	height: 40px;
	background: #292929;
}
#header {
	width: 149px;
	height: 40px;
	position: relative;
	background: #fff;
}
#header span {
	background: url(/images/logo_grey_small.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#ft {
	color: #fff;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background:url(/images/topnav_bg.gif) repeat-x; height: 35px;
}
.yui-gb {margin-bottom: 35px;}
#copyright {float: right;margin: 12px 10px 0 10px; color: #4D4D4D; line-height: 1em;}
#socialmedia {
	float: left;
	margin: 12px 0 0 10px;
	width: 320px;
}
#socialmedia ul {list-style: none; margin: 0; padding: 0;}
#socialmedia li a {float: left; margin: 0 5px 0 0; text-indent: -9999px;}
#facebook {background: transparent url(/images/socialmedia.png) no-repeat scroll 0 0; height: 19px; width: 28px;}
#facebook:hover {background: transparent url(/images/socialmedia.png) no-repeat scroll 0 -20px; height: 19px; width: 28px;}
#twitter {background: transparent url(/images/socialmedia.png) no-repeat scroll -28px 0; height: 19px; width: 40px;}
#twitter:hover {background: transparent url(/images/socialmedia.png) no-repeat scroll -28px -20px; height: 19px; width: 40px;}
#flickr {background: transparent url(/images/socialmedia.png) no-repeat scroll -68px 0; height: 19px; width: 44px;}
#flickr:hover {background: transparent url(/images/socialmedia.png) no-repeat scroll -68px -20px; height: 19px; width: 44px;}
#rss {background: transparent url(/images/socialmedia.png) no-repeat scroll -165px 0; height: 19px; width: 36px;}
#rss:hover {background: transparent url(/images/socialmedia.png) no-repeat scroll -165px -20px; height: 19px; width: 36px;}

#main-image {
	text-align: center;
	margin-top: 20px;
}
#main-nav {
	position: absolute;
	top: 50px;
	left: 250px;
	font-size: 1.2em;
}
#main-nav li {
	display: inline;
}
/* Navigation */
.selected {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
#nav ul {
	position: absolute;
	top: 60px;
	margin-left: 645px;
}

#nav li { 
	display: inline;
	margin: 0 5px;
}

#nav a {
	color: #fff;
	text-decoration: none;
	font-size: 1.2em;
}

#nav a:hover {
	text-decoration: underline;
	
}
ul#tabList a.active {
	
}
/* Gallery Nav List */
#gallery {
	padding: 0 1px 1px;
	margin-left: 0;
	font: 12px "Lucida Grande","Lucida Sans Unicode",sans-serif;
	text-transform: uppercase;
	border-bottom: 1px dotted #333;
}
#gallery li {
	list-style: none;
	margin: 0;
	border-top: 1px dotted #333;
	text-align: left;
}

#gallery li a {
	display: block;
	padding: 0.5em 0.5em 0.5em 0.75em;
	text-decoration: none;
	color: #CCCCCC;
}

#gallery li a:link {  }
#gallery li a:visited {  }
#gallery li a:hover {
	text-decoration: underline;
}
#one h2 { 
	font-size: 1.5em; 
	color: #ccc; 
	font-family: Georgia,"Times New Roman",Times,serif;
	padding: 5px;
}
.address {
	padding: 10px;
	line-height: 1.4em;
	color: #444;
	font-size: 1.2em;
	text-align: right;
	margin-right: 420px;
	
}
.quote {
	border-left:5px solid #eee;
	color:#333333;
	font-size:1.2em;
	margin-left:30px;
	margin-top:10px;
	padding-bottom:15px;
	padding-left:15px;
	padding-top:15px;
}
.copy { padding: 20px 35px;}
.copy p { margin: 10px 0; line-height: 1.5em;}
.copy2 {padding: 10px;}
.copy2 p { margin: 10px 0;}
.copy2 li { margin: 0 15px; list-style-type: square;}
.question {font-size: 1.3em; margin: 15px 0; font-weight: bold;}
.answer {margin: 0 15px;}

a, a:visited { color: #003366; text-decoration: underline;}
a:hover { text-decoration: none; }

.photo-list li { 
	border: 1px solid #ccc; 
	margin: 1px; float: left; 
	padding: 20px; 
	width: 300px; 
	height: 380px;
}
.show-large a {display: block; padding: 3px; margin: 3px;}

#eventlist li {list-style: square; margin: 5px 0; margin-left: 30px;}
.event-description {color: #666666;}
.photos { text-align: center; }
.photo {
	float: left;
	text-align: center;
	display: table;
	border: 1px solid #eee;
	margin: 2px;
	width: 300px;
	height: 300px;
	
}
.photo p {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	margin: 10px;
}
.bg-black { background: #fff;}
.nav-column { padding: 15px;}
.nav-column ul, .price-includes {margin-left: 20px;}
.nav-column li, .price-includes li {list-style: square;}
.page-bottom { background: #444; color: #ccc; border-top: 5px solid #666; margin: 0; padding-bottom: 30px;}
.page-bottom a {color: #ccc;}
.page-bottom h3 { color: #ccc;}
#serving {position: absolute; top: 0; right: 0; padding-right: 20px; padding-top: 10px; color: #4D4D4D; font-size: 1.1em;}
.price {font-size: 6em; color: #666666; margin: 15px;}
.suu-students, .suu-students a, .suu-students a:hover {font-size: 18px; color: #990000;}
.deposit {font-size: 14px;}
.included {float: right; width: 500px;}
.content p {margin: 10px 0;}
.content h2, .content h3 {margin: 10px 0;}
.description {font-size: 1.4em; color: #666666;}
.bio {color: #fff; line-height: 1.8em;font-family: 'trebuchet ms', arial, helvetica, sans-serif;}
.float-right {float: right;}

/* New dropdown menu */
.topnav-wrapper {background:url(/images/topnav_bg.gif) repeat-x; height: 35px; z-index: 1000;}
#test {background:url(/images/topnav_bg.gif) repeat-x; height: 35px;position: absolute; top: 40px; width: 100%; left: 0;}
ul.topnav {
	list-style: none;
	padding: 0 20px;
	margin: 0;
	float: right;
	background: #222;
	font-size: 1em;
	background: url(/images/topnav_bg.gif) repeat-x;
}
ul.subnav {font-size: .8em;}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 9px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(/images/topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(/images/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
	z-index: 1000;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(/images/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(/images/dropdown_linkbg.gif) no-repeat 10px center;
}

/* Team order form */
.product .name {font-size: 1.3em;}
.product .description {font-size: .9em}
.product .main {font-size: 1.3em; font-weight: bold;}
.product {border-bottom: 1px dotted #ccc; padding-bottom: 10px;}

/* --- */
.featured {height: 300px; float: left; position: relative; overflow: hidden;}
.post-1 { width: 574px; border: 5px solid #ffffff;}
.post-2 {width: 383px; border-top: 5px solid #ffffff; border-bottom: 5px solid #ffffff; border-right: 5px solid #ffffff;}
.post-3 {width: 440px; border-bottom: 5px solid #ffffff; border-left: 5px solid #ffffff; border-right: 5px solid #ffffff;}
.post-4 {width: 515px; border-right: 5px solid #ffffff; border-bottom: 5px solid #ffffff;}
.post-5 {width: 190px; border-left: 5px solid #ffffff; border-bottom: 5px solid #ffffff; border-right: 5px solid #ffffff;}
.post-6 {width: 295px; border-bottom: 5px solid #ffffff; border-right: 5px solid #ffffff;}
.post-7 {width: 465px; border-bottom: 5px solid #ffffff; border-right: 5px solid #ffffff;}
.entry-content {
	background:#FFFFFF none repeat scroll 0 0;
	bottom:0;
	font-weight:200;
	left:0;
	padding:10px;
	display: none;
	position: absolute;
	opacity: .7;
	width: 100%;
}
.entry-title {
	display:block;
	height:100%;
	line-height:1em;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:99;
}
.entry-title a {display: block; height: 100%; color: #444; text-decoration: none;}
.entry-content h4 {border: none; font-size: .9em; padding: 0; margin: 0; margin-bottom: 5px; clear: both}
