/* CSS Print Document */

 /*  
------------------
{1} Global Styles:
------------------	
 */ 
 
 /* -=( overall styles, body, headers, etc. )=- */
 
body {
 	background-color: #ffffff;
	font: 9pt/14pt verdana, arial, helvetica, sans-serif;
 	color: #4B4B4B;
 	margin: 0px;
 	padding: 0px;
 }
 h2 {
	font: 18pt/20pt verdana, arial, helvetica, sans-serif;
	color: #4B4B4B;
	font-weight: bold;
	margin: 0px;
	padding: 10px 0px 10px 0px;	
}
h3 {
	font: 13pt/15pt verdana, arial, helvetica, sans-serif;
	color: #4B4B4B;
	font-weight: bold;
	margin: 10px 10px 10px 0px;
	padding: 10px 0px 5px 0px;	
}
h4 {
	font: 10pt/13pt verdana, arial, helvetica, sans-serif;
	color: #4B4B4B;
	font-weight: bold;
	margin: 0px 10px 5px 0px;
	padding: 10px 0px 0px 0px;	
}
 
 
/* 
------------
{2} Airlock:
------------
 */ 
 
/* -=( airlock global styles, this holds the "design" in place )=- */
 
#airlock {
	background-color: transparent;
	padding: 10px;
	border: 0px;
}

/* 
------------
{3} Logo:
------------
 */ 

/* -=( this is the header mywoofgang logo styles )=- */

#header_logo {
	background-color: transparent;
	height: 108px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	z-index: 1;	
}
/*  
----------------
{4} Navigation:
----------------
 */ 
 
 /* -=( top navigation div styles )=- */
 
 #top_nav {
	display: none;
}

 /* -=( main navigation div styles, this navigation holds the main website navigation located in the header, but below the top navigation. )=- */
 
 #main_nav {
	display: none;
}

/* 
------------
{5} Content:
------------
*/  

/* -=( content container )=- */

#content {
 	background-color: transparent;
	padding: 15px 0px 0px 0px;
}

/* -=( content body styles, this includes the container and paragraph styling )=- */

#content .content_body {
	width: 480px;
 	background-color: transparent;
	padding: 10px 10px 10px 10px;
	margin: 0px;
}
#content .content_body p {
	font: 9pt/14pt verdana, arial, helvetica, sans-serif;
 	color: #4B4B4B;
	text-align: justify;
	padding: 0px 10px 20px 10px;
	margin: 0px;
}

/* -=( side bar container and styling. this includes specific styling only found in the side bar )=- */

#content .sidebar {
	position: absolute;
	width: 250px;
 	background-color: transparent;
	padding: 10px;
	margin: 0px 0px 0px 500px;
	border-left: 1px #cccccc solid;
	display: inline;
}

/* -=( side bar home creature feature styling, this only shows up on the home page )=- */

body#home .sidebar #creature_feature {
	width: 250px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
body#home .sidebar #creature_feature h3 {
	background-color: transparent;
	margin: 0px;
	padding: 0px;	
}
body#home #content .sidebar img {
	background-color: #ffffff;
	padding: 5px;
	margin: 0px;
}
body#home #content .sidebar .feature_content {
	background: #FD9031 url(../images/background_creature_feature.gif) bottom left no-repeat;
	padding: 0px;
	margin: 0px;
}
body#home #content .sidebar .feature_content p {
	font: 9pt/14pt verdana, arial, helvetica, sans-serif;
 	color: #ffffff;
	text-align: justify;
	padding: 20px 15px 20px 15px;
	margin: 0px;
}
body#home #content .sidebar .feature_content .more_link {
	display: block;
	width: 50px;
	height: 28px;
	padding: 0px 0px 15px 185px;
	text-indent: -19000px;
}
body#home #content .sidebar .feature_content .more_link a {
	display: block;
	width: 50px;
	height: 28px;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	background: url("../images/link_more_cfeature2.gif") top right no-repeat;
	text-decoration: none;
}

/* -=( spacer, this is very important. this style clears the design to help the floats scale correctly. )=- */
div.spacer {
  clear: both;
}

