/* Structure */

body {
	background: #EABD06 url('../images/learners/background.jpg') top left repeat-x; 
	text-align: center;
	font: 62.5% /* Resets default font size to 10px */ Arial, Helvetica, sans-serif;
}

#page {
	margin: 0 auto; 
	width: 960px; /* Maximum site width */
	text-align: left;
}

#wrap {
	width: 960px; 
	float: left;
}

#container {
	width: 960px; 
	float: left; 
	padding: 20px 0 0;
}

#header {
	width: 960px; 
	min-height: 105px; 
	height: 105px; 
	float: left; 
    clear: both;
}

#logo {
	padding: 0; 
	float: left; 
	width: 185px;
}

#heading {
	padding: 0 10px; 
	float: left; 
	width: 505px;
}

#search {
	padding: 0; 
	float: left; 
	width: 250px;
	padding: 0;
	height: 20px;
}

#searchbox {
	height: 20px;
	color: #666;
	font: 1.4em Arial, Helvetica, sans-serif;
	background: #FFFFFF url('../images/learners/search-bkg.gif') no-repeat top left;
	border: 0pt none;
	width: 190px;
	padding: 5px 0 0 5px;
}

#searchbtn {
	height: 25px;
	font: 12px Arial, Helvetica, sans-serif;
	background: url('../images/learners/search-btn.jpg') no-repeat top left;
	border: 0pt none;
	padding: 0;
	width: 50px;
	cursor: pointer;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 12px;
}

#navigation {
	width: 780px; 
	text-align: center;
}

#navigation p span {
	padding: 0 .5em; 
	background: url('../images/black-line.gif') right no-repeat;
}

#navigation p {
	font-size: 1.4em; 
	margin: 0; 
	padding: 0;
}

#navigation input {
	font-size: 1.4em; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #999999;
}

#sidebar {
	width: 190px; 
	float: left;
}

#content {
	width: 920px;
	background: url('../images/learners/page-bkg.jpg') top left repeat-y; 
	float: left;
    padding: 0em 20px 3em 20px;
}

#breadcrumb {
	width: 920px; 
	float: left;
	font-size: 1.1em;
	margin-bottom: 1.5em;
    color: #333;
}

#left {
	width: 326px; 
	float: left;
	padding-right: 10px;
}

#center {
	width: 340px; 
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}

#content-left {
	width: 690px; 
	float: left;
	padding: 0 20px 0 0;
	margin: 0;	
}

#right {
	padding-left: 5px;
	width: 214px; 
	float: left;
	position: relative;
}

#content-right {
	width: 670px; 
	float: left;
	padding-left: 20px;
	position: relative;
}

#sidebar-left {
	width: 214px; 
	float: left;
	position: relative;
}

#footer {
	float: left; 
	clear: both; 
	height: 50px; 
	min-height: 50px; 
	width: 960px; 
	background: url('../images/learners/bottom-bar.jpg') top left no-repeat;
}

#footer-inner {
	width: 920px; 
	float: left; 
	margin: 0 auto;
	position: relative;
}

.post {
	clear: both;
	width: 326px;
	padding: 1em 0;
	border-bottom: 1px solid #ccc;
}

/* END Structure */

/* Headings */
#header h1 { 
	display: block; 
	width: 175px; 
	height: 105px; 
	margin: 0;
	padding: 0;
	text-indent: -9999px; 
	background: transparent url(../images/learners/logo.jpg) no-repeat 0 0; 
	cursor: pointer;
} 

#heading h2 {
	font-size: 2.4em;
	padding: 40px 0 0;
	margin: 0;
	color: #CC0033;
}

#left h4 {
	margin: 0 0 .5em; 
	color: #336699;
}

h4 a, h4 a:visited{
	margin: 0 0 .5em; 
	color: #336699;
	text-decoration: none;
}

h4 {font-size: 1.6em;}

#center h3 {
	background: #000; 
	color: #FFFFFF; 
	margin: 0; 
	padding: 5px 0 5px 1em; 
	letter-spacing: 0.03em;
	font-size: 1.8em;
	font-weight: normal;
}

#left h3, #content-left h3, #content-right h3 {
	padding: 0; 
	margin: 0;
	font-size: 2.4em;
}

#content-right h3#title {
	padding: 0 0 5px; 
	margin: 0 0 .5em; 
	border-bottom: 3px solid #cacaca;
}

#content-left div.itemContent h3, #content-right div.itemContent h3 {
	padding: 0; 
	margin: 0;
	font-size: 1.6em;
}

#sidebar-left h3, #right h3 {
	margin: 0 0 .5em; 
	font-size: 1.3em; 
	letter-spacing: 0.03em; 
	color: #CC0033;
	text-transform: capitalize;
}
/* End Headings */

