/************************************************************/
/* General Page Styles										*/
/************************************************************/

	HTML {
		width:				100%;
		height:				100%;
		font-family:		verdana;
		font-size:			9pt;	
	}
	
	
	BODY {
		margin-left:		auto;
		margin-right:		auto;
		margin-top:			0px;
		margin-bottom:		0px;		
		height:				100%;	
		background-position: center top; 
		background-repeat: 	repeat-x;		
		background-attachment: fixed;
		background-image: 	url("/images/bg.gif");
		background-color:	#ffffff;
		color:				#005481;
		font-family:		verdana;
		font-size:			9pt;	
	}
	
	h1 {
		color:				#000000;
		font-size:			14pt;
		margin-bottom:		0px;
	}
	
	h2 {
	
	}
	
	h3 {
	
	}
	
	h4 {
		color:				#999999;
		font-size:			10px;
		font-weight:		normal;
		padding:			0px;
		margin:				0px;
	}
	
	A {
		color:				#0066cc;
	}
	
	A:hover {
		color:				#0000aa;
	}
			
	.pngfix { 
		behavior: 			url('/styles/iepngfix.htc')
	}

/************************************************************/
/* Wrappers for backgrounds									*/
/************************************************************/

	#bodywrapper {
		width:				900px;
		height:				auto;	
		margin-left:		auto;
		margin-right:		auto;	
		background-position: center top; 
		background-repeat: 	no-repeat;		
		background-image: 	url("/images/wrap_bg.jpg");
		background-color:	#ffffff;	
	}
	
	#bgwrapper {
		background:			url('/images/default_bg.gif') no-repeat top left;
	}
	

/************************************************************/
/* Main Section 											*/
/************************************************************/

	#topsection {
		clear:				all;
		padding-top:		10px;
	}
	
	#headersection { /* See sub section below for sub items*/
		height:				72px;
	} 
	
	#navsection { /* See sub section below for sub items*/
		width:				185px;
		float:				left;
	}
	
	#contentsection {
		width:				694px;
		height:				auto;
		min-height:			500px;
		color:				#000000;
		background:			transparent;
		float:				right;
		padding-left:		5px;
		padding-right:		5px;
	}
	
	#footersection {
		text-align:			center;
		vertical-align:		top;	
		margin-top:			10px;
	}

/************************************************************/
/* Header Section Items										*/
/************************************************************/

	#headersection #logo {
		width:				235px;
		float:				left;
		padding-top:		5px;
		padding-left:		5px;
	}
	
	#headersection #welcome {
		width:				375px;
		float:				right;
		font-size:			11px;
		text-align:			justify;
	}
	
	#headersection #welcome H1 {
		font-family:		arial;
		font-size:			12pt;
		margin:				0px;
	}

/************************************************************/
/* Nav Section												*/
/************************************************************/

	.nav_item a {
		display: 			block;
		margin: 			0; 
		padding:			0;
		width:				100%;
		height:				100%;
		overflow:			hidden;	
	}
	 	
	#nav_home a {
		background: 		url( '/images/nav_home.gif' ) 0 0 no-repeat;
		height:				36px;
	}
		
	#nav_home a:hover {
		background-position:	-185px 0;
	}
	
	#nav_about a {
		background: 		url( '/images/nav_about.gif' ) 0 0 no-repeat;
		height:				31px;
	}
		
	#nav_about a:hover {
		background-position:	-185px 0;
	}
	
	#nav_receipes a {
		background: 		url( '/images/nav_recipes.gif' ) 0 0 no-repeat;
		height:				33px;
	}
		
	#nav_receipes a:hover {
		background-position:	-185px 0;
	}
	
	#nav_stories a {
		background: 		url( '/images/nav_stories.gif' ) 0 0 no-repeat;
		height:				32px;
	}
		
	#nav_stories a:hover {
		background-position:	-185px 0;
	}
	
	#nav_yoursay a {
		background: 		url( '/images/nav_yoursay.gif' ) 0 0 no-repeat;
		height:				32px;
	}
		
	#nav_yoursay a:hover {
		background-position:	-185px 0;
	}	
	
	#nav_news a {
		background: 		url( '/images/nav_news.gif' ) 0 0 no-repeat;
		height:				31px;
	}
		
	#nav_news a:hover {
		background-position:	-185px 0;
	}
	
	#nav_contact a {
		background: 		url( '/images/nav_contact.gif' ) 0 0 no-repeat;
		height:				30px;
	}
		
	#nav_contact a:hover {
		background-position:	-185px 0;
	}
	
	#nav_resources a {
		background: 		url( '/images/nav_resources.gif' ) 0 0 no-repeat;
		height:				32px;
	}
		
	#nav_resources a:hover {
		background-position:	-185px 0;
	}
	
	#nav_forum a {
		background: 		url( '/images/nav_forum.gif' ) 0 0 no-repeat;
		height:				31px;
	}
		
	#nav_forum a:hover {
		background-position:	-185px 0;
	}		