/* -=( stickies styling, this includes stickies that go in the side bar )=- */

body#home #content .sticky_green,
#content .sidebar .sticky_green {
	background-color: #cccccc;
	padding: 0px;
	margin: 0px 0px 15px 0px;
}
body#home #content .sticky_green p,
body#home #content .sticky_yellow p,
#content .sidebar .sticky_green p,
#content .sidebar .sticky_yellow p {
	font: 9.5pt/14pt "Comic Sans MS", arial, helvetica, sans-serif;
 	color: #4A5D5F;
	text-align: justify;
	padding: 10px 20px 10px 20px;
	margin: 0px;
}
body#home #content .sticky_green h3,
body#home #content .sticky_yellow h3,
#content .sidebar .sticky_green h3,
#content .sidebar .sticky_yellow h3 {
	font: 12pt/14pt "Comic Sans MS", arial, helvetica, sans-serif;
 	color: #4A5D5F;
	padding: 10px 0px 5px 0px;
	margin: 0px;
}
body#home #content .sticky_yellow {
	background-color: #cccccc;
	width: 500px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
#content .sidebar .sticky_yellow {
	background-color: #cccccc;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}
#content .sticky_yellow .more_link,
#content .sticky_green .more_link {
	display: block;
	width: 50px;
	height: 28px;
	padding: 0px 0px 15px 170px;
	text-indent: -19000px;
}
#content .sticky_yellow .more_link a.more,
#content .sticky_green .more_link a.more {
	display: block;
	width: 50px;
	height: 28px;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	background: url("../images/link_more_blue.gif") top right no-repeat;
	text-decoration: none;
	border-bottom: 0px;
}

/* -=( content image styling, this includes styles for images that are apart of the content. )=- */

#content .content_body img.iconleft {
	background-color: transparent;
	padding: 0px 15px 10px 0px;
	margin: 0px;
	float: left;
}
#content .content_body img.iconright {
	background-color: transparent;
	padding: 0px 15px 10px 0px;
	margin: 0px;
	float: right;
}
img.floatleft {
	float: left;
	background-color: #ffffff;
	border: 1px solid #cccccc; 
	padding: 4px;
	margin: 5px 15px 3px 0px;
}
img.floatright {
	float: right;
	background-color: #ffffff;
	border: 1px solid #cccccc; 
	padding: 4px;
	margin: 5px 0px 3px 15px;
}

/* -=( content link styles. )=- */

#content .content_body a {
	background-color: transparent;
	text-decoration: none;
	border: 0px;
	font-weight: bold;
	}
#content .content_body a:link {color: #FEA245; border-bottom: 1px #FEA245 solid; background: transparent}
#content .content_body a:visited {color: #FEA245; border-bottom: 1px #FEA245 solid; background: transparent}
#content .content_body a:hover {color: #4A4E8D; border-bottom: 1px #4A4E8D solid; background: transparent}
#content .content_body a:active {color: #4A4E8D; border-bottom: 1px #4A4E8D solid; background: transparent}


/* 
------------
{6} Footer:
------------
*/  

/* -=( footer container )=- */

#footer {
	background: transparent url(../images/background_footer.gif) top left no-repeat;
	margin-top: 10px;
	padding: 10px;
	text-align: center;
}

/* -=( footer link and text styles)=- */

#footer p {
	font: 8pt/13pt verdana, arial, helvetica, sans-serif;
 	color: #9A9A9A;
 	margin: 0px;
 	padding: 30px 0px 10px 0px;
 	text-align: center;
}
#footer a {
	background-color: transparent;
	text-decoration: none;
	border: 0px;
	font-weight: bold;
	}
#footer a:link {color: #ffffff; border-bottom: 1px #ffffff solid; background: transparent}
#footer a:visited {color: #ffffff; border-bottom: 1px #ffffff solid; background: transparent}
#footer a:hover {color: #cccccc; border-bottom: 1px #cccccc solid; background: transparent}
#footer a:active {color: #cccccc; border-bottom: 1px #cccccc solid; background: transparent}