/* Navigation */
#nav {clear:both; font-weight:bold; color:#666; margin:0px 0 0 0px; padding: 0px 0 10px 5px; float:left; list-style-type:none; background:url('../images/learners/bkg.jpg') bottom left no-repeat; width: 960px;}
#nav a:hover {text-decoration: none;}
#nav li {list-style-type:none; float:left; margin:0 0 0 0px; padding:0 0 0 0px; height: 44px;}
#nav li a span {color:#000; font-size: 1.4em; background:url('../images/learners/left.jpg') transparent top left no-repeat; padding: 15px 5px 0 15px; display: block; float: left; height: 29px;}
#nav li a {color:#666; background:url('../images/learners/right.jpg') top right no-repeat; padding:0 10px 0 0; margin: 0; height: 44px; display: block; float: left; text-decoration: none;}
#nav li.current a span {color:#000; font-size: 1.4em; background:url('../images/learners/left-current.jpg') transparent top left no-repeat; padding: 15px 5px 0 15px; display: block; float: left; height: 29px}
#nav li.current a {color:#666; background:url('../images/learners/right-current.jpg') top right no-repeat; padding:0 10px 0 0; margin: 0; height: 44px; display: block; float: left; text-decoration: none;}
#nav li a:hover span  {color:#000; font-size: 1.4em; background:url('../images/learners/left-current.jpg') transparent top left no-repeat; padding: 15px 5px 0 15px; display: block; float: left; height: 29px; text-decoration: none;}
#nav li a:hover  {color:#666; background:url('../images/learners/right-current.jpg') top right no-repeat; padding:0 10px 0 0; margin: 0; height: 44px; display: block; float: left; text-decoration: none;}
#nav li.cur, #nav li.over, #nav li:hover {cursor: pointer;}
#nav li strong, ul#nav li.cur a, ul#nav li.over a, ul#nav li:hover a {text-decoration: underline; cursor: pointer; /* Important, For FireFox */}
/* END Navigation */

/* Google Map */
#content-left div.itemContent #map-container {float: left; width: 100%;}
#content-left div.itemContent #map {float: left; width: 500px; height: 350px; border: 1px solid black; line-height: 1.4em;}
#content-left div.itemContent .gmap-content {min-height: 150px; width: 270px; font-size: 1.2em; line-height: 1.4em;}
#content-left div.itemContent .gmap-content h3 {margin: 0 0 .5em; padding: 0;}
#content-left div.itemContent #sidebar0 {background: #eee; border-top: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; width: 170px; height: 340px; padding: 10px 10px 0 10px; font-size: 1.4em; float: left; position: relative;}
#content-left div.itemContent #sidebar0 a, #content-left div.itemContent #sidebar0 a:visited {font-weight: bold; color: #000; cursor: pointer; text-decoration: none; display: block; margin-bottom: 5px;}

#content-left div.itemContent #sidebar0 a:hover {color: #999999;}
#sidebar-heading p {margin: 0; padding: 0; font-size: 1.4em; color: #333;}
#side_bar {float: left; margin: 0; height: 480px; overflow: auto; width: 260px; font-size: 1.4em; }
.direct {min-height: 40px; height: 40px; width: 240px;}
.tohere {min-height: 150px; height: 150px; width: 240px;}
/* END Google Map */

/* General styles */
#header h1 a {display: block; width: 100%; height: 100%; outline: none;} 
#breadcrumb p {margin: 0; padding: 0;}
#left img {margin-right: 10px;}
#left p {font-size: 1.2em; margin-top: 0;}
div.itemContent p, div.itemContent ul li, div.itemContent ol li {margin: .5em 0; line-height: 1.6em}
#content-left div.itemContent a, #content-left div.itemContent a:visited, #content-right div.itemContent a, #content-right div.itemContent a:visited {color: #BE4D01; font-weight: bold;}
#content-left div.itemContent a:hover {color: #EC6E1A;}
div.itemContent, p.lead {font-size: 1.4em;}

#content-left div.itemContent ul {margin-bottom: .5em; line-height: 1.4em}
#footer p {font-size: 1.1em; text-align: center; padding: 0; margin: 0;}
#footer p span {padding: 0 5px;}
#footer div.hr {height: 2px; padding: 0px 0 0px 0; margin: 0px auto 0 auto; width: 960px; background: url('../images/footer-hr.jpg') repeat-x scroll center;}
#footer .hr hr {display: none;}
#search p {text-align: right; font-size: 1.2em; padding: 10px 0 0;}
#footer p a, #footer p a:visited {color: #000; text-decoration: underline;}
#footer p a:hover {text-decoration: none;}

#search p a, #search p a:visited {color: #FFF; background: #C45005; padding: 2px; letter-spacing: 0.03em; text-decoration: none;}
#search p a:hover {text-decoration: none;}

