* {margin:0; padding:0;}
html, body
{
margin:0;
padding:0;
width:100%;
height:100%;
background:#fff url('http://images4.fanpop.com/image/photos/22200000/Windows-vista-grey-22255616-1920-1200.jpg') fixed;
}

#wrap {width:70%; max-width:1000px; margin-left:15%;}

#topnav
{
position:relative;
top:0;
width:100%;
padding:20px 0 10px 0;
background:#007723;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
}

#topnav ul#nav
{list-style-type:none; margin:0 0 0 20px; padding:0; text-align:right;}

#topnav ul#nav li, #footer #btmnav li {display:inline; margin-right:15px;}

#topnav ul#nav li a
{padding-bottom:14px; text-decoration:none; font:.9em arial; letter-spacing:1px; color:#fff;}

#topnav ul#nav li a:hover {color:#000;}

#topnav p {position: absolute; top: 6px; left: 61%; width:45%; float:right; font:13px 'weblysleek_uilight'; color:#999;}

#topnav p img {margin-right:1px; border:1px solid #999; padding:2px;}

ul#pagenav 
{position:fixed; top:61%; left:85%; list-style-type:none; 
padding:5px 5px 5px 0; z-index:500; background:#fff;}

ul#pagenav li {display:block; height:24px; margin:0; background:none; padding:0;}

ul#pagenav li img {border:0;}

#header
{
width:100%;
margin-top:2%;
padding-top:20px;
padding-bottom:16%;
background:#000 url('../images/bg02.jpg') -70px -270px; 
border-top-left-radius:10px;
border-top-right-radius:10px;
border-bottom:10px solid #737373;
}

#header h1
{
margin-bottom:0;
margin-left:20px;
font: normal 3em 'century gothic';
color:#fff;
text-shadow:1px 1px 2px #666;
}

#header p.sub
{
margin-top:-5px;
margin-left:20px;
font:1em 'century gothic';
color:#333;
text-transform:uppercase;
letter-spacing:2px;
}

#titlebar 
{
width:100%; 
padding:10px 0; 
background:#373737; 
border-bottom:6px solid #919191;
}

#body
{
position:relative;
width:100%;
border-top:1px solid #eee;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
background:#eee;
}

ul#objectives, .ordinary {margin-left:20px;}
.title {color:#fff; margin:0 0 0 20px; font-family: 'CartoGothicStdBook'; 
font-weight:normal;}
.pheading {font: normal 1.3em 'century gothic';margin:20px;}
.subheading {font: bold 1.5em arial;margin:30px 20px;}

#objct {padding-left:52px; background:url('../images/go_in.gif') 0 0 no-repeat}
#quiz {padding-left:52px; background:url('../images/ok.gif') 0 0 no-repeat}

#body p, #leftcontent p, #leftcontent li, dt, dd, #profiles li span
{
margin:20px;
font-family: 'weblysleek_uilight';
letter-spacing:.01em;
line-height:150%;
}
/*End*/

#leftcontent ol.steps
{list-style: none; margin:32px; padding:0;}

#leftcontent ol li 
{
padding-left:30px;
line-height:150%; 
background-image: url('../images/arrowright.gif');
background-repeat:no-repeat;
background-position: 0 0;
}
#leftcontent ol li span {color:#007233}

p span {font-weight:bold}

p.pbody img 
{
width:45%;
float:right;
margin-left:20px;
margin-bottom:30px;
}

hr
{border:.09em solid #ccc; clear:both; margin:30px 20px;}

#lnav
{margin:0 0 0 20px; padding:0; list-style-type:none;}

#lnav li
{
float:left;
display:block;
width:30%;
margin-bottom:10px;
padding:1.3%;
font:normal 16px 'weblysleek_uilight';
border:1px solid transparent;
}

#lnav li span.title
{
display:block;
font:15px arial;
margin-left:0;
margin-bottom:10px;
color:#666;
}

#lnav li em {font:1.8em 'century gothic'; font-style:normal;}
#lnav li:hover {border:1px solid #ccc; background:#ddd;}

#lnav li a
{
display:block;
width:28%;
padding:5px;
margin-top:10px;
text-decoration:none;
text-align:center;
font:13px 'weblysleek_uilight';
letter-spacing:0px;
background:#007233;
border-radius:3px;
color:#fff;
}

#lnav li a:hover {background:#eee; color:#007233;}
#bodynav {float:left; width:25%;}

/*//////////////////////overview menu////////////////////////////*/

#bodynav ul#first
{
list-style-type:none;
margin:10px 10px 20px 10px;
padding:0;
background:#007233;
border-radius:7px;
border:1px solid #ddd;
}

#bodynav ul#first li {border-bottom:1px solid #ccc; color:#fff;}

#bodynav ul#first li:hover
{background:#eee; color:#007233; border-bottom:1px solid transparent;}

#bodynav ul#first li a
{display:block; padding:15px 10px; text-decoration:none; 
font:.9em arial; color:#fff;}

#bodynav ul#first li.noborder, #bodynav ul#extra li.noborder
{border-bottom:0;}

#bodynav ul#first li.nohover, #bodynav ul#extra li.nohover
{padding:10px; font:13px arial; text-transform:uppercase; color:#fff; background:#007233; border-top-right-radius:5px; border-top-left-radius:5px; }

#bodynav ul#first li.nohover:hover, #bodynav ul#extra li.nohover:hover
{background:#007233; color:#fff}

#bodynav ul#first li a:hover{color:#007233;}

#bodynav ul#extra
{list-style-type:none; margin:10px 10px 20px 10px; padding:0;
background:#ddd; border:1px solid #007233; border-radius:7px;}

#bodynav ul#extra li:hover {background:#eee; color:#007233; border-bottom:0;}

#bodynav ul#extra li a
{display:block; padding:6px 10px; text-decoration:none; font:.9em 'weblysleek_uilight'; letter-spacing:.02em; color:#333;}

iframe {display:block; width:640px; height:360px; margin-left:20px;}

#bodynav ul#extra li a:hover	{color:#007233;}

#leftcontent {float:left; width:75%; background:#fff;}

#questions {margin:20px; font:18px 'weblysleek_uilight'; line-height: 150%;}

table {width:94%; padding:0; margin-left:20px; border-collapse:collapse;}
table th.leftc {width:35%; font:bold 1.2em/2em arial; text-align:left; border-bottom:1px solid #999}
table th.rightc {width:65%; font:bold 1.2em/2em arial; text-align:left; border-bottom:1px solid #999}
table td.prt {font:bold 16px/150% arial; vertical-align:top; border-bottom:1px solid #999; padding:5px 0;}
table td.def {font:normal 16px/150% 'weblysleek_uilight'; border-bottom:1px solid #999; padding:5px 0;}
table td.quiz {width:23%; font:normal 15px/100% arial; padding:5px 3px;}
table th.fun {font:bold 1em arial; padding:4px 0; text-align:center;}
table td.fun {text-align:center; border-bottom:1px solid #ccc; padding:6px 0 4px 0;}

#quizinput, ol#quizinput2 {list-style-type:decimal; width:40%; float:left; margin-left:20px;}
ol#quizinput li, ol#quizinput2 li, ol#quizinput3 li, ol#quizinput4 li 
{background:none; padding:0; line-height:70%;}
input {width:150px; font:15px 'weblysleek_uilight';}
input.control {width:70px; font:15px 'weblysleek_uilight';}
ol#quizinput3 {list-style-type:decimal; width:90%; margin:0 20px;}
ol#quizinput3 li  input {float:left; margin:2px 5px 4px 0;}

.icon {width:10%;padding:3px 0; text-align:center;}
.name {width:30%; font:bold 16px/150% arial;}
.function {width:40%; font:normal 16px/150% 'weblysleek_uilight'; vertical-align:top}

#footer
{
clear:both;
width:100%;
height:40px;
padding:8px 0 8px 0;
background:#373737;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
border-top:6px solid #919191;
}

#footer #btmnav  
{list-style:none; margin:7px 20px; padding: 0; float:left; width:60%;}
#footer #btmnav li a
{text-decoration:none; color:#bbb; font:13px arial;}
#footer #btmnav li a:hover {text-decoration:underline}
#footer p {float:right; width:18%; margin-top:0;}
.valid {text-decoration:none; font:24px 'century gothic'; color:#666;}