/* Reset
----------------------------------------------------------------------------------------*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,label,select,option,blockquote,fieldset,input { margin: 0; padding: 0; }

ul, ol {
	list-style:none;
}

img {
	border:none;
}

:focus {
	outline: 0;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
}
q:before,q:after {
	content:'';
}


.floatleft {
	float:left;
	padding:0px;
	margin:0px 10px 10px 0px;
}

.clear {
	clear:both;
}


.clearfix {
    content: ".";
    display: inline;
    height: 0;
    clear: both;
    visibility: hidden;
 }


.floatright {
	float:right;
	padding:0px;
	margin:0px 0px 10px 10px;

}

hr {
	display:block;
	height:1px;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #eaeaea;
	padding:0px 0px 0px 0px;
	margin:-5px 0px 8px 0px;
	overflow:hidden;
}


.divider {
	border-bottom:1px solid #535f74;
	display:block;
	height:1px;
	overflow:hidden;
	margin:0px 0px 13px 0px;
	text-align:center;
}


/* END Reset
----------------------------------------------------------------------------------------*/






/* START GLOBAL STYLES
----------------------------------------------------------------------------------------*/



body {
	background-color:#0e2839;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	color:#2b2b2b;
}


a {
	color:#226799;
	text-decoration:none;
	
}

a:hover, a:active {
	
	text-decoration:underline;
}

p {
	line-height:21px;
	padding:0 0 20px 0;
}

/* Headings */




/* Wrappers */


#outer-wrapper {
	width:100%;
	margin:0;
	padding:0;	

}




/* END GLOBAL STYLES
----------------------------------------------------------------------------------------*/
















/* START HEADER STYLES
----------------------------------------------------------------------------------------*/


#header-wrapper {
	width:100%;
	background:url(../images/header_wrapper_bg.gif) repeat-x 0 0;
}

#header {
	width:100%;
	background:url(../images/header_bg.gif) no-repeat top center;
	height:183px;
}

#header-inner {
	width:980px;
	margin:0 auto;
	padding:19px 0 0 0;
	text-align:left;
}

.header-top {
	width:980px;
	height:33px;
	overflow:hidden;
}

/* Nav */

.nav {
	float:left;
	margin:0 -42px 0 0;
}

.nav ul li {
	float:left;
	margin:8px 42px 0 0;
}

.nav ul li#nav-home a {
	width:51px;
	height:0;
	padding-top:14px;
	overflow:hidden;
	display:block;
	background:url(../images/home_btn.gif) no-repeat 0 0;
}

.nav ul li#nav-about a {
	width:81px;
	height:0;
	padding-top:14px;
	overflow:hidden;
	display:block;
	background:url(../images/about_us_btn.gif) no-repeat 0 0;
}

.nav ul li#nav-services a {
	width:75px;
	height:0;
	padding-top:14px;
	overflow:hidden;
	display:block;
	background:url(../images/services_btn.gif) no-repeat 0 0;
}

.nav ul li#nav-info a {
	width:175px;
	height:0;
	padding-top:14px;
	overflow:hidden;
	display:block;
	background:url(../images/course_info_btn.gif) no-repeat 0 0;
}

.nav ul li#nav-contact a {
	width:70px;
	height:0;
	padding-top:14px;
	overflow:hidden;
	display:block;
	background:url(../images/contact_btn.gif) no-repeat 0 0;
}


.top-right {
	float:right;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:6px 0 0 0;
}

.top-right span {
	color:#112b3e;
	font-weight:bold;
	margin:0 15px 0 0;
	float:left;
	display:inline;
}

.top-right a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	color:#ffffff;
	float:left;
}

.top-right em {
	color:#9fd3ed;
	margin:0 15px;
	display:inline;
	float:left;
}

#logo {
	float:left;
	margin:30px 0 0 18px;
	display:inline;
}


/* Sub Header */

#sub-header {
	width:100%;
	background:url(../images/sub_headerbg.gif) repeat-x 0 0 #292827;
	height:236px;
	position:relative;
}

