/* Start of CMSMS style sheet 'Art101Online_Base' */
* {
	margin: 0;
	padding: 0;
}

body {
    height: 100%;
	color: #000;
	background: #000;
 	font-size: 62.5%; 
 	margin-bottom: 40px;
	font-family: Verdana, Lucida, sans-serif; 
}

html {
	/*background: #000 url(../images/body_bg_2.png) no-repeat;*/
	height: 100%;margin-bottom: 1px;
}

#Container { 

    margin-left: auto;
    margin-right: auto;
	width: 800px;
	padding-bottom: 15px;
	background: url(uploads/ART101Online/content_bg.png) repeat;
}

#BgContainer {
    min-height: 100%;
	background: #000 url(uploads/ART101Online/body_bg_2.png) 100% 0 fixed;
	background-attachment:fixed; 
}

#content {
	width: 760px;
	clear: both;
	overflow: hidden;
	margin: 15px auto;
}

#content_sb {
	width: 538px;
	float: right; 	
	margin: 0;
	text-align: left;
	margin: 15px auto;
}

#contentwrapper {
       margin: 10px 20px 0px 20px;
}

/* HEADER ----------------------------------------- */
#Header { 
 	width: 768px;
        height: 92px; 
 	margin: 0 auto;
	overflow: hidden;
	background: url(uploads/ART101Online/header_bg.png) repeat;
}
 	#Header h1 { 
	  	color: #fff; 
		font-size: 3.2em; 
		font-family: Tahoma, Verdana, sans-serif;
		font-weight: 300;
		padding: 20px 0 0 30px;
	}
	#Header p {
		font-size: 1.4em;
		color: #fff;
		clear: left;
		margin: 0 0 0 100px;
	}
	
#Header h1 { background: transparent; text-indent: -9000px; }
	#Header img {
	    padding-left: 20px;   
    }

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

#menu {
	width: 768px;
	margin: 0 auto;
	padding-top: 5px;
	overflow: hidden;
	/*background: #4ea3d7 url(../images/headerRounded.gif) no-repeat center bottom;*/
	background: #222;
}
	#menu ul { 
 		float: right; 
		margin-right: 10px;
	}
		#menu ul li { 
	 		list-style: none; 
			margin: 0 2px; 
			float: left;
			line-height: 2.8em;
			display: block;
		}
  			#menu ul li a { 
				float: left;
				text-decoration: none;
				display: block; 
				height: 2.3em; 
				font-size: 1.2em; 
				padding: 0 0 0 10px;
				color: #fff;
			}
				#menu ul li a span {
					text-align: center;
	        		float: left;
					padding-right: 10px;
					height: 2.3em;
				}
					#menu ul li a:hover { 
			 			background: #333 /*url(../images/hoverTabLeft.gif) no-repeat left top*/; 
						color: #fff;
						cursor: pointer;
					}
					#menu ul li a:hover span {
						background: #333 /*url(../images/hoverTabRight.gif) no-repeat right top*/;
						cursor: pointer;
					}
					
    			#menu li .menuactive,
	    		#menu li a.menuactive,
	    		#menu li a.menuactive:hover { 
				 	background: #818181 /*url(../images/activeTabLeft.png) no-repeat left top*/; 
				 	color: #000;
					}

                        #menu ul li menuactive span,
		        #menu li a.menuactive span,
	    		#menu li a.menuactive:hover span,
				#menu ul li a.menuactive:hover span {
					background: #818181 /*url(../images/activeTabRight.png) no-repeat right top*/;
					color: #000;
				}
/* sidebar ----------------------------------*/
#sidebar { 
 	width: 200px; 
	float: left;  
	margin: 40px 0 0 0;
	padding: 0;
}

#sidebar #menuwrapper {
		/*margin: 0 0 5px 0;*/
		padding-top: 3px;
		padding-bottom: 2px;
		background: #fff /*url(../images/sidebarHeader.gif) no-repeat left top*/; 
	}

#sidebar li {
			/*margin: 8px 2px;*/
			list-style: none;
		}

#submenu #menuwrapper ul#primary-nav {
margin: 2px 0 5px 0px;
}

#submenu #menuwrapper ul#primary-nav li { 
    	font-size: 0.9em; 
    	margin: 1px 0 5px 0px;
        list-style: none;
    }
#submenu #menuwrapper ul#primary-nav li a {
            display: block;
            width: 196px;
            padding-left: 4px;
            font-size: 1.2em;
            height: 1.8em;
            line-height: 1.8em;
            color: #333;
text-decoration: none;
      	}
#submenu #menuwrapper ul#primary-nav li em {
				padding-left: 4px;
				display: block;
			}
#submenu #menuwrapper ul#primary-nav li li em {
					padding-left: 0;
				}

#submenu #menuwrapper ul#primary-nav li a:hover,
#submenu #menuwrapper ul#primary-nav li a.menuactive,
#submenu #menuwrapper ul#primary-nav li a.menuactive:hover {
        	background: #DCDCDC /*url(../images/sidebarSideArrow.png) no-repeat right center*/;
        	color: #333;
			cursor: pointer;
            text-decoration: none;
      	}
/* FOOTER
----------------------------------------------- */

#Footer { 
 	clear: both;  
	width: 800px; 
	height: 5em; 
	margin-left: auto;
	margin-right: auto;
	/*background: transparent url(uploads/ART101Online/footerBottom.gif) no-repeat bottom left;*/
    background: url(uploads/ART101Online/footer_bg.png) repeat;
	/*background: #222;*/

	/*text-align: center;*/ 
}
	
  	#Footer p { 
		color: #fff;
		font-size: 1.1em;
		margin-left: 20px;
                padding-top: 1.9em;
		/*text-align: center;*/
		/*margin-top: -0.6em;*/
	}
  		#Footer a { 
	   		color: #fff; 
	   		text-decoration: none;
		}
			#Footer a:hover {
				color: #fff;
				text-decoration: underline;
			}				
/* End of 'Art101Online_Base' */