/************************************************************/
/* Members Section											*/
/************************************************************/

	#members {
		color:				#000000;
		font-size:			9pt;	
		margin-top:			40px;
		padding-left:		10px;
	}
	
	#members #name, #members #pass, #members #login, #members #forgot {
		padding-bottom:		5px;
	}
	
	#members .memberinput {
		border:				1px solid #bfbfbf;
		font-size:			14pt;
	}
	
	#membersnav ul {
		margin:				0px 0px 0px 20px;
		padding-left:		0px;
		list-style-type: 	square;
	}
	
/************************************************************/
/* Content Section											*/
/************************************************************/
	#sectionimage {
		width:				0px;
		height:				0px;
		float:				left;
	}

	#contentsection .break {
		width:				440px;
		height:				1px;
		background:			url('/images/hr_default.gif');
		margin-top:			10px;
		margin-bottom:		10px;
		padding:			0px;
	}	

	#contenttitle {
		color:				#ffffff;
		padding-top:		33px;
		font-size:			20px;
		font-weight:		bold;
	}
	
	#contentmenu, #contentmenu a {
		color:				#666666;
		padding-top:		20px;
		font-size:			10px;
		font-weight:		bold;
	}
	
	#contentbody h1 {
		margin-top:			0px;
	}	
	
/************************************************************/
/* Footer Section											*/
/************************************************************/
	
	.footertext {
		color:				#756454;
		font-family:		arial;
		font-size:			9px;	
		font-weight:		bold;
		padding:			5px;		
	}	
	
/************************************************************/
/* Shadow Box 												*/
/************************************************************/	
		
	.shadowbox {
		width:				256px;
	}
	
	.shadowbox .box_border_tl {
		width:				17px;
		height:				13px;
		background-image:	url('/images/Box_tl.png');
	}
	
	.shadowbox .box_border_tc {
		width:				217px;
		height:				13px;	
		background-image:	url('/images/Box_tc.png');
	}
	
	.shadowbox .box_border_tr {
		width:				22px;
		height:				13px;	
		background-image:	url('/images/Box_tr.png');
	}
	
	.shadowbox .box_border_ml {
		width:				17px;		
		background-image:	url('/images/Box_ml_bg.png');
		vertical-align:		top;
	}
	
	.shadowbox .box_border_mc {
		width:				217px;	
		background:			#ffffff url('/images/Box_mc_bg.png') repeat-x;
		vertical-align:		top;
		font-size:			10pt;
		padding-top:		5px;
	}
	
	.shadowbox .box_border_mc .box_title {
		width:				105px;
		float:				left;
	}
	
	.shadowbox .box_border_mc .box_link {
		font-size:			11px;
		width:				105px;
		float:				right;	
		text-align:			right;
	}
	
	.shadowbox .box_border_mc .box_content { 
		font-size:			10px;	
		color:				#000000;
	}
	
	.shadowbox .box_border_mc .box_content H1 {
		font-size:			11px;
		margin:				0px;	
	}	
	
	.shadowbox .box_border_mr {
		width:				22px;	
		background-image:	url('/images/Box_mr_bg.png');
		vertical-align:		top;
	}
	
	.shadowbox .box_border_bl {
		width:				17px;
		height:				22px;		
		background-image:	url('/images/Box_bl.png');
	}
	
	.shadowbox .box_border_bc {
		width:				217px;
		height:				22px;	
		background-image:	url('/images/Box_bc.png');
	}
	
	.shadowbox .box_border_br {
		width:				22px;
		height:				22px;	
		background-image:	url('/images/Box_br.png');
	}
	
/************************************************************/
/* Center Image in Box										*/
/************************************************************/		
	
.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 140px;
    height: 140px;
}

.wraptocenter * {
    vertical-align: middle;
}

/*\*//*/
.wraptocenter {
    display: block;
}

.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/

.wraptocenter span {
    display: inline-block;
    height: 100%;
}