/* andreas08 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer. Version: 1.0, November 28, 2005 */
/**************** Body and tag styles ****************/
*{margin:0; padding:0;}
body{font:76% Verdana,Tahoma,Arial,sans-serif;line-height:1.4em;text-align:center;color:#303030;background:#e8eaec;}
body {padding:0; margin:0; height:100%; width:100%;}
a{color:#5c7db3;font-weight:bold;text-decoration:none;background-color:inherit;}
a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;}
a img{border:none;}
p{padding:0 0 1.6em 0;}
p form{margin-top:0;margin-bottom:20px;}
img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
img.left{float:left; margin:0 7px 0px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 0px 7px;}
#subcontent img{border:0;margin-top:4px;}

/**************** Header and navigation styles ****************/
#container{width:860px;margin:20px auto;padding:1px 0;text-align:left;background:#ffffff;color:#303030;border:2px solid #a0a0a0;}
#header{height:110px;width:858px;margin:0 1px 1px 1px;background:#5c7db3;color:#ffffff;}
#header h1{padding:35px 0 0 20px;font-size:2.4em;background-color:inherit;color:#ffffff;letter-spacing:-2px;font-weight:normal;}
#header h2{margin:10px 0 0 40px;font-size:1.4em;background-color:inherit;color:#f0f2f4;letter-spacing:-1px;font-weight:normal;}
#navigation{height:2.2em;line-height:2.2em;width:858px;margin:0 1px;background:#5c7db3;color:#ffffff;}
#navigation li{float: left;list-style-type:none;border-right:1px solid #ffffff;}
#navigation li a{display:block;padding:0 7px;font-size:10px;font-weight:normal;text-transform:uppercase;text-decoration:none;background-color:inherit;color: #ffffff;}
#navigation li li {
	line-height: 135%;
	padding: 6px 0;
}
#navigation li.last {
	border: none;
}
ul.plainbullets {
	line-height: 240%;
	margin: 0 0 16px 16px !important;
}
.splitcontentright ul {
	line-height: 240%;
	margin: 0 0 16px 16px !important;	
}
* html #navigation a {width:1%;}
#navigation .selected,#navigation .current,#navigation a:hover{background:#80b0da;color:#ffffff;text-decoration:none;}
/**************** Content styles ****************/

#content{float:left;width:630px;font-size:0.9em;padding:20px 0 20px 20px;}
#content h1{display:block;clear:both;margin:0 0 16px 0;font-size:1.7em;font-weight:normal;letter-spacing:-1px;color:#505050;background-color:inherit;}
#content h1.home{display:inline;margin:0;font-size:1em;color:#303030;line-height:1.4em;font-weight:bold;}
#content h2{display:block;margin:0 0 16px 0;font-size:1.5em;font-weight:normal;letter-spacing:-1px;color:#505050;background-color:inherit;}

#content h2 a{font-weight:normal;}
#content h3{margin:0 0 5px 0; font-size:1.2em;font-weight:normal; letter-spacing:-1px;}
#content a:hover,#subcontent a:hover{text-decoration:underline;}
#content ul,#content ol{margin:0 5px 16px 35px;}
#content dl{margin:0 5px 10px 25px;}
#content dt{font-weight:bold; margin-bottom:5px;}
#content dd{margin:0 0 10px 15px;}

/**************** Sidebar styles ****************/

#subcontent{
float:right;
width:170px;
padding:55px 20px 10px 0;
line-height:1.4em;
}


#subcontent h2{
display:block;
margin:0 0 15px 0;
font-size:1.6em;
font-weight:normal;
text-align:left;
letter-spacing:-1px;
color:#505050;
background-color:inherit;
}

#subcontent p{margin:0 0 16px 0; font-size:0.9em;}

/**************** Menublock styles ****************/

.menublock{margin:0 0 20px 8px; font-size:0.9em;}
.menublock li{list-style:none; display:block; padding:2px; margin-bottom:2px;}
.menublock li a{font-weight:bold; text-decoration:none;}
.menublock li a:hover{text-decoration:none;}
.menublock li ul{margin:3px 0 3px 15px; font-size:1em; font-weight:normal;}
.menublock li ul li{margin-bottom:0;}
.menublock li ul a{font-weight:normal;}

/**************** Searchbar styles ****************/

#searchbar{margin:0 0 20px 0;}
#searchbar form fieldset{margin-left:10px; border:0 solid;}

#searchbar #s{
height:1.2em;
width:110px;
margin:0 5px 0 0;
border:1px solid #a0a0a0;
}

#searchbar #searchbutton{
width:auto;
padding:0 1px;
border:1px solid #808080;
font-size:0.9em;
text-align:center;
}

/**************** Footer styles ****************/

#footer{clear:both;width:858px;padding:5px 0;margin:0 1px;font-size:0.9em;color:#f0f0f0;background:#5c7db3;}

#footer p{padding:0; margin:0; text-align:center;}
#footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
#footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}

/**************** Misc classes and styles ****************/

.splitcontentleft{float:left; width:29%;}
.splitcontentright{float:right; width:66%;}
.clear{clear:both;}
.small{font-size:1em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.important{color:#f02025; background-color:inherit; font-weight:bold;}
.box{margin:0 0 20px 0;padding:10px;border:1px solid #c0c0c0;background-color:#fafbfc;color:#505050;line-height:1.5em;}
.box p {margin:0 0 1em 0;padding: 0;}





input.searchbtn {
	color:#fff;
	text-transform: uppercase;
	font: normal 84% Verdana,Tahoma,Arial,sans-serif;
	background-color:#80b0da;
	border:#fafbfc 1px solid;
}




/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	2.2em;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			20em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li ul a{
}
.sf-menu li.last ul {
	left:			auto !important;
	right: -14px;
}
.sf-menu li.last:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.3em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			20em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			15em; /* match ul width */
	top:			0;
}


/*** DEMO SKIN ***/
.sf-menu {float:left;}
.sf-menu a {text-decoration:none;}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.sf-menu li, .sf-menu li li, .sf-menu li li li {
	background:		#5c7db3;border-bottom: 1px solid #fff;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#80b0da;	
	outline:		0;
}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:312px; width:365px; background-color:#fff; border:2px solid #ccc;}
#simplemodal-container a.modalCloseImg {background:url(../imgs/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}
#simplemodal-container #basicModalContent {padding:8px;}

#slideshow {float:right;height:100px;width:300px;padding:0;margin:0;overflow:hidden;}

/*extra*/
.enabled .lesson div, .enabled .topic div {display: none;}

.topic strong a {
	font-size: 1.5em;
	font-weight: normal;
}

.notes {
	position: relative;
}

.notes .saved {
	color: red;
	position: absolute;
	right: 20px;
	bottom: 40px;
	display: none;
}

.notes label {
	font-weight: normal;
	font-size: 13px;
}

.notes textarea {
	width: 520px;
	height: 80px;
}

.notes textarea.notessmall {
	width: 95px;
	height: 20px;
}

.notes textarea.notessmall2 {
	width: 200px;
	height: 20px;
}

.video {
	width: 342px;
	margin: 0 auto 20px;
}

#subcontent a.active {
	text-decoration: underline;
}