/* ----------------  INITIAL START ------------- */

* { margin: 0px; padding: 0px;}

h1,h2,h3 { margin-bottom: 20px; }
h4, h5 { margin-bottom: 5px;}
p { margin-top:0px; margin-bottom: 20px; }
ul { margin-bottom: 7px; }
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea {
		font: normal normal 11px  Arial, Verdana, Helvetica, sans-serif;
		color: #666666; 
		border: none;
		border: 0px;
		background: white;
		font-weight:normal;
		padding:2px;
		
}
img { border: none;
}


/* ----------------  INITIAL END ------------- */


/* ----------------  FONT  ------------- */

a {
	text-decoration: none;
}
/* purple */
h1 {
	font-weight: normal;
	font-size:24px;
	font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
	color:#470b65;
}
/*green */
h2 {
	font-weight: normal;
	font-size:24px;
	font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
	color:#b7cd36;
}
/*blue */
h3 {
	font-weight: normal;
	font-size:24px;
	font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
	color:#2ac1f2;
}
a:link, a:visited, a:active{
	
	font-weight: normal;
	text-decoration:none;
	color:#ff9900;	
}
a:hover {
	color: #cccccc;
}

.whitebold14px
{
	color:#ffffff;
	font-weight:bold;
	font-size:14px;	
}
.whitebold12px
{
	color:#ffffff;
	font-weight:bold;
	font-size:12px;	
}
.white12px
{
	color:#ffffff;
	font-weight:normal;
	font-size:12px;
}
.white11px
{
	color:#ffffff;
	font-weight:normal;
	font-size:11px;
}
.purple12px
{
	color:#470b65;
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;	

}
.purplebold12px
{
	color:#470b65;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;	

}
.purplebold14px
{
	color:#470b65;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;	

}
.purple24px
{
	color:#470b65;
	font-weight:normal;
	font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
	font-size:24px;	

}
.green24px
{
	color:#b7cd36;
	font-weight:normal;
	font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
	font-size:24px;	
	
}
.green12px
{
	color:#b7cd36;
	font-weight:normal;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;	
	
}
.greenbold12px
{
	color:#b7cd36;
	font-weight:bold;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;		
}
.greenbold14px
{
	color:#b7cd36;
	font-weight:bold;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;		
}
.blue24px
{
	color:#2ac1f2;
	font-weight:normal;
	font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
	font-size:24px;	
	
}
.blue12px
{
	color:#2ac1f2;
	font-weight:normal;
	font-family:Verdana,  Arial, Helvetica, sans-serif;
	font-size:12px;	
	
}
.bluebold12px
{
	color:#2ac1f2;
	font-weight:bold;
	font-family:Verdana,  Arial, Helvetica, sans-serif;
	font-size:12px;		
}
.bluebold14px
{
	color:#2ac1f2;
	font-weight:bold;
	font-family:Verdana,  Arial, Helvetica, sans-serif;
	font-size:14px;		
}

.white24px
{
	color:#ffffff;
	font-weight:normal;
	font-size:24px;	
	font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
	
}
/* ------------ input ----------------- */

select.course
{
	
border:1px solid #eeeeee;
width:180px;
}
input.submit
{
text-align:center;
background-color:#cccccc;
color:#666666;
border:1px solid #cccccc;	
}
/* ----------------  BASICS  ------------- */


ul li ol{
	font-weight: normal;
	padding-left: 2px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;	
	margin-bottom:2px;
	
}
li {
	margin-left:20px;
	margin-bottom:3px;
	list-style-type: circle;
	}
ol {
	list-style-image:none;
	list-style-type: none;
}
li.number {
	list-style-image: none;
	margin-left:20px;
	margin-bottom:3px;
	list-style-type: decimal;
}


body {
	font-weight: normal;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	line-height:130%;
	background-color:#ffffff;
	margin-top:20px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	}
