/************************************ Start of Rest styles **********************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	    margin:0; 
	    padding:0; 
	} 
	table { 
	    border-collapse:collapse; 
	    border-spacing:0; 
	} 
	fieldset,img {  
	    border:0; 
	} 
	address,caption,cite,code,dfn,em, th,var { 
	    font-style:normal; 
	    font-weight:normal; 
	} 
	ol,ul { 
	    list-style:none; 
	} 
	caption,th { 
	    text-align:left; 
	} 
	h1,h2,h3,h4,h5,h6 { 
	    font-size:100%; 
	    font-weight:normal; 
	} 
	q:before,q:after { 
	    content:''; 
	} 
	abbr,acronym { border:0; 
	} 
/************************************ End of Rest styles **********************************/




/************************************ Layout styles **************************************/
html, body {
height: 100%;
}
body {
	color:#636466;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%; /* 10px */	
	line-height: 1;
	background:#edf0f5;
}
#shadow {
	background:url(../images/shadow.png) repeat-y 0 0;
	width:921px;
	margin:0px auto;
	padding-bottom:10px;
	margin-bottom:0px;
	
}

#wrapper{
	width:899px;
	margin:0px auto;
	background:url(../images/body_sli.gif) repeat-y 0 0;
	
}
#header{
	background:url(../images/header_img.jpg) no-repeat 0 0;
	width:655px;
	height:341px;	
}
#header1{
	background:url(../images/header_img1.jpg) no-repeat 0 0;
	width:655px;
	height:371px;
	margin-bottom:-30px;
}

#col1{
	width:655px;
	float:left;
}

#col2{
	width:219px;
	float:left;
	background:url(../images/side_colum.jpg) no-repeat 0 0;
	padding:330px 0 110px 25px;

}

#footer{
	width:899px;
	background:#114e9e;
	float:left; 
	clear:left;
	position:relative;
	display:block;
	padding-bottom:25px;
	margin-bottom:-10px;
	margin:40px 0 -10px 0;

}

/************************************ End of Layout styles **************************************/

/************************************ Fonts styles **************************************/
h1 {font-size:1.6em;}
h2, h3{font-size:1.8em; color:#333333; margin:10px 0; padding-left:15px; font-weight:bold;}
h4 {font-size:1.4em;}
h5 {font-size:1.3em;}
h6 {font-size:1.2em;}

p { color:#333333; font-size:1.4em; line-height:1.5em; width:90%; margin:10px 0 ;}

/************************************ End of Fonts styles **************************************/

/************************************ Nav styles **************************************/
#nav { margin-left:30px;}
#nav li { 
	float: left; 
	background:url(../images/Nav.png) no-repeat; 
	width:141px;
	height:36px;
	margin-left:3px;}

#nav li a { 
	float: left;
	display:block;
	width:141px;
	height:36px;
	font-size:1.6em;
	font-weight:bold;
	color:#87a0c0; 
	text-decoration:none;
	line-height:36px;
	vertical-align:middle;
	text-align:center;
}

#nav li a:hover, #nav li a.selected  { 
	color:#fff;}


/************************************ col1 styles **************************************/

.contnetPanel { 
	background:#fff url(../images/rounder_cornerBottom.gif) no-repeat 0 bottom;
	float:left;
	width:606px;
	margin-left:15px;
	padding-bottom:15px;}
.contnetPanel h1 { 
	color:#114e9e;
	font-size:24px;
	background:url(../images/round_corner_top.gif) no-repeat 0 0;
	padding:20px 0 10px 18px;
	} 
.contnetPanel p { padding-left:15px;}

.smallPanel {
	background:url(../images/panel.gif) no-repeat 0 0;
	width:290px;
	height:154px;
	float:left;
	margin:15px 10px 0px 15px;
	
	}
	
	
	
	
.smallPanel h2, .smallPanel h3 { color:#FFF; font-weight:bold; font-size:22px; margin:10px 0 25px 20px;}
.smallPanel p { color:#000; font-size:13px; margin:10px 0 10px 20px; line-height:16px;} 

/************************************ col2 styles **************************************/
#col2 h4 { 
	color:#114e9e;
	font-size:20px;
	font-weight:bold;
	line-height:25px;
	
	}
	
#col2 ul { 
	color:#ff0000;
	list-style:disc;
	padding:15px 0 30px 15px;
}

#col2 ul li span {
	color:#114e9e;
	font-size:16px;
	line-height:20px;
	
}

blockquote {
	color:#114e9e;
	font-style:italic;
	font-size:14px;
	width:90%;
	line-height:16px;
}
blockquote span {
	color:#ff0000;
	font-style:normal;
}
/************************************ footer styles **************************************/
#footer p { color:#FFF; font-size:11px; text-align:center; width:100%;}
#footer a { color:#c6d5e8; font-size:11px; text-decoration:none;}
.logos {
	position:absolute;
	right:20px;
	top:-120px;
}
#footer p.disclam {
	margin-top:-23px;
padding-left:17px;
padding-bottom:15px;
text-align:left;
color:#114E9E;
}
/************************************ General styles  **********************************/
.clear        { clear:both; }
.left         { float:left; }
.right        { float:right; }
img.left      { margin-right:1em; margin-bottom:1.8em; }
img.right     { margin-left:1em; margin-bottom:1.8em; }
.last 		  { margin:0px;}
.text-right   { text-align:right; }
.half         { width:45%; /* Not exactly half to account for paddings, margins etc. */ }


.lessonBanner { 
	background:url(../images/banner_book-leason.gif) no-repeat 0 0;
	width:563px; 
	height:140px;
	display:block;
	text-decoration:none;
}

.clearfix:after { 
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	line-height: 0; 
	height: 0;
}
.clearfix { 
	display: inline-block;
}
html[xmlns] .clearfix { 
	display: block;
}
* html .clearfix { 
	height: 1%;
}


.hide{ /* Hide stuff without resorting to display:none; */
	visibility:hidden;
	width:0!important;
	height:0!important;
	line-height:0!important;
	padding:0!important;
	margin:0!important;
}
/************************************ End of General styles  ******************************/
/************************************ From styles  **********************************/
form fieldset {
  margin:0 0 10px 9px;
}
form  legend {
  padding: 0 2px;
  font-weight: bold;
}
form  label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  color:#1d4b87;
  font-size:15px;
  font-weight:bold;
  
}
form input {
	border:1px solid #b2b2b2;
	height:18px;
	line-height:26px;
	width:250px;
	padding-top:8px;
}

form input.submit, .submit_box {
	background-color:#1d4b87;
	width:112px;
	height:34px;
	color:#FFF;
	padding-top:0px;
	
}

form input.submit_hover {
	background-color:#1d4b87;
	width:112px;
	height:34px;
	color:#FFF;
	text-decoration:underline;
	font-weight:bold;
	padding-top:0px;
	
}

form  fieldset ol {
  margin: 0;
  padding: 0;
}
form  fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form  fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form  fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form  fieldset fieldset label {
  display: block;
  width: auto;
}
form  em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form  label {
  width: 180px; /* Width of labels */
}
form  fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}