@charset "UTF-8";
/* CSS Document */


body{
	background-color:#000;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.2em;
	}
	
#position_wrapper{
	width: 888px;
	margin:25px auto 200px;
	text-align:left;
	}
		
		
/* links */	

a, a img{
	text-decoration:none;
	outline:none;
	border:none;
	color:#25A9E0;
	}
	
a:hover{
	text-decoration:underline;
	background-color:transparent; /* IE 6 fix */
	}
	
h3 a:link, h3 a:visited{
	color:#F6921E;
	margin:0;
	}
	
h3 a:hover, h3 a:active{
	text-decoration:none;
	}
	
h5 + p{
	margin-top:0;
	}
	
h5 a{
	color:#4C4C4C;
	}
h5 a:hover {
	color:#181818;
	text-decoration:none;
	}
	
	
/* base elements */

h1, h2{
	color:#F6921E;
	margin:0;
	}
	
h1{
	font-size:1.7em;
	}
		
h2{
	font-size:1em;
	color:#25A9E0;
	margin-top:0;
	font-weight:bold;
	}
		
h3{
	font-size:.99em;
	font-weight:normal;
	color:#25A9E0;
	margin-top:0;
	}
	
h4{
	font-size:1em;
	color:#25A9E0;
	margin-top:0;
	}
	
h5{
	font-size:.8em;
	margin:0;
	}
	
p{
	margin:1.25em 0;
	font-weight:normal;
	}

ul{
	margin:1em 0;
	padding:0 0 0 15px;
	}
	
li{margin:.75em 0;}
	
form{margin:5px 0 0;}
			
fieldset{
	width:198px; /* helps smooth javascript slide */
	background-color:#dce0e4;
	border:none;
	padding:5px;
	}
	
fieldset.wide{
	float:left;
	margin-left:35px;
	display:inline;
	background-color:transparent;
	}
	
fieldset.wide input{width:200px;}
fieldset.wide textarea{width:300px;}
fieldset.wide input.submit{
	width:50px;
	padding:0 .5em;
	}
	
input{
	border:1px solid #999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.7em;
	color:#7F7F7F;
	padding-left:.25em;
	}
	
textarea{
	border:1px solid #999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.7em;
	padding:.25em;
	margin-top:4px;
	}

object{margin:20px 0;}


/* layout */

#main_nav{
	color:#fff;
	background-image:url(images/main_nav_bg.gif);
	background-repeat:no-repeat;
	height:45px;
	padding:10px 20px 0;
	}

#main_nav img{
	float:left;
	}
	
#main_nav ul{
	float:right;
	margin-top:17px;
	}
	
#main_nav li{
	display:inline;
	margin:0 0 0 15px;
	padding-bottom:10px;
	}
	
#main_nav a{
	color:#fff;
	}
			
#main_nav a:hover{
	color:#999;
	text-decoration:none;
	}
		
#main_nav .current{
	background-image:url(images/page_indicator.gif);
	background-position:bottom center;
	background-repeat: no-repeat;
	}

#banner{
	color:#fff;
	background-image:url(images/banner_bg.gif);
	background-repeat:repeat-x;
	background-color:#202224;
	padding:40px 250px 0 50px;
	height:100px;
	}	
	
#banner h2{
	font-size:1.7em;
	color:#F6921E;
	}
	
.overview_link{
	float:left;
	text-align:center;
	margin:0 15px 0 20px;
	display:inline;
	}
	
#action_bar{
	height:45px;
	background-color:#F2F2F2;
	background-image:url(images/action_bg.gif);
	background-repeat:repeat-x;
	}
#action_bar img{
	float:right;
	margin-right:30px;
	}
	
#content{
	padding:20px 40px 30px 50px;
	color:#595959;
	background-color:#F2F2F2;
	background-image:url(images/content_bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	}
	
#content p, #content li{
	font-size:.8em;
	}
	
.action_item{
	border-top:1px dotted #25A9E0;
	padding:10px 0;
	}
.action_item.first{
	padding-top:0;
	border:none;
	}
		
#copy{
	width:550px;
	float:left;
	}
	
.highlight_box{
	padding:10px;
	border:1px solid;
	background-color:#CCC;
	}
.highlight_box li{margin-left:15px;}
	
#sidebar{
	float:right;
	width:210px;
	}
	
#sidebar li{
	list-style-type:none;
	font-size:.9em;
	}
#sidebar li li{list-style-type:circle;}
	