#baseContainer {
	width: 950px;
	background-color:#ffffff;
	text-align:center;
	margin: 0 auto 0 auto;
	padding:0px;
	border:0px;
}
#Container{
	width: 950px;
	border:0px;
	text-align: center;
	margin: 0 auto 0 auto;
	padding:0px;
	/*background-image: url(../images/bg/contentbg.gif);
	background-repeat: repeat-x;
	background-position: left top;*/
}
#footer{
	width: 950px;
	border:0px;
	text-align: center;
	margin: 0 auto 0 auto;
	padding:0px;
	display:none;
}
#Container div.logo
{
	text-align:center;
}
#Container div
{
	padding:0px;
	margin:0px;
	
}
#navigation, #navigation1, #navigation2, #navigation3 {
	text-align: left;
	width:950px;
	height:40px;	
	background:url(../images/bg/menubg.gif) no-repeat;
	display:none;
}

#navigation div, #navigation1 div, #navigation2 div, #navigation3 div {
	width:150px;	
	height:40px;
	float: left;
	text-align:center;
	vertical-align:middle
}
#navigation div.coursesearch, #navigation1 div.coursesearch, #navigation2 div.coursesearch, #navigation3 div.coursesearch {
	width:200px;
	padding-top:10px;
	padding-bottom:10px;
	height:20px;
	float: left;
	text-align:center;
	vertical-align:middle;
	background-color:#333333;
	background:url(../images/bg/coursesearch_bg.gif) no-repeat;
	color:#ffffff;
	font-weight:normal;
	font-size:18px;
	font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
}
#navigation div a:link, #navigation div a:active, #navigation div a:visited,
#navigation1 div a:link, #navigation1 div a:active, #navigation1 div a:visited,
#navigation2 div a:link, #navigation2 div a:active, #navigation2 div a:visited,
#navigation3 div a:link, #navigation3 div a:active, #navigation3 div a:visited
{
	width:150px;
	padding-top:10px;
	padding-bottom:10px;
	height:20px;
	font-weight:normal;
	font-size:18px;
	font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
	color:#ffffff;	
	text-decoration:none;
	display:inline-block;
}
#navigation div a:hover
{
	background-color:#666666;
	/*border-right:1px solid #666666;*/
}
/* purple */
#navigation1 div a:hover
{
	background-color:#70328f;
	/*border-right:1px solid #70328f;*/
}
/* green */
#navigation2 div a:hover
{
	background-color:#b7cd36;
	/*border-right:1px solid #b7cd36;*/
}
/* blue */
#navigation3 div a:hover
{
	background-color:#2ac1f2;
	/*border-right:1px solid #2ac1f2;*/
}

#picCoursesearch {
	width:950px;
	height:auto;
	display:none;
}
#picCoursesearch div.rotatePic
{
	border:0px;
	float:left;
	width:300px;
}
#picCoursesearch div.mainButton
{
	border:0px;
	float:left;
	width:150px;
}
#picCoursesearch div.courseSearcharea
{
	border:0px;
	float:left;
	width:200px;
	height:300px;
	background:url(../images/bg/coursesearcharea_bg.gif) no-repeat;
	text-align:left;
}
#picCoursesearch div.courseSearchcontent
{
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}
#picCoursesearch div.pagePic
{
	border-bottom:0px;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	float:left;
	width:750px;
}

