@charset "utf-8";
@import url("menu.css");
* { margin: 0; padding: 0; }
:focus {outline: 0;}
body  {font: 100% Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; color: #CCC; background-color: #ffce47; }
img {  border-style: none;}

/* TYPOGRAPHY*******************************************************/

p { margin-bottom: 1em; font-size:85%; color:#000; line-height:120%; text-align:justify; }
p.sub { margin-bottom: 1em; color:#000; font-size:90%; padding:10px 0 10px 0; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-align:justify; }
p a:hover{ text-decoration: none;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; } 
.drop-cap { float: left; font-size: 65px; line-height: 0.8; padding: 0 10px 0 0; font-family:Georgia, "Times New Roman", Times, serif; font-style: normal; }

/*HEADINGS*******************************************************/
h1{ color:#000; font-size:2em; margin-bottom:0.2em; font-style:italic; line-height:1.2em; }
h2{ color:#777; font-size:1.5em; margin-bottom:0.9em; line-height:0.9em; }
h3{ color: #c1272d; font-size:1.25em; margin-bottom:1.2em; line-height:1.2em; }
h4{ color: #175874; font-size:1em; margin-bottom:.5em; line-height:1.5em; font-weight:bolder; }
h5{ color:#777; margin-bottom:.75em; font-size:1em; line-height:1.8em; font-style:italic;}
h6{ color:#777; font-size:.5em; margin-bottom:1.8em; line-height:1.8em; }
#subline h1{font-size:1.7em; margin-bottom:0.2em; font-style:italic; line-height:1.2em; color:#fefef1; padding-top:.2em; }

/*COLORS*******************************************************/
.offwhite {color:#fefef1;}
.blue {color:#09F;}
.red {color:#c1272d;}
.ynBlue {color:#175874;}
.ynGreen {color:#006837;}

/*FLOATS*******************************************************/
.fltrt { float: right; margin-left: 8px; }
.fltlft { float: left; margin-right: 8px; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; } 
hr {background:#175874; clear:both; float:none; width:100%; height:.1em; margin:1em 0 1em; border:none;}

/*BODY ELEMENTS*******************************************************/
#container { width: 900px; margin: 0 auto; text-align: left; } 
#backgroundhome {background-image: url(images/bkgr.jpg); background-repeat: repeat-x; background-position: center top; background-color: #fefef1; }
#backgroundsub { background-image: url(images/bkgr_sub.jpg); background-repeat: repeat-x; background-position: center top; background-color: #fefef1; }
#subline { height: 50px; padding:5px 5px 0 10px; position: relative; width: 885px; }
#header { height:75px; background-image:url(images/header.png); } 

/* LOGO *****************************************************/
#logo { width: 258px; height: 60px; position: relative; left: 0px; top: 15px; background-image: url(images/logo.png); background-repeat: no-repeat; background-position: left top; }
#logo h1 {color: #FFFFFF; font-size: 2.2em; text-indent: -999px; margin: 0; }

#mainContent { margin: 0 auto; width: 860px; padding: 20px 10px 20px 30px;}
#mainContent img { margin: 0 auto; padding: 0 10px 10px 0; float:left; } 
#subContent { margin: 0 250px 0 0; padding: 20px 10px 20px 10px;}
#sidebar { float: right; width: 220px; padding: 20px 10px 15px 20px; }
.homeCol{ width:300px; float:left; padding: 10px 15px 20px 15px;}
.homeHead {width: 200px; float: left; padding: 15px 0 0 0;}
.photos {width: 280px; height: 175px; margin: 4px; padding: 4px; float:left; border:thin; border-color:#006837; border-style: solid; background-color:#eee; }
.photosC {width: 280px; height: 220px; margin: 4px; padding: 4px; float:left; border:thin; border-color:#006837; border-style: solid; background-color:#eee; }
.photosC p{margin-bottom: 1em; color:#000; font-size:70%; padding:5px 0 10px 0; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-align:justify;}
.photosTwo {width: 400px; height: 330px; margin: 5px 7px; padding: 4px; float:left; border:thin; border-color:#006837; border-style: solid; background-color:#eee; }
.photosTwo p{margin-bottom: 1em; color:#000; font-size:70%; padding:5px 0 10px 0; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-align:justify;}
.photosThree {width: 530px; height: 220px; margin: 5px 7px; padding: 4px; float:left; border:thin; border-color:#006837; border-style: solid; background-color:#eee; }
.photosThree p{margin-bottom: 1em; color:#000; font-size:70%; padding:5px 0 10px 0; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-align:justify;}

/* GALLERY *****************************************************/
#galContent { margin: 0 auto; width: 670px; padding: 20px 30px 20px 80px; } 
#galContent .thumbnail{ padding: 10px 10px 15px 10px; background-color: #eee; border: 1px solid #ddd; float: left; margin-right: 40px; margin-bottom: 30px; }	
#galContent .caption{ font-size: 0.9em; padding-top: 0.2em ;	}

/* LIST STYLES *****************************************************/
.ul{ margin-bottom:1.8em; list-style:square inside; padding-left:30px; width: 600px; }
.ul li{ font-size:85%; line-height:105%; color:#000; }
.ul li.caption{ font-variant:small-caps; list-style:none; color:#000; }
.li > ul, li > ol{ margin-bottom:0; margin-left:5em; }
.li > ul li, li > ol li{ font-size:1em; }
.ol{ margin-bottom:1.2em; list-style:decimal inside; padding-left:30px; width: 600px; }
.ol li{ font-size:85%; font-style:italic; line-height:120%; color:#000; }


#footer { margin: auto; padding-top: 15px; padding-bottom: 15px; background-color: #ffce47; color: #777; }
#footer p { text-align: center; margin: 0px; padding: 10px 10px; font-size:10px; line-height: 170%; }
#footer a{ color:#000;text-decoration: none;}
#footer a:hover{ text-decoration: underline;}




/* SIDEBAR CONTENT *****************************************************/

div.sbContent{ width:220px; padding:0 0 22px; float:left; background:url(images/box_bg.jpg) no-repeat; color:#030; background-color:#fefedd}
div.sbContent span{ width:223px; height:1px; line-height:0; font-size:0; padding:0; margin:0 0 5px 0; display:block;color:#B1B756;}
div.sbContent h2{ font:bold 14px/17px Georgia, "Times New Roman", Times, serif; color:#c1272d; padding:0 10px;}
div.sbContent h3{ font:bold 13px/16px Arial, Helvetica, sans-serif; color:#777; padding:0 10px; }
div.sbContent p{ font:normal 12.5px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#006837; padding:0 10px;}
div.sbContent img{ margin:0 10px; border:none;}
div.sbContent a{ font:bold 12.5px/20px Georgia, "Times New Roman", Times, serif; color: #636;}
div.sbContent a:hover{ text-decoration: none;}



/* NAVIGATION *****************************************************/
#mainNav{ height: 65px; width: 625px; float: right; padding-top: 10px; }
#nav {padding-top:15px; margin:0; list-style:none; height:38px;width:530px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left; height:38px;}
/*#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#fc0; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(nav_bg.gif);}*/
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#88b5ca; text-decoration:none; font-size:11px; font-weight:bold; cursor:pointer;}
#nav li a.top_link span {float:left; display:block; padding:0 10px 0 10px; height:35px;}
#nav li a.top_link span.down {float:left; display:block; padding:0 10px 0 10px; height:35px;}

#nav li:hover a.top_link {color:#175874; background-color:#fc0;}
/*#nav li:hover a.top_link span {}
#nav li:hover a.top_link span.down {}*/

#nav li a.active {
	color: #fff;
	background-image: url(images/a_nav.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{
	left:1px;top:35px;background: #1f2629;padding:3px;width:160px;height:auto;z-index:300;
	border-top-width: 0;
	border-right-width: 1pt;
	border-bottom-width: 1pt;
	border-left-width: 1pt;
	border-style:solid;
	border-color: #373f42;
}
#nav li:hover ul.sub li
{display:block; position:relative; float:left; width:163px; font-weight:normal;height: 38px;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; /*width:155px;*/ line-height:18px; color:#fc0; text-decoration:none; padding-left:5px;height: 38px;}
#nav li ul.sub li a.fly
{background:#1f2629; /*width:150px;*/}
#nav li:hover ul.sub li a:hover 
{background:#373f42; color:#fff;height: 38px; width:150px;}
#nav li:hover ul.sub li a.fly:hover
{background:#373f42; color:#fff;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:150px; top:-4px; background: #1f2629; padding:3px; width:100%; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#373f42 url(arrow_over.gif) 80px 6px no-repeat; color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#bbd37e url(arrow.gif) 80px 6px no-repeat; color:#000; border-color:#bbd37e;} 


/* MEMBERS *****************************************************/

.members{ display: block; float: left; width: 860px; padding-bottom:25px; }
.members-image{ float: left; padding: 10px 9px 0 0; width: 150px; }
.members-image img{ float: right; }
.members h3{font: bold 15px/15px "Trebuchet MS", "Arial", Sans-Serif; border-bottom: 1px dashed #aaae44; color: #006; padding: 20px 0 5px 0; text-transform: uppercase; width: 610px; float: left; }
.members p{ display: block; width: 610px; float: left; line-height: 20px; margin-top: 5px; }
.right{ padding-left: 15px; }

/* Members Tab
----------------------------------------------------------------------------- */
 	#wrap {
		width: 780px;
		margin-top:5px;
		padding:0 10px;}
	.tabbed-box {
		width: 760px;
		padding:0 10px;
		}
	.tabbed-box .tabs li {
		list-style: none;
		float: left;
		}
	.tabbed-box .tabs li a {
		display: block;
		width: 190px;
		height: 24px;
		padding: 15px 0;
		font-size:10px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		color: #888;
		background-repeat: no-repeat;
  		background-position: 0 0;
  		background-image: url(images/tab.png);
		/*border-left: 1px solid #222;*/}
	.tabbed-box .tabs li:first-child a {
		border-left: none; }
	.tabbed-box .tabs li a:hover {
	color: #000;
	background-position: 0 -54px;
}
	.tabbed-box .tabs li a:focus {
		outline: none; }
	.tabbed-box .tabs li a.active {
	background-position: 0 -108px;;
	color: #CCC;
}
	.tabbed-content {
		padding: 5em 1em 1em 0;
		display: none;}


/* SLIDER *****************************************************/
#slideshow { position:relative; height:250px; } 
#slides { width:900px; height:250px; overflow:hidden; }
#prev, #next { overflow:hidden; display:block; width:39px; height:39px; position:absolute; top:150px; background-position:0 0; background-repeat:no-repeat; text-indent:-9999em; z-index:9999; }
#prev { background-image:url(images/prev.gif); left:0; }
#next { background-image:url(images/next.gif); right:0; }