.post span {color: #444; font-style: italic}
.post p {margin: 0; padding: 0;}
.post p, .post h4, .post img {clear: both;}
#breadcrumb a, #breadcrumb a:visited {color: #444; font-weight: bold; text-decoration: none;}
#breadcrumb a:hover {text-decoration: none}






#sidebar-left ul, #right ul {float: left; !important clear: both; list-style: none; margin: 0 0 2em; padding: 0; width: 214px; font-size: 1.2em;}
#sidebar-left ul li, #right ul li {clear: both;}
#sidebar-left ul ul, #right ul ul {list-style: none; margin-top: .5em; margin-bottom: .5em; }
#sidebar-left ul ul li, #right ul ul li {background: url('../images/bullet.gif') 0 6px no-repeat; padding: 0 0 0 5px;}
#sidebar-left ul ul ul li, #right ul ul li {font-size: 11px; list-style: circle; background: #FFF; }

#content #sidebar-left ul.selected, #content #right ul.selected {font-size: 12px;}

#content #sidebar-left ul ul a, #content #right ul ul a{background: #FFF; color: #444; font-weight: normal; padding: 2px 7px;}
#sidebar-left ul li.selected, #sidebar-left ul li.selected:hover, #right ul li.selected, #right ul li.selected:hover {padding: 5px 7px; font-weight: bold; background: #C55104; color: #FFF; letter-spacing: 0.05em;}

#sidebar-left ul ul li.selected, #sidebar-left ul ul li.selected:hover, #right ul ul li.selected, #right ul ul li.selected:hover {background: #FFF url('../images/bullet.gif') 0 6px no-repeat; padding: 2px 0 2px 13px; color: #444; font-weight: bold;}

#sidebar-left li.up a, #sidebar-left li.up a:visited, #sidebar-left li.up a:hover, #right li.up a, #right li.up a:visited, #right li.up a:hover {font-weight: bold; display: block; background: #C55104; color: #fff; font-weight: bold; letter-spacing: 0.05em; width: 200px;}


#sidebar-left a, #sidebar-left a:visited, #right a, #right a:visited {background: #EEEEEE; border-bottom: 2px solid #FFFFFF; color:#444444;
display:block;
padding:5px 7px;
width: 200px;
text-decoration: none;
}
#sidebar-left p a{background: #fff; border-bottom: 0px solid #FFFFFF; color:#444444;
display:block;
padding:5px 0px;
width: 200px;
text-decoration: none;
}
#sidebar-left p a:hover {background: #fff; color: #000; text-decoration: none;}

#sidebar-left a:hover, #right a:hover {background: #444; color: #fff; text-decoration: none;}
#sidebar-left ul ul a:hover, #right ul ul a:hover {color: #444; text-decoration: underline;}
#sidebar-left ul ul a, #sidebar-left ul ul a:visited, #right ul ul a, #right ul ul a:visited{color: #444;}
#sidebar-left h3, #right h3  {
background: #444 url('../images/navigation-bkg.jpg') top left no-repeat;
color:#FFF;
display:block;
padding:5px 7px;
margin: 0;
width: 200px;
text-decoration: none;
clear: both;
}

#content-right img.bodyImage {
float:right;
margin:.5em 0 0 1em;
border: 1px solid #444;
}

#content div.itemContent h5.faq {color: #1A2E75; font-weight: bold; font-size: 1.4em; margin: 0 0 5px;}



*html #content {
	background: url('../images/learners/page-bkg.jpg') top left repeat-y; 
}

*html #searchbtn {
	padding-bottom: 0px;
}

*html #searchbtn, *html #searchbox {
	top: 55px
}

/* Image Replacement */
*html #header h1 {
	background: transparent url(../images/learners/logo.jpg) no-repeat 0 0; 
}

*html #nav {
	background: url('../images/learners/bkg.jpg') bottom left no-repeat; 
}

*html #nav li a:hover span {
	background:url('../images/learners/left-current.jpg') transparent top left no-repeat;
	cursor: hand;
}

*html #nav li a:hover {
	background:url('../images/learners/right-current.jpg') top right no-repeat;
	cursor: hand; 
}

*html #nav li a span {
	background: url('../images/learners/left.jpg') transparent top left no-repeat; 
}

*html #nav li a {
	background:url('../images/learners/right.jpg') top right no-repeat; 
}


*html #nav li.current a span {
	background:url('../images/learners/left-current.jpg') transparent top left no-repeat;	
}

*html #nav li.current a {
	background:url('../images/learners/right-current.jpg') top right no-repeat;
}

*html #footer {
	/* background: none; */
	/* filter applies only to IE5+/Win */
	/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='../images/bottom-bar.png'); */
	background: url('../images/learners/bottom-bar.jpg') top left no-repeat;
}