html { font-size: 100%; /* IE hack */ }
body {margin: 0; padding: 0; background: #FFF; color: #383F46; font-family: Arial, Helvetica, Verdana; font-size: 0.62em;}
table { font-size: 100%; /* IE hack */ }

/* CJ's Style Defaults */

form, fieldset, dl {padding: 0; margin:0; border: none;}
img {border-style: none;}
h1, h2, h3, h4, h5  {margin: 0;  padding: 0; }
p {margin: 0 0 10px 0;  padding: 0; }
td, th {vertical-align: top;}
th {text-align: left; }
ul {margin: 0; padding: 0;}


.lispace{margin-bottom: 0.6em;}
.linespace{margin: 5%; margin-top: 1%}
.clearer {clear: both;}
.clearleft {clear: left}
.clearright{clear: right;}
.getright {float:right;}
.getleft {float:left;}
.centa {text-align: center;}
.blockit {display: block;}
.padit {margin: 0 0 10px 0;}
.margit {margin: 0 35px;}
.bolden {font-weight: bold;}
.nobg {background:url(../images/shim.gif) bottom repeat-x;}
.invisi {display: none;}
.imgright {float: right; margin: 0 0 7px 15px;}
.imgright2 {float: right; margin: 0px 0 7px 15px;}
.imgleft {float: left; margin: 0 15px 7px 0;}
.imgright3 {float: right; margin: 0px 0px 0px 0px;}
.imgright4 {float: right; margin: 5px 35px 5px 5px;}
.imgright5 {float: right; margin: 12px 10px 0px 0px;}
.imgleft3 {float: left; margin: 0px 0px 0px 0px;}
.imgleft4 {float: left; margin: 4px 0px 7px 0;}

.imgfleft {float: left; }


/* Common Styles */
.orange {color: #FCA40B}
.dgrey {color: #383f46;}
.lgrey {
	color: #858585;
}
.blk {color: #000000;}
.subtitle {color: #cccccc; font-family: Arial, Helvetica, Verdana; font-size: 0.62em;}

.dotrule {clear: both; background: url(../images/dots_black.gif) bottom repeat-x; height:1px; padding: 1px; margin-bottom: 15px;}
.dotrule1 {clear: both; background: url(../images/dots_black.gif) bottom repeat-x; height:1px; padding: 1px; margin-bottom: 10px; margin-top: 11px;}
.dotrule2 {clear: both; background: url(../images/dots_black.gif) bottom repeat-x; height:1px; padding: 1px; margin-bottom: 5px; margin-top: 5px;}
.quotestart {margin-right: 10px; vertical-align: baseline;}
.quoteend {margin-left: 10px; vertical-align: text-top;}
.panelicon {position: absolute; top: 0; right: 0; }

/* Links */

#mainnav li ul li a:link, #mainnav li ul li a:visited	{font-size: 1.1em; color: #e6e7e9; font-weight: bold; text-decoration: none; padding-left: 10px; background: url(../images/bullet_greydash.gif) 0 50% no-repeat; }
#mainnav li ul li a:active, #mainnav li ul li a:hover	{color: #FFF;}

#breadtrail a {color: #FFF; text-decoration: none;}
#breadtrail a:hover {text-decoration: underline;}

a.arrowgrey:link, a.arrowgrey:visited, .linklist a {color: #383f46; text-decoration: none; padding-left: 10px; background: url(../images/bullet_arrow_grey.gif) 0 50% no-repeat;}
a.arrowgrey:active, a.arrowgrey:hover	, .linklist a:hover {text-decoration: underline;}

a.standard:link, a.standard:visited, .linklist a {color: #383f46; text-decoration: none; }
a.standard:active, a.standard:hover {text-decoration: underline;}

a.desc:link, a.desc:visited		{color: #FFFFFF; text-decoration: none; }
a.desc:active, a.desc:hover	{text-decoration: underline;}


a.arroworange:link, a.arroworange:visited		{color: #FCA40B; text-decoration: none; padding-left: 10px; background: url(../images/bullet_arrow_orange.gif) 0 50% no-repeat;}
a.arroworange:active, a.arroworange:hover	{text-decoration: underline;}

a.arrowblack:link, a.arrowblack:visited		{color: #777777; font-size: 1.1em; text-decoration: none; padding-left: 7px; background: url(../images/bullet_arrow_black.gif) 0 50% no-repeat;}
a.arrowblack:active, a.arrowblack:hover	{text-decoration: underline;}

a.arrowblack1:link, a.arrowblack1:visited		{color: #444444; text-align: right; font-size: 0.8em; text-decoration: none; padding-left: 7px; background: url(../images/bullet_arrow_black.gif) 0 50% no-repeat;}
a.arrowblack1:active, a.arrowblack1:hover	{text-decoration: underline;}


a.enrolbutt	{display: block; width: 87px; height: 24px; text-indent: -9999px; background:url(../images/butt_enrol_secure.gif) no-repeat; margin: 5px 0;}
a.enrolbuttbig	{display: block; width: 174px; height: 31px; text-indent: -9999px; background:url(../images/butt_enrol_big_secure.gif) no-repeat; margin: 0 auto 10px auto;}
a.viewcatbutt	{display: block; width: 267px; height: 35px; text-indent: -9999px; background:url(../images/butt_view_cat.gif) no-repeat; margin: 5px 0;}
a.viewcatbuttbig	{display: block; width: 271px; height: 37px; text-indent: -9999px; background:url(../images/butt_view_cat_enrol.gif) no-repeat; margin: 0 auto 10px auto;}
a.viewloginbuttbig	{display: block; width: 201px; height: 36px; text-indent: -9999px; background:url(../images/butt_login.gif) no-repeat; margin: 0 auto 10px auto;}
a.viewpreviewbutt	{display: block; width: 126px; height: 31px; text-indent: -9999px; background:url(../images/butt_preview.gif) no-repeat; }
a.viewdownloadbutt	{display: block; width: 148px; height: 32px; text-indent: -9999px; background:url(../images/butt_download.gif) no-repeat; }
a.viewnextbutt	{display: block; width: 90px; height: 27px; text-indent: -9999px; background:url(../images/butt_next.jpg) no-repeat; }
a.viewprevbutt	{display: block; width: 117px; height: 27px; text-indent: -9999px; background:url(../images/butt_prev.jpg) no-repeat; }
a.viewlearnmorebutt	{display: block; width: 87px; height: 24px; text-indent: -9999px; background:url(../images/butt_learn_more.gif) no-repeat; margin: 1px 0;}
a.viewenrolbuttbig	{display: block; width: 201px; height: 36px; text-indent: -9999px; background:url(../images/butt_enrol_big_secure.gif) no-repeat; margin: 0 auto 10px auto;}



/*Layout */

#wrapper {width: 1004px; background:url(../images/header_bg.jpg) repeat-x; margin: 0 auto; border-left: 0px solid #383F46; border-right: 0px solid #383F46; }
#wrapper.small {width: 1004px; background:url(../images/header_bg_small.gif) repeat-x; margin: 0 auto; border-left: 1px solid #383F46; border-right: 1px solid #383F46; }

#header {position: relative; height: 116px; padding: 0 35px; }
#header.small {position: relative; height: 67px; padding: 0 35px; }
#masthead {height: 183px; background:url(../images/header_masthead.jpg) no-repeat; margin-bottom: 20px; color: #ffffff;}
#masthead.course {height: 215px;background:url(../images/header_masthead_course.jpg) no-repeat;}
#masthead.home1 {height: 195px;background:url(../images/header_masthead_home2.jpg) no-repeat;}


#content {padding: 0 35px; margin-bottom: 15px; font-size: 1.2em;}
.colwide {width: 610px; }
.colthin {width: 294px;}
#footer {position: relative; height: 39px; background: #383F46;}
#footer.small {position: relative; height: 20px; background: #383F46;}
#footerbig {position: relative; height: 200px; min-height: 200px; padding-top: 15px; background-image:url(../images/footer_background.jpg); background-repeat:repeat-x; background-color:#8a8888; padding-bottom: 15px;  }


/* Text Panels */

.panelgrey {position: relative; background-color: #EEF1F5; border: 1px solid #D5D9DC; margin-bottom: 15px; padding: 15px;}
.paneldgrey {position: relative; background-color: #DEE4EC; margin-bottom: 15px;}
.panelwhite {position: relative; margin-bottom: 15px; }
.panelwhite1 {position: relative; border: 1px solid #9b9fa2; margin-bottom: 15px;}
.panelpad {padding: 15px; font-size: 1.2; }
.panelpad1 {padding: 15px; font-size: 1.2; border: 0px}
.panelgrey .panelpad {padding: 15px 0 0 0; }

.courseprice {
	width: 90px;
	text-align:center;
	float: right;
}
.coursetext {margin-right: 110px; }
.landingtextleft {width: 260px; float: left; }
.landingtextright {width: 260px; float: right; }


/* Headings */
#header h1 {margin: 0; padding: 0;}
#header h1 a {position: absolute; display: block; width: 235px; height: 100px; top: 0px; left: 26px; background:url(../images/header_logo.jpg) no-repeat; text-indent: -9999px; ;}
#header.small h1 a {position: absolute; display: block; width: 130px; height: 55px; top: 0px; left: 26px; background:url(../images/header_logo_small.gif) no-repeat; text-indent: -9999px; ;}
#masthead h2 {
	display: block;
	width: 933px;
	top: 30px;
	left: 35px;
	font-family:"Times New Roman", Times, serif;
	font-size: 3.6em;
	font-weight: normal;
}
#masthead h3 {color: #FFF; font-size: 2em; padding: 13px; margin-bottom: 4px;}
.panelgrey h3 { font-weight: bold; font-size: 1.0em; font-family: Verdana, Arial, Helvetica, sans-serif; background: url(../images/dots_grey.gif) bottom repeat-x; padding-bottom: 10px; }
.paneldgrey h3 {padding: 14px 15px 16px 15px;  font-weight: bold; font-size: 1.0em; font-family: Verdana, Arial, Helvetica, sans-serif; background: #afb9c5 url(../images/panel_header_bg.jpg) bottom repeat-x; }
.panelwhite h3 {padding: 14px 15px 16px 15px; font-weight: bold; font-size: 1.0em; font-family: Verdana, Arial, Helvetica, sans-serif; background: #afb9c5 url(../images/panel_header_bg.jpg) bottom repeat-x;  }
#content h4 {font-size: 1.5em; margin-bottom: 5px;}
#content h4 a {color: #383F46 !important; text-decoration: none !important; }
#content h4 a:hover {color: #383F46 !important; text-decoration: underline !important; }

/* Lists */
#breadtrail {display: block; width: 600px; margin-bottom: 15px;}
#breadtrail1 {display: block; width: 933px; margin-bottom: 15px;}

.textnav {list-style: none; }
.textnav li {display: inline; padding-left: 15px;}
.textnav li a {color: #CDCFD1 !important; text-decoration: none !important; font-size: 1.1em;}
.textnav li a:hover {color: #FFFFFF !important;}

.footernav {list-style: none; }
.footernav li {font-size: 1.2em; color: #FFFFFF !important; padding-left: 15px; margin-bottom: 2%}
.footernav li a {font-size: 1.0em; color: #FFFFFF !important; text-decoration: none !important;}
.footernav li a:hover {color: #FFFFFF !important;  text-decoration: underline !important; }

.textnavsmall {list-style: none; }
.textnavsmall li {display: inline; padding-top: 5px; padding-left: 15px;}
.textnavsmall li a {color: #CDCFD1 !important; text-decoration: none !important; font-size: 1.0em;}
.textnavsmall li a:hover {color: #FFFFFF !important;}


.linklist {list-style: none;}

/* Bits */
#header #headnav {float: right; padding-top: 12px;}
#header #headnavsmall {float: right; padding-top: 5px;}


#header #mainnav {position: absolute; display: block; width: 713px; height: 47px;  top: 69px; left: 260px; list-style: none; }
#header #mainnav li {position: relative; float: left; }
#header #mainnav li a {float: left; display: block; background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px;}
#header #mainnav li:hover a, #header #mainnav li a:hover, #header #mainnav li a.on {background-position: 0 -47px;}
#header #mainnav #mnav01 {height: 47px; width: 51px; background-image:url(../images/nav_home.jpg);}
#header #mainnav #mnav02 {height: 47px; width: 186px; background-image:url(../images/nav_coursecat.jpg);}
#header #mainnav #mnav03 {height: 47px; width: 79px; background-image:url(../images/nav_students.jpg);}
#header #mainnav #mnav04 {height: 47px; width: 79px; background-image:url(../images/nav_business.jpg);}
#header #mainnav #mnav05 {height: 47px; width: 168px; background-image:url(../images/nav_aboutonline.jpg);}
#header #mainnav #mnav06 {height: 47px; width: 49px; background-image:url(../images/nav_faqs.jpg);}
#header #mainnav #mnav07 {height: 47px; width: 101px; background-image:url(../images/nav_abouthaton.jpg);}

#header #mainnav li ul {display: none; position: absolute; top: 0; left: 0; margin-top: 47px; background-color: #555F69; padding: 15px 10px; list-style: none; width: 150px; z-index: 3;}
#header #mainnav li:hover ul, #header #mainnav li.over ul {display: block;}
#header #mainnav li ul li {float: none; padding-bottom: 5px;}
#header #mainnav li ul li a {float: none; display: inline; text-indent: 0; background-position: 0 50%;}
#header #mainnav li:hover ul li a {float: none; display: inline; text-indent: 0; background-position: 0 50%;}
#header #mainnav li ul li a:hover {background-position: 0 50%;}

#masthead #mastpad {padding: 20px 35px;}
#masthead #mtext {width: 600px; float: left; }
#masthead #mtext1 {width: 933px; float: left; }
#masthead #mdesc {display: block; width: 600px; top: 60px; left: 35px; background: url(../images/dots_black.gif) repeat-x; padding: 15px 0 5px 0; font-size: 1.2em; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
#masthead #mdesc1 {display: block; width: 933px; top: 60px; left: 35px; background: url(../images/dots_black.gif) repeat-x; padding: 15px 0 5px 0; font-size: 1.2em; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
#masthead #mdesc2 {display: block; width: 933px; top: 60px; left: 35px; background: url(../images/dots_black.gif) repeat-x; padding: 15px 0 5px 0; font-size: 1.9em; font-family: Verdana, Arial, Helvetica, sans-serif;}


#masthead #mpanelhome {float: right; width: 294px; height: 144px; background:url(../images/header_masthead_panel2.jpg) no-repeat;}
#masthead #mpanel {float: right; width: 294px; margin-top: 28px; height: 144px; background:url(../images/header_masthead_panel2.jpg) no-repeat;}
#masthead #mpanel1 {float: right; width: 295px; height: 137px; background:url(../images/header_masthead_panel1.jpg) no-repeat;}
#masthead #mpanel2 {float: right; width: 295px; height: 137px; margin-top: 10px; background:url(../images/header_masthead_panel1.jpg) no-repeat;}
#masthead #mpanel3 {float: right; width: 295px; height: 137px; margin-top: 10px; background:url(../images/header_masthead_panel_suntrek.jpg) no-repeat;}

#masthead #logfrm {padding: 0 35px 0 15px; color: #383f46; font-size: 1.2em;}
#masthead #logfrm label, #masthead #logfrm input {display: block; float: left; margin-bottom: 7px;}
#masthead #logfrm label {width: 80px;}
#masthead #logfrm input {width: 160px;  font-size: 1em; border: 1px solid #6e96c1; }
#masthead #logfrm a {color: #383f46; text-decoration: none;}
#masthead #logfrm a:hover {text-decoration: underline;}

#footer  #footnav {margin: 0 auto; width: 280px; padding-top: 12px;}
#footer  #copy {display: block; text-align: right; float: right; margin: -12px 35px 0 0;}
.footerbox {margin-left: 35px; margin-right:35px; float:left; position: relative; }



/* Form TD */
.input {font-size: 1.2; border: 1px solid #383f46; }
.input1 {font-size: 1.2; border: 0px solid #383f46; }
.err {font-size: 1.2; color: red; font-weight: bold;}