.icon_heading{
	padding:5px 0 5px 30px;
	background-repeat:no-repeat;
	background-position:left center;
	}
	
.thumbs img{margin:10px 10px 10px 0 ;}
	
.demo{
	background-image:url(images/icon_computer.gif);
	}
	
.quiz{
	background-image:url(images/icon_pencil.gif);
	}

.library{
	background-image:url(images/icon_folder.gif);
	}

	
#footer{
	color:#fff;
	font-size:.7em;
	text-align:center;
	}
#footer p{
	margin:0;
	}
#footer a{
	color:#CCC;
	}
		
	
/* homepage specific */
	
#home #banner{
	background-image:url(images/home_banner_bg.gif);
	background-repeat:repeat-x;
	padding:20px 50px 0;
	height:423px;
	}
	
#home #content{
	background-image: url(images/home_content_bg.gif);
	background-repeat:no-repeat;
	width:888px;
	padding:20px 0;
	}
	
#content .text_column{
	width:215px;
	float:left;
	margin:0 40px;
	display:inline;
	}
	
#banner .text_column{
	float:left;
	text-align:center;
	display:inline;
	}

	
#home fieldset{width:202px;}

/* utility classes */

.clear{
	clear:both;
	height:0;
	}
	
.hide{display:none;}
		
.inline_icon{
	float:left;
	margin-right:10px;
	}
.section .copy img.button{
	float:left;
	}
	
.left{float:left}

.no_margin_bottom{margin-bottom:0;}

.last{margin-right:0;}


/* javascript slider */

#my-glider{
	padding:0;
	}

.scroller { 
	overflow: hidden;
	width:770px;
	}
.scroller .section {
	width:770px;
	height:300px;
	overflow:hidden;
	float:left;
	padding:1em;	
	}

.scroller .content {
	width: 10000px;
	}
	
.section .copy{
	float:left;
	width:370px;
	}
	
.section ol{
	padding-left:20px;
	_margin-left:5px;
	}
.section ol li{
	font-size:.85em;
	*font-size:.8em; /*ie 6&7 fix */
	line-height:1em;
	}
	
.section .wide{width:770px;}

.section h1, .section h2{line-height:1em}
.section img{
	float:right;	
	margin:0 15px;
	}
	
.section ul{
	margin:0;
	padding:0;
	}
.section ul.columns li{
	list-style-type:none;
	display:inline;
	}
.section ul.columns li a:link, .section ul.columns li a:visited{
	float:left;
	font-size:.8em;
	width:130px;
	height:150px;
	padding:10px;
	margin:20px 30px 0 0;
	border:1px solid #666;
	background-color:#112d34;
	font-size:.7em;
	line-height:1.2em;
	color:#fff;
	text-decoration:none;
	}
.section ul.columns li a:hover, .section ul.columns li a:active{
	background-color:#19444f;
	border-color: #999;
	}
.section li strong{
	font-size:1.2em;
	display:block;
	text-align:center;
	}

.section li em{
	font-style:normal;
	display:block;
	}
	
.section li img{
	clear:both;
	float:none;
	margin:5px auto;
	display:block;
	}
	
.section form{
	clear:both;
	width:400px; /* force clear for ie 6&7 */
	}
.section fieldset{
	background-color:transparent;
	padding:0;
	}
.section input{width:200px;}
.section input.submit{
	width:50px;
	}
	
.controls{margin-top:20px;}
.controls h3 a:link, .controls h3 a:visited{
	padding-left:15px;
	background-image:url(images/controls_bg.gif);
	background-repeat:no-repeat;
	background-position:left center;
	}
.controls h3 a:hover, .controls h3 a:active{
	padding-left:15px;
	background-image:url(images/controls_hover_bg.gif);
	background-repeat:no-repeat;
	background-position:left center;
	}	
	
/* blog */
.pagetitle{margin-bottom:1em;}

.post h3 a{font-weight:bold;}

.postmetadata{
	border-bottom:1px dotted;
	padding-bottom:1em;
	}

small{font-size:.8em;}

#content .commentlist li p{
	font-size:1em;
	color:#999;
	}

#sidebar.blog .action_item.first{margin-top:30px;}	


	
/* browser hacks */
	
/* ie 6 */
* html .controls{ 
	height:1px;
	}
* html .section li img{
	margin-left:20px!important;
	}	

/* ie 6 & 7 */

/* this effects both but is really only needed for 7 */
.section ol{
	*padding-left:20px;
	*margin-left:5px;
	}