/*-- BEGIN PAGE CSS: these affect the entire page/site --*/
	
	html {
		padding:0;
		margin:0;
		background:#B4A57E url() Fixed;
		color:#000; /*-- text color --*/
	}
	body {
		min-width:790px;
		font-family:verdana, helvetica, sans-serif; 
		font-size:12px;
		line-height: 125%;}
	

	/*-- BEGIN HEADER/TOOLBAR CSS --*/
	
	#wrap {
		background:#FFF;
		width:790px;
		border:1px solid #614C3B;
		margin:5px auto;
	}
	#toolbar {
		background:#fff;
		padding:7px;
	}
	#toolbar a {
		font-size:10px;
		text-decoration:none;
		padding-left:15px;
	}
	#toolbar a:hover {
		text-decoration:underline;
		}
	#logo {
		float:left;
		}
	#toolSideBar {
		float:right;
	}
	#header {
		background:#fff;
	}

	
	/*-- BEGIN CONTENT CSS --*/
	
    #contentArea { 	 /*-- This is the whole content area. left and sidebar. --*/
		float: left; 
		background: url(http://www.rotaplast.org/common/images/contentBackground.gif) top left repeat-y; }
    
	#contentArea #mainContent {  /*-- This is left main content area. --*/
	float: left;
	width: 541px;
	padding:10px;
	font-weight: bold;
}
	
	#contentArea #mainContent h1 {
		font-size:18px;
	}
	
	#contentArea #sideBar {  /*-- right sidebar area. --*/
		float: left; 
		width: 209px; 
		padding:10px;
		padding-top:20px;	
		}
	
	#contentArea #sideBar h2 {
		font-size: 15px;
		}
	
	#contentArea #sideBar ul {
		margin-left:0px;
		padding-left: 15px;
		}
		
	#footer {
		background:#614C3B; 
		color:#DDCB9B;
		clear:both;
		padding-left:30px;
		padding-top:15px;
		padding-bottom:7px;
		font-size:10px;
		text-align:left;
	}
	#footer a, #footer a:hover, #footer a:visited {
		color:#fff;
		}
	
	
	/*-- BEGIN NAV CSS --*/
	
	#nav, #nav ul {
		float: left;
		width: 790px;
		list-style: none;
		line-height: 1.5em;
		background: #614C3B;
		font-weight: bold;
		padding: 0;
		border: solid #DDCB9B;
		border-width: 1px 0;
		margin: 0;
		margin-bottom:1px;
		margin-top:-10px;
		text-align:left;
	}
	
	#nav a {
		display: block;
		color: #fff;
		text-decoration: none;
		padding-left:18px;
		padding-right:18px;
		padding-top:5px;
		padding-bottom:5px;
		text-align:left;
	}
	#nav a:hover {
		color: #77411D;
		}
	
	#nav a.daddy {
		background: url() center right no-repeat;
	}
	
	#nav li {
		float: left;
		padding: 0;
	}
	
	#nav li ul {
		position: absolute;
		left: -999em;
		height: auto;
		width: 200px;
		font-weight: normal;
		border-width: 0.25em;
		margin: 0;
		text-align:left;
	}
	
	#nav li li {
		padding-right: 1em;
		width: 190px;
	}
	
	#nav li ul a {
		width: 190px;
	}
	
	#nav li ul ul {
		margin: -1.75em 0 0 14em;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
		left: auto;
	}
	
	#nav li:hover, #nav li.sfhover {
		background: #DDCB9B;
	}	
		
	 /*-- END Nav CSS --*/