#mainContainer {
	width:950px;
	background-color:#ffffff;
	/*background-image: url(../images/bg/contentbg.gif);
	background-repeat: repeat-y;
	background-position: left top;*/
}
#leftContenthome {
	width:200px;
	float:left;
	text-align:left;
	border-top:5px solid #2ac1f2;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;	
	background-color:#999999;
	display:none;
}
#leftContenthome div {
	padding:20px 20px 0px 20px;
	text-align:left;
}
#leftContent {
	width:200px;
	float:left;
	text-align:left;
	border-top:5px solid #2ac1f2;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;	
	background-color:#999999;
		display:none;
}
#leftContent div {
padding-top:20px;	
}
#leftContent div.button {
	color:#ffffff;
	padding-top:0px;
	background-color:#333333;
	display:none;
}
#leftContent div.button a:link, #leftContent div.button a:active, #leftContent div.button a:visited
{
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 0px;	
	padding-bottom:10px;
	height: auto;
	width:280px;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	font-size:16px;
	font-weight:normal;
	color:#ffffff;
	background-color:#333333;
	background-image: url(../images/bg/sidemenu.gif);
	background-position: left top;	
	background-repeat: no-repeat;
	display:inline-block;
	text-decoration:none;
}
#leftContent div.button a:hover  {

	
	background-image: url(../images/bg/greysidemenu.gif);
	background-position: left top;	
	background-repeat: no-repeat;
	color:#ffffff;
	background-color:#6666666;
	display:inline-block;
}

#leftContent div.buttonover {
	
	font-size:16px;
	font-weight:normal;
	color:#ffffff;
	background-color:#6666666;
	background-image: url(../images/bg/greysidemenu.gif);
	background-position: left top;	
	background-repeat: no-repeat;	
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 0px;	
	padding-bottom:10px;
	height: auto;
	width:280px;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	
}


#leftContentBlack {
	width:200px;
	height:auto;
	float:left;
	text-align:left;
	border-top:5px solid #292929;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;	
	background-color:#999999;
		display:none;
}
#leftContentBlack div {
	padding:20px 20px 10px 20px;
	text-align:left;
	height:auto;
}
/*  Train Purple */
#leftContentPurple {
	width:200px;
	height:auto;
	float:left;
	text-align:left;
	border-top:5px solid #292929;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;	
	background-color:#999999;
	display:none;
}
#leftContentPurple div {
	padding-top:20px;
	text-align:left;
	height:auto;
}
#leftContentPurple div.button {
	color:#ffffff;
	padding-top:0px;
	background-color:#333333;
}
#leftContentPurple div.button a:link, #leftContentPurple div.button a:active, #leftContentPurple div.button a:visited
{
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 0px;	
	padding-bottom:10px;
	height: auto;
	width:280px;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	font-size:16px;
	font-weight:normal;
	color:#ffffff;
	background-color:#333333;
	background-image: url(../images/bg/sidemenu.gif);
	background-position: left top;	
	background-repeat: no-repeat;
	display:inline-block;
	text-decoration:none;
}
#leftContentPurple div.button a:hover  {
	
	background-image: url(../images/bg/purplesidemenu.gif);
	background-position: left top;	
	background-repeat: no-repeat;
	color:#ffffff;
	background-color:#6666666;
	display:inline-block;
}

#leftContentPurple div.buttonover {
	
	font-size:16px;
	font-weight:normal;
	color:#ffffff;
	background-color:#666666;
	background-image: url(../images/bg/purplesidemenu.gif);
	background-position: left top;	
	background-repeat: no-repeat;	
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 0px;	
	padding-bottom:10px;
	height: auto;
	width:280px;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	
}
/* End Train Purple */
/* Learn Green */

#leftContentGreen {
	width:200px;
	height:auto;
	float:left;
	text-align:left;
	border-top:5px solid #292929;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;	
	background-color:#999999;
	display:none;
}
#leftContentGreen div {
	padding-top:20px;
	text-align:left;
	height:auto;
}
#leftContentGreen div.button {
	color:#ffffff;
	padding-top:0px;
	background-color:#333333;
}
#leftContentGreen div.button a:link, #leftContentGreen div.button a:active, #leftContentGreen div.button a:visited
{
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 0px;	
	padding-bottom:10px;
	height: auto;
	width:280px;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	font-size:16px;
	font-weight:normal;
	color:#ffffff;
	background-color:#333333;
	background-image: url(../images/bg/sidemenu.gif);
	background-position: left top;	
	background-repeat: no-repeat;
	display:inline-block;
	text-decoration:none;
}
#leftContentGreen div.button a:hover  {

	
	background-image: url(../images/bg/greensidemenu.gif);
	background-position: left top;	
	background-repeat: no-repeat;
	color:#ffffff;
	background-color:#6666666;
	display:inline-block;
}