#sub-header-content {
	width:980px;
	margin:0 auto;
	padding:0;
	text-align:left;
}

#header-banner {
	background:url(../images/banner_bg.gif) no-repeat 0 0;
	width:645px;
	height:236px;
	position:relative;
	z-index:1;
	padding:0 0 0 13px;
}

.tshadow {
	width:100%;
	background:url(../images/tshadow.png) repeat-x 0 0;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	height:12px;
}

.bshadow {
	width:100%;
	background:url(../images/bshadow.png) repeat-x 0 0;
	position:absolute;
	z-index:2;
	left:0;
	top:224px;
	height:12px;
}

/* END HEADER STYLES
----------------------------------------------------------------------------------------*/















/* START MAINBODY STYLES
----------------------------------------------------------------------------------------*/


#mainbody-wrapper {
	width:100%;
	background:url(../images/mainbody_bg.gif) repeat-x 0 0 #e9eff4;
	height:auto !important;
	min-height:595px;
	height:595px;
}

#mainbody {
	width:980px;
	margin:0 auto;
	padding:0;
	text-align:left;
}

#main-content {
	width:980px;
	background:url(../images/main_content1_bg.png) repeat-y 0 0;
	margin:0 -8px 0 -8px;
	padding:0 8px 20px 8px;
	height:auto !important;
	min-height:575px;
	height:575px;
	
}
#content ul li {
  line-height: 1.25em;
  list-style-type:disc;
  margin:0 1.5em 1.5em 3.33em;
}


/* Content */

#content {
	width:622px;
	float:left;
	padding:0 22px 0 22px;
}

#content h4{
	width:622px;
	float:left;
	padding:0 22px 10px 0px;
	color:#3d833e;
	font-weight:bold;
	font-size:14px;

}

.content-ribbon {
	background:url(../images/ribbon.png) no-repeat 0 0;
	height:51px;
	display:block;
	margin:0 0 22px -73px;
	padding:17px 0 0 50px;


}

.content-ribbon .date {
	width:73px;
	height:39px;
	float:left;
	font-size:16px;
	line-height:16px;
	padding:7px 0 0 0;
	color:#0f314a;
	font-weight:bold;
	text-align:center;
	display:block;
	font-style:normal;
}

.content-ribbon span {
	float:left;
	padding:10px 0 0 14px;
	font-size:21px;
	color:#444545;
}

.banner {
	float:left;
	border:9px solid #c8c8c8;
	margin:0 22px 22px 0;
}

.view {
	display:block;
	text-align:right;
	font-size:11px;
	margin:5px 5px 0 0;
}

.started-btn {
	display:block;
	text-align:right;
	margin:10px 0px 0 0;
}


/* Sidebar */

#sidebar {
	width:306px;
	float:right;
	margin:-292px 0px 0 0;
	padding:0px 0 0 0;
	position:relative;
	z-index:5;
}

#sidebar-content {
	background:url(../images/sidebar_shadow1.png) repeat-y 0 0;
	width:306px;
	height:auto !important;
	min-height:400px;
	height:400px;
	margin:0 -8px 0 -8px;
	padding:20px 8px 0 8px;
	
}

#sidebar h3 {
	background:url(../images/ripped_paper.png) no-repeat 0 0;
	width:322px;
	height:0px;
	display:block;
	margin:0px -8px 0 -8px;
	padding:95px 0 0 0;
	overflow:hidden;
}

#sidebar h4 {
	background:url(../images/sidebar_ribbon.png) no-repeat 0 0;
	margin:0 -48px 20px -8px;
	height:35px;
	display:block;
	font-size:21px;
	line-height:25px;
	color:#0f314a;
	padding:29px 0 0 27px;
	font-weight:normal;
}


/* Make an Appointment */

.appointment {
	width:248px;
	overflow:hidden;
	padding:0px 30px 10px 28px;
}

