/**
 * CSS LAYOUT
 */

/**
 * CSS MAIN FONT STYLES
 */
 body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0 1px 0 0;
	padding: 0;
	/*background-image: url(../images/under_construction.gif);*/
	background-repeat: repeat-x;
}
p {
	margin: 0 0 1.2em 0;
	padding: 0;
	line-height: 1.4em;
}
h1 { 
	font-size: 1.4em; 
	font-weight: bold; 
	color:#6666CC; 
	margin: 1.5em 0 1em 0; 
	padding: 0; 
}
h2 { 
	font-size: 1.2em; 
	font-weight: bold; 
	color:#6666CC; 
	margin: 0 0 0.5em 0; 
	padding: 0; 
}
h3 { 
	font-size: 1em; 
	font-weight: bold; 
	color:#6666CC; 
	margin: 0 0 0.5em 0; 
	padding: 0; 
}
h4 { 
	font-size: 1em; 
	font-weight: normal; 
	color:#336699; 
	margin: 0; 
	padding: 0; 
}
h5 { 
	font-size: 1em; 
	font-weight: normal;
	font-style: italic; 
	color: #000000; 
	margin: 0; 
	padding: 0; 
}
div.bar {
	display: none;
}
	
ul {
	display: block;
	font-size: 1em;
}
 
 
 
/**
 * Header
 */
#header {
	margin: 10px 0px 10px 220px ;
}
#logo {
	float: left;
	margin: 5px 5px 0px 30px;


}
.cs_school {
	margin-bottom: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-large;
	font-weight: normal;
	color: #6666CC;
}


/* Middle Block */
#content {
	margin: 0px 50px 0px 220px;
}



/**
 * CSS MENU STYLING
 */
 
 /* Left Navigation Menu */
#left {
	margin: 0px 0 0 10px;
	padding: 0 0 0 5px; 		/* use padding instead of margin because of IE6 problem */
	width: 184px;
	voice-family: "\"}\"";
	voice-family: inherit;
}
html>body #left {
	width: 184px;
}
#left, #left div.navigation {
	float: left;
	width: 184px;
}

#left div.navigation h1, div.left div.navigation h1 { 
	background-color: #F08400; 
	border: 1px solid #F08400; 
	color: #ffffff; 
	font-size: 1em;
	font-weight: bold; 
	margin: 0px; 
	padding: 0.4em; 
}
#left div.navigation h1 a:link, 
div.left div.navigation h1 a:link,
#left div.navigation h1 a:visited, 
div.left div.navigation h1 a:visited { 
    color: #ffffff; 
	display: block; 
	text-decoration: none; 
}
#left div.navigation h1 a:hover, div.left div.navigation h1 a:hover { 
    color: #ffffff; 
	display: block; 
	text-decoration: underline; 
}
#left div.navigation ul, div.left div.navigation ul { 
	margin: 0; 
	padding: 0; 
	background-color: #ffffff; 
}
#left div.navigation ul li,	div.left div.navigation ul li { 
	border-top: 0;
	border-right: 1px solid #999999; 
	border-bottom: 1px solid #999999; 
	border-left: 1px solid #999999; 
	color: #666666; 
	list-style: none; 
	margin: 0px; 
	padding: 4px 4px 2px 4px; 
}

#left div.navigation ul li a:link, 
div.left div.navigation ul li a:link,
div.navigation ul li a:visited, 
div.left div.navigation ul li a:visited { 
	display: block; 
	text-decoration: none; 
}
#left div.navigation ul li a:hover,	div.left div.navigation ul li a:hover { 
	color: #ff0033; 
	text-decoration: underline; 
}
#left div.navigation, div.left div.navigation { 
	border: none; 
	margin: 1px 0 0 0; 
	padding: 0; 
}
#left div.navigation ul li.subtopic,	div.left div.navigation ul li.subtopic { 
	padding: 4px 4px 5px 20px; 
}


/** 
 * OTHER STYLING
 */
div.clearer {
	clear: both;
	line-height: 0px;
	height:0px;
}
div.clearer-right {
	clear: right;
	line-height: 0px;
	height:0px;
}
li.spaced-list {
	margin: 10px;
}
.moodle-style {
	color: #F08400;
	font-weight: bold;	
}
.image-padding {
	margin: 0px 10px 10px 10px;
}
hr.rule-narrow {
	border-top: 1px solid #CCCCCC;
	border-bottom: none;
	border-left: none;
	border-right: none;
	height: 1px;
}
div.sidebar-item {
	clear: both;
}