#leftContentGreen div.buttonover {
	
	font-size:16px;
	font-weight:normal;
	color:#ffffff;
	background-color:#666666;
	background-image: url(../images/bg/greensidemenu.gif);
	background-position: left top;	
	background-repeat: no-repeat;	
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 0px;	
	padding-bottom:10px;
	height: auto;
	width:280px;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	
}
/* end Learn Green */
/* Connect Blue */

#leftContentBlue {
	width:200px;
	height:auto;
	float:left;
	text-align:left;
	border-top:5px solid #292929;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;	
	background-color:#999999;
	display:none;
}
#leftContentBlue div {
	padding-top:20px;
	text-align:left;
	height:auto;
}
#leftContentBlue div.button {
	color:#ffffff;
	padding-top:0px;
	background-color:#333333;
}
#leftContentBlue div.button a:link, #leftContentBlue div.button a:active, #leftContentBlue div.button a:visited
{
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 0px;	
	padding-bottom:10px;
	height: auto;
	width:280px;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	font-size:16px;
	font-weight:normal;
	color:#ffffff;
	background-color:#333333;
	background-image: url(../images/bg/sidemenu.gif);
	background-position: left top;	
	background-repeat: no-repeat;
	display:inline-block;
	text-decoration:none;
}
#leftContentBlue div.button a:hover  {

	
	background-image: url(../images/bg/bluesidemenu.gif);
	background-position: left top;	
	background-repeat: no-repeat;
	color:#ffffff;
	background-color:#6666666;
	display:inline-block;
}

#leftContentBlue div.buttonover {
	
	font-size:16px;
	font-weight:normal;
	color:#ffffff;
	background-color:#666666;
	background-image: url(../images/bg/bluesidemenu.gif);
	background-position: left top;	
	background-repeat: no-repeat;	
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 0px;	
	padding-bottom:10px;
	height: auto;
	width:280px;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	
}
/* end Connect Blue */
#rightContent {
	width:950px;
	height:auto;
	float:left;
	text-align:center;
	/*border-top:5px solid #292929;*/
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	background-color:#494949;
}
#rightContent div {
	padding:20px;	
	text-align:left;
	color:#ffffff;
	height:auto;
}
#rightContent div.top
{
	text-align:right;
	padding:20px;
}

#rightContentPurple {
	width:950px;
	height:auto;
	float:left;
	text-align:center;
	/*border-top:5px solid #70328f;*/
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	background-color:#494949;
}
#rightContentPurple div {
	padding:20px;
	text-align:left;
	color:#ffffff;
	height:auto;
}
#rightContentPurple div.top
{
	text-align:right;
	padding:20px;
}

#rightContentGreen {
	width:950px;
	height:auto;
	float:left;
	text-align:center;
	/*border-top:5px solid #b7cd36;*/
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	background-color:#494949;
}
#rightContentGreen div {
	padding:20px;
	text-align:left;
	color:#ffffff;
	height:auto;
}
#rightContentGreen div.top
{
	text-align:right;
	padding:20px;
}

#rightContentBlue {
	width:950px;
	height:auto;
	float:left;
	text-align:center;
	/*border-top:5px solid #2ac1f2;*/
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	background-color:#494949;
}
#rightContentBlue div {
	padding:20px;
	text-align:left;
	color:#ffffff;
	height:auto;
}
#rightContentBlue div.top
{
	text-align:right;
	padding:20px;
}


/* ----------------  FOOTER  ------------- */