.highlight {
	color:#64883e;
	line-height:16px;
}

.input-bg {
	background:url(../images/input_bg.gif) no-repeat 0 0;
	width:181px;
	height:28px;
	float:left;
	margin:0 0 10px 0;
}

.appointment form label {
	width:67px;
	float:left;
	color:#6c6c6c;
	font-size:14px;
	height:24px;
	padding:4px 0 0 0;
	font-weight:bold;
	margin:0 0 10px 0;
}

.appointment form input.text-box {
	width:171px;
	height:22px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#6c6c6c;
	background:none;
	padding:6px 5px 0 5px;
	border:none;
}


.appointment form input.submit-btn {
	background:url(../images/submit_btn.gif) no-repeat 0 0;
	width:104px;
	height:45px;
	float:right;
	text-align:left;
	text-indent:-1000px;
	border:none;
	font-size:0;
	cursor:pointer;
	margin:5px -5px 0 0;
}


/* Links */

.links {
	width:268px;
	padding:0 19px 0 19px;
}

.links ul {
	padding:0px 0 0 0;
}

.links ul li {
	width:268px;
	overflow:hidden;
	font-size:17px;
	color:#7f7f7f;
	background:url(../images/dotted.gif) repeat-x 100% 100%;
	padding:0 0 14px 0;
	margin:0 0 12px 0;
}

.links ul li.last {
	width:268px;
	overflow:hidden;
	font-size:17px;
	color:#7f7f7f;
	background:none;
	padding:0 0 14px 0;
	margin:0 0 12px 0;
}

.links ul li span {
	float:left;
}

.links ul li span img {
	margin:0 7px 0 0;
}

.links ul li em {
	float:right;
	margin:5px 0 0 0;	

}
.linkses ul li {
	width:268px;
	overflow:hidden;
	font-size:17px;
	color:#7f7f7f;
	padding:20px 0px 0px 30px;
}
.linkses span img {
	margin:0 7px 0 0;
}


/* Course */

.course {
	width:248px;
	overflow:hidden;
	padding:0 30px 0 28px;
}


.input-bg1 {
	background:url(../images/input_bg1.gif) no-repeat 0 0;
	width:160px;
	height:28px;
	float:left;
	margin:0 0 10px 0;
}

.course form input.text-box {
	width:150px;
	height:22px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#6c6c6c;
	background:none;
	padding:6px 5px 0 5px;
	border:none;
}

.course form label {
	width:88px;
	float:left;
	color:#6c6c6c;
	font-size:14px;
	height:24px;
	padding:4px 0 0 0;
	font-weight:bold;
	margin:0 0 10px 0;
}

.course form input.submit-btn {
	background:url(../images/signin_btn.gif) no-repeat 0 0;
	width:104px;
	height:45px;
	float:right;
	text-align:left;
	text-indent:-1000px;
	border:none;
	font-size:0;
	cursor:pointer;
	margin:5px -5px 0 0;
}


/* END MAINBODY STYLES
----------------------------------------------------------------------------------------*/














/* START FOOTER STYLES
----------------------------------------------------------------------------------------*/


#footer-wrapper {
	width:100%;
	background:url(../images/footer_wrapperbg.gif) repeat-x 0 0;
	height:109px;
}

#footer {
	width:100%;
	background:url(../images/footer_bg.gif) no-repeat top center;
	height:109px;
}

#footer p {
	line-height:16px;
}

#footer-content {
	width:960px;
	margin:0 auto;
	padding:26px 0 0 24px;
	text-align:left;
	color:#ffffff;
	font-size:12px;
	overflow:hidden;
}

.footer-col {
	width:240px;
	float:left;
}

.padding {
	padding:15px 0 0 0;
}

/* END FOOTER STYLES
----------------------------------------------------------------------------------------*/

table {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  margin-left: 28px;
  display: table;
  font-size: 120%;
  border: 1px solid #e2e2e2;
}

tr td {
  padding: 30px;
}