/**
 *  --------------------------------------------------------------------------------------
 *  Structure CSS
 *  ----------------------------------------------------
 *  Modified	October 14, 2008 by Bree
 *  @version	3.0.1
 *  @author	Chris Satterthwaite <chris@navigatormm.com>
 *  ----------------------------------------------------
 *  1.	Wrapper
 *  2.	Navigation
 *  3.  Flash
 *  4.	ContentWrapper
 *  5.	Content
 *  6.	Footer
 *  7.	Copyright
 *  --------------------------------------------------------------------------------------
 */

/* Wrapper
--------------------------------------------------------------------------------------- */
#wrapper {
	width:				975px;
	margin:				0px auto 0px auto;
	z-index:			10;/* Is need so that dropdown apears in front of relative position objects in IE6 and IE7. */
}

/* Header
----------------------------------------------------------------------------------------------------------------------------- */
#header{
	background: url(../images/interface/header.png) no-repeat;
	height:228px;
	padding:49px 0 0 0;
	position:relative;
	z-index:10;
	}



/* Navigation
--------------------------------------------------------------------------------------- */


	#logo {
		width:							222px;
		position:                       absolute;
		top:                            -40px;
		left:                           -21px;
		z-index:20;
		
	}
	#earth {
		width:                  210px;
		height:                 183px;
		position:               absolute;
		top:                    121px;
		left:                   30px;
		z-index:15;
	}	
/* Flash
--------------------------------------------------------------------------------------- */
#flash {
	width:							915px;
	height:                         202px;
	margin:0 auto;
	z-index:10;
}


	
	
/* ContentWrapper
--------------------------------------------------------------------------------------- */
#contentWrapper {
	min-height:	                366px;
	height:						auto !important;
	height:						366px;
}

/* Content
--------------------------------------------------------------------------------------- */
#content {
	width:				895px;
	padding:            30px 10px 0px 10px;
	margin: 			0 auto 0 auto;
}

#index-content{
	width: 915px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto 0 auto;
	
}

/* Index Pics Style
---------------------------------------------------------------------------------- */
.index-pic {
	font-size:			9px;
	list-style:			none;
	width:				915px;
	height:				329px;
	margin:				0 auto 0 auto;
	padding:                        0 0 0 0;
	display:			block;
	position:			relative;
	z-index:			5;/* Is need so that dropdown apears in front of relative position objects in IE6 and IE7. */
	background:			url(../images/interface/index-pic.jpg) no-repeat;
}

.index-pic li {
	position:			absolute;
	top:				0px;
	z-index:			30; /* ensure submenus appear above other page items.*/
}
.index-pic li span {
	display:			none;
}
.index-pic li a { 
	height:				329px;
	display:			block;
}

.index-pic1        	{ left:0px;		width:305px;}
.index-pic2      	{ left:305px; 	width:307px;}
.index-pic3 		{ left:612px;	width:303px;}


.index-pic1 a:hover     { background: transparent url(../images/interface/index-pic.jpg)  0px -329px no-repeat;}
.index-pic2 a:hover    	{ background: transparent url(../images/interface/index-pic.jpg)  -305px -329px no-repeat;}
.index-pic3 a:hover		{ background: transparent url(../images/interface/index-pic.jpg)  -612px -329px no-repeat;}

/* Category Page Styles
---------------------------------------------------------------------------------- */

#cat-nav{	
	width:270px;
	min-height:	                366px;
	height:						auto !important;
	height:						366px;
	float:left;
	}

#cat-nav ul{
	width:240px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#cat-nav li{
	list-style:none;
	
	}
	
#cat-nav a:hover, #cat-nav a.on{
	background:#ffffff;
	border:2px solid #0095da;
	padding:3px 5px;
	color:#0095da;
}


#cat-nav a{
	font-weight:bold;
	width:100%;
	display:block;
	padding:5px;
	color:#ffffff;
	text-decoration:none;
	}

#cat-content{
	width: 600px;
	min-height:	                366px;
	height:						auto !important;
	height:						366px;
	float:right;
	padding:0 0 0 20px;
	border-left:3px #ffffff solid;
	}

#cat-content h1 {
	margin-bottom:12px;
}

#cat-content .member{
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
	border-bottom:2px #ffffff solid;
}

#cat-content .member p{
	margin: 5px 0px 15px 0px;
}

#cat-content .memberimg{
	width:112px;
	float:left;
}

#cat-content .memberimg img{
	border:2px solid #ffffff;
}

#cat-content .memberinfo{
	width:420px;
	padding: 0px 10px;
	float:left;
}

#cat-content .memberinfo p{
	padding:0 0 0 0;
	margin:0 0 0 0;
	width:210px;
	display:block;
	float:left;
}

#cat-content .memberinfo h2{
	margin:0 0 5px 0;
}

.paging{
	margin:0px auto 10px auto;
}

.paging td {
	padding: 0px 2px;
}

.paging a{
	padding:0 2px;
}

.paging a.on{
	text-decoration:none;
}

/* Calendar Styles
--------------------------------------------------------------------------------------------- */
#cal-tab{
	width:587px;
	height:18px;   
	font-weight:bold;
	list-style: none;
	margin:0 auto 10px auto;
	}

#cal-tab li{
	float:left;
	display: inline;
	}
	
#cal-tab a{
	padding:4px 14px 4px 14px;
	color:#ffffff;
	text-decoration:none;
}

#cal-tab a:hover, #cal-tab a.on{
	background:#ffffff;
	border:2px solid #0095da;
	color:#0095da;
	padding:2px 12px 2px 12px;
	text-decoration:none;
}

#cal-text{
	width:587px;
	padding:10px;
	margin:0 auto 20px auto;
	border-bottom:2px solid #ffffff;
}

#cal-text p{ margin-bottom:10px;}

#cal-text p  img{float:right; margin:5px 0px 5px 5px; width:150px; border:2px solid #ffffff;}


/* Footer
--------------------------------------------------------------------------------------- */
#footer {
	font-size:			9px;
	width:				975px;
	margin:				0 auto;
	position:			relative;
}
#footerContent {
	height:				38px;
	padding:            22px 80px 34px 80px;
}

#footerContent a{
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
}

#footerContent a:hover{color:#83ee03; text-decoration:none;}


#footerContent p#wesogreen{clear:both; font-size:10px; font-weight:bold; padding:5px 0 0 0;}
/* Copyright Structure
--------------------------------------------------------------------------------------- */
#copyright {
	font-size:			9px;
	width:				915px;
	margin:				0 auto;
	padding:            0 0 0 0;
	color:				#ffffff;
}

#copyright a{color: #ffffff; font-size:10px;}