#leftFooter {
	width:300px;
	height:auto;
	float:left;
	text-align:left;
	border-top:5px solid #292929;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;	
	background-color:#000000;
}
#leftFooter div {
	padding:20px 20px 10px 20px;
	text-align:left;
	height:auto;
	border-right:1px solid #ffffff;
	font-size:11px;
	color:#ffffff;
	font-weight:normal; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#leftFooterpurple {
	width:300px;
	height:auto;
	float:left;
	text-align:left;
	border-top:5px solid #70328f;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;	
	background-color:#000000;
}
#leftFooterpurple div {
	padding:20px 20px 10px 20px;
	text-align:left;
	height:auto;
	font-size:11px;
	color:#ffffff;
	border-right:1px solid #ffffff;
}
#leftFootergreen {
	width:300px;
	height:auto;
	float:left;
	text-align:left;
	border-top:5px solid #b7cd36;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;	
	background-color:#000000;
}
#leftFootergreen div {
	padding:20px 20px 10px 20px;
	text-align:left;
	height:auto;
	border-right:1px solid #ffffff;
	font-size:11px;
	color:#ffffff;
	font-weight:normal; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#leftFooterblue {
	width:300px;
	height:auto;
	float:left;
	text-align:left;
	border-top:5px solid #2ac1f2;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;	
	background-color:#000000;
}
#leftFooterblue div {
	padding:20px 20px 10px 20px;
	text-align:left;
	height:auto;
	border-right:1px solid #ffffff;
	font-size:11px;
	color:#ffffff;
	font-weight:normal; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#rightFooter {
	width:650px;
	height:auto;
	float:left;
	text-align:center;
	border-top:5px solid #b7cd36;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	background-color:#000000;
}
#rightFooter div {
	padding:20px;
	text-align:left;
	color:#ffffff;
	height:auto;
}
#rightFooterblack {
	width:650px;
	height:auto;
	float:left;
	text-align:center;
	border-top:5px solid #333333;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	background-color:#000000;
}
#rightFooterblack div {
	padding:20px;
	text-align:left;
	color:#ffffff;
	height:auto;
}

#rightFooter div.footerbox {
	padding:20px;
	text-align:left;
	color:#ffffff;
	height:auto;
	float:left;
}
#rightFooterblack div.footerbox {
	padding:20px;
	text-align:left;
	color:#ffffff;
	height:auto;
	float:left;
}

span.footermenu
{
	font-size:11px;
	color:#ffffff;
	font-weight:normal; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.clear {
	clear: both;
}


/* ----------------  BUTTON AND FORMS  ------------- */


input.button
{
	font-weight:bold;
	color:#15559d;
	background-color:#dddddd;
	border:1px solid #999999;
}

input.textfield
{
	padding:2px;
	width:200px;
}



/* ------------- CONTACT FORM ----------------- */

#rightContent div.row
{
	 clear: both;
	 padding-left:0px;
	 margin:0px;
	 height:auto;	
	 padding-top:0px;
	 padding-bottom:5px; 	
	 width:90%;

}
#rightContent div.row div.formlabel
{
	width:18%;
	height:auto;			
	padding-top:0px;
	padding-left:0px;
	padding-bottom:5px;
	padding-right:3px;
	margin:0px;	
	text-align:left;	
	float:left;	

}
#rightContent div.row div.formlabel_1
{
	width:60%;
	height:auto;			
	padding-top:0px;
	padding-left:0px;
	padding-bottom:5px;
	padding-right:3px;
	margin:0px;	
	text-align:left;	
	float:left;	
}
#rightContent div.row div.formentry
{
	width:70%;
	height:auto;			
	padding-top:0px;
	padding-left:0px;
	padding-bottom:5px;
	padding-right:3px;
	margin:0px;	
	text-align:left;	
	float:right;	
}
#rightContent div.row div.formentry_1
{
	width:90%;
	height:auto;			
	padding-top:0px;
	padding-left:0px;
	padding-bottom:5px;
	padding-right:3px;
	margin:0px;	
	text-align:left;	
	float:right;	
}