/* -----------------------------------------------
Style Sheet for Screen Display 
(For Browsers over version 5)

version:			1.0
author:				Pierre-Luc Pepin
email:				plpepin@freyacomm.com
website:			MenOnTheNet.com
CSS Version:		1
------------------------------------------------ */

/* Includes
-------------------------------------------------*/
/*
The import action is better supported
when used at the top of a file
*/

@import url("screen/scr_disclaimer.css");
@import url("screen/scr_header.css");
@import url("screen/scr_toc.css");
@import url("screen/scr_content.css");
@import url("screen/scr_secContent.css");
@import url("screen/scr_footer.css");
@import url("screen/scr_frontPage.css");
@import url("screen/scr_ticker.css");
@import url("screen/scr_enhancedlist.css");
@import url("screen/scr_galleries.css");
@import url("screen/scr_review.css");
@import url("screen/scr_tubes.css");

/* Core
------------------------------------------------ */
* { margin: 0; padding: 0; line-height: 1.3em; }

body {
	font: 100% Arial, Helvetica, sans-serif;
  	text-align: center;
	background: url(../../images/Background/Background.jpg) top center repeat-x #e9e9e9;
	/*background-color: #e9e9e9;*/
}


/* Three Column Layout
-------------------------------------------------*/
#center { margin: 0 auto; width: 996px; }
	#wrapper { float: left; margin-bottom: 3px; text-align: left; background: url(../../images/Toc/motn_menu_02.jpg) left top repeat-y #FFF; border: 1px #888 solid}
		#wrapper #header { border: 0px dotted red;}
		#wrapper #toc { float: left; width: 162px; border: 0px dotted red; clear: both; background: url(../../images/Toc/motn_menu_02.jpg) left top repeat-y #FFF;}
		#wrapper #content { border: 0px dotted red; margin-right: 0px; width:832px; float: left/*background-color: #FFF;*/ /*background: url(../images/layoutgrid.png);*/ }
		#wrapper > #content {  }
			#wrapper #content #mainContent { border: 0px dotted orange; }
			#wrapper #content #secondaryContent { display: none}
	#footer { text-align: center; font-size: 12px; position:relative; margin: 0 auto; text-align: left; width: 996px; border: 0px dotted red; clear: both; }


/* Basic Typography (H1...H6,P,SPAN) alphabetical
------------------------------------------------ */
a {
	text-decoration: none;
	color: #FF0000;
}

a:hover {
	text-decoration: none;
	color: #8484ee;
}

h1, h2, h3, h4, h5, h6 { line-height: 1.4em;  color: #000; font-family: Arial, Helvetica, sans-serif;}

h1 { font-size: 26px; text-transform:capitalize; }
h2 { font-size: 19px; text-transform:capitalize; }
h3 { font-size: 11px; }

p { font-size: 12px; color: #000;}
p.breadcrums { margin-bottom: 10px }
	p.breadcrums span.youAreHere { font-weight: bold }
p.title { font-weight: bold; padding-bottom: 1px; font-size: 12px; }
p.titleZOOM { font-size: 14px; }

/* Forms
------------------------------------------------ */