/* ##### Course Selection CSS: START ##### */

#crossSelect {
       display: block;
       clear: both;
       height: 237px;
       width: 195px;
       background-image: url(/images/img-select-bg.png);
       padding-top: 20px;
       text-align: center;
       margin-top: 20px;
}

#crossSelect h2 {
       font-family: Georgia, "Times New Roman", Times, serif;
       font-size: 14px;
       padding-top: 0px;
       padding-right: 0px;
       padding-bottom: 2px;
       border-bottom-width: 1px;
       border-bottom-style: dotted;
       border-bottom-color: #707EBD;
       width: 150px;
       clear: both;
       margin-top: 0px;
       margin-right: 0px;
       margin-bottom: 15px;
       margin-left: 25px;
       _margin-left: 3px;
}


#courseSelectionNav{
      width:117;
      height:40px;
     margin:0 0 0 44px;
}

#courseSelectionNav ul{
     border: 0;
      margin: 0;
       padding: 0;
      list-style-type: none;
       text-align: center;

}

#courseSelectionNav ul li{
       display: block;
       float: left;
       text-align: center;
       padding: 0;
       margin: 0;

}
#courseSelectionNav ul li a span{
      display:none;

}

#courseSelectionNav ul li a.billing:active, #courseSelectionNav ul li a.billing:link, #courseSelectionNav ul li a.billing:visited {

       width:117px;
       height:40px;
       margin:0px;
       padding:0px;
       display: block;
       background: url(/images/course-selection.png) no-repeat;
}

#courseSelectionNav ul li a.coding:active, #courseSelectionNav ul li a.coding:link, #courseSelectionNav ul li a.coding:visited {

       width:117px;
       height:40px;
       margin:0px;
       padding:0px;
       display: block;
       background: url(/images/course-selection.png) -351px 0px no-repeat;

}

#courseSelectionNav ul li a.transcription:active, #courseSelectionNav ul li a.transcription:link, #courseSelectionNav ul li a.transcription:visited {

       width:117px;
       height:40px;
       margin:0px;
       padding:0px;
       display: block;
       background: url(/images/course-selection.png) -117px 0px no-repeat;

}

#courseSelectionNav ul li a.terminology:active, #courseSelectionNav ul li a.terminology:link, #courseSelectionNav ul li a.terminology:visited {
	width:117px;
	height:40px;
	margin:0px;
       padding:0px;
       display: block;
       background: url(/images/course-selection.png) -234px 0px no-repeat;

}

/* -- Hovers -- */

#courseSelectionNav ul li a.billing:hover{
 background: url(/images/course-selection.png) 0px -40px;

}

#courseSelectionNav ul li a.coding:hover{
       background: url(/images/course-selection.png) -351px -40px;
}
#courseSelectionNav ul li a.transcription:hover{
       background: url(/images/course-selection.png) -117px -40px;
}                    

#courseSelectionNav ul li a.terminology:hover{
       background: url(/images/course-selection.png) -234px -40px;
}             

/* ##### Course Selection CSS: END ##### */

#price {
background-color:#FEF2DA;
border:3px solid #FCDC9A;
display:block;
font-family:Arial,Helvetica,sans-serif;
padding:2px 2px 2px;
width:230px;
}
#price h1 {

display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:18px;
text-align: center;
}
#AboutVanilla {
	background-color:#3366CC;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	color:#BBBBBB !important;
	margin:0px 0px !important;
	padding:8px 0px;
	text-align:center;
}
#info a {
	background-color:#173251;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	padding:4px 6px;
	text-decoration:none;
	float:left;
	border-top:0px solid #D4D8D9;
	border-right:2px solid #b7cde0;
	border-left:0px solid #CCCCCC;
	border-bottom:2px solid #b7cde0;
	margin:5pt auto 1.5em;


}

#info a:hover {
background-color:#222222;
color:#FFFFFF;
}

#submit {
	background-color:#173251;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	padding:4px 6px;
	text-decoration:none;
	float:left;
	border-top:0px solid #D4D8D9;
	border-right:2px solid #b7cde0;
	border-left:0px solid #CCCCCC;
	border-bottom:2px solid #b7cde0;
	margin:5pt auto 1.5em;


}


/*#homesec1 {
float:right;
margin-bottom:10px;
position:relative;
top:-10px;
width:200px;}*/

#homesec1 .section {
background:#FFFFFF none repeat scroll 0%;
border:1px solid #EEEEEE;
float:left;
margin-right:10px;
padding:2px;
width:235px;

}
#homesec1 h4 {
border:medium none;
color:#000;
font-family:"Tahoma",Arial,Helvetica,sans-serif;
font-size:1.2em;
line-height:1.5em;
margin-bottom:10px;
margin-right:0pt;
}

#homesec1 p {
color:#000;
opacity:0.7;
}


#homesec1 .section div {
min-height:0px;
padding:6px 12px 20px;
}
#section4 {
background: url("../images/bgbg.gif") repeat-x top;
color:#000;
}
#homesec1  ul {
	padding:0 10px 0 15px;
	margin:0;
}
#homesec1  ul li {
	padding: 0 0 6px 10px;
	margin:0;
	list-style:none;
	background: url("../images/arr.gif") no-repeat
}
#homesec2 .section {
background:#FFFFFF none repeat scroll 0%;
border:1px solid #EEEEEE;
float:left;
margin-right:0px;
padding:2px;
width:245px;

}
#homesec2 h4 {
border:medium none;
color:#000;
font-family:"Tahoma",Arial,Helvetica,sans-serif;
font-size:1.2em;
line-height:1.5em;
margin-bottom:10px;
margin-right:0pt;
}

#homesec2 p {
color:#000;
opacity:0.7;
}


#homesec2 .section div {
min-height:0px;
padding:6px 12px 20px;
}
#section2 {
background: url("../images/bgbg.gif") repeat-x;
color:#000;
/*background-color: #b6dcef;*/
}

#homesec2  ul {
	padding:0 10px 0 15px;
	margin:0;
}
#homesec2  ul li {
	padding: 0 0 6px 10px;
	margin:0;
	list-style:none;
	background: url("../images/arr.gif") no-repeat
}
/*--- bassic elements---- */
body {
	margin: 0px auto;
	padding:0;
	background:url("../images/headerbg.png") repeat-x top;
/*	background:url("../images/bg.gif") repeat-x top;
*/	color:#3F3F3F;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
a {
  -moz-outline: none 0;
  outline: none 0;
}
#wrapper {
	width: 753px;
	padding:0px;
	margin:0px;
	margin: 0px auto;
	padding:0;
}
img {
	border:none
}
img {
	padding:0;
	margin:0;
}
form {
	padding:0;
	margin:0;
}
.field {
	font: 10px Arial, Helvetica, sans-serif;
	color:#3F3F3F;
	border:1px solid #7F9DB9;
	margin:2px 0
}
/*--- header--- */
#header {
	width:753px;
	padding:0;
	margin:0;
	text-align:left
}
#logo {
	width:242px;
	height:94px;
	float:left;
}
#headright {
	width:491px;
	height:29px;
	background:url("../images/headbg1.gif") no-repeat;
	float:left;
	padding:65px 20px 0 0;
	text-align:right;
	margin:0;
}
#nav {
	width:753px;
	height:26px;
	padding: 0 0 0 0px;
	clear:both;
}
#nav ul {
	padding:0;
	margin:0;
}
#nav ul li {
	padding:10px 10px 10px 10px;
	margin:0;
/*	background: url("../images/but-sp.gif") no-repeat right; */
	font: 9pt Arial, Helvetica, sans-serif;
	color:#030303;
	float:left;
	line-height:24px;
	list-style:none;

}
#nav ul li a {
	color:#030303;
	text-decoration:none;

}
#nav ul li a:hover {
	color:#fff;
	text-decoration:none;
}
/*--- content--- */
#leftcol {
	width:503px;
	padding:0px 0 10px 0;
	float:left;
	text-align:left;
	margin:0 10px 0 0;
}


#wrapper #leftcol #focal {
	height: 208px;
	width: 503px;
}
#wrapper #leftcol #focal h1 {
	/*	color: #FFF7A5;*/
	color: #FFFFCC;
	font-size: 28px;
	position: absolute;
	letter-spacing: -1px;
	font-weight: bold;
	margin-top: 140px;
	margin-right: 18px;
	margin-bottom: 0px;
	margin-left: 18px;
}
#wrapper #leftcol #focal h2 {
	color: #FFFFFF;
	padding: 0px;
	position: absolute;
	margin-top: 165px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	font-size: 18px;
	letter-spacing: 1px;
	font-weight: normal;
	text-transform: capitalize;
}


#maintxt {
	width:503px;
	padding:0;
	margin:0 0 10px 0;
}
#maintxt #txt {
	width:495px;
	padding:0;
	margin:0;
	background: url("../images/tab-mid.gif") repeat-y;
	background:#FFFFFF none repeat scroll 0%;
	border:1px solid #EEEEEE;
	float:left;
	margin-right:0px;
	padding:2px;
	margin-bottom:10px;
}
#maintxt #txt #sub {
	width:483px;
	padding:0 0 0 10px;
	margin:0;
}
#maintxt #txt #sub a:link, #maintxt #txt #sub a:active {
	color:#023597;
	text-decoration:none;
}
#maintxt #txt #sub a:visited {
	color:#DF0000;
	text-decoration:none;
}
#leftcol h1 {
	font: bold 18px Arial, Helvetica, sans-serif;
	color:#023597;
	padding:0 0 10px 0;
	margin:0px;
}
#box1 {
	width:242px;
	padding:0;
	margin:0px 8px 10px 0;
	float: left
}
#box1 .mid {
	width:242px;
	background: url("../images/box1-2.gif") repeat-y;
}
#box1 .boxtxt {
	width:222px;
	padding: 0 10px 0 10px;
}
#box1 ul {
	padding:0 10px 0 15px;
	margin:0;
}
#box1 ul li {
	padding: 0 0 6px 10px;
	margin:0;
	list-style:none;
	background: url("../images/arr.gif") no-repeat;
}
#box2 {
	width:252px;
	padding:0;
	margin:0 0 10px 0;
	float: left
}
#box2 .mid {
	width:252px;
	background: url("../images/box2-2.gif") repeat-y;
}
#box2 .boxtxt {
	width:232px;
	padding: 0 10px 0 10px;
}
#box2 ul {
	padding:0 10px 0 15px;
	margin:0;
}
#box2 ul li {
	padding: 0 0 6px 10px;
	margin:0;
	list-style:none;
	background: url("../images/arr.gif") no-repeat
}
/*--- quick links--- */
#quicktxt {
	width:503px;
	margin:0;
}
#quicktxt #qtxt {
	width:503px;
	padding:0;
	margin: -3px 0 -2px 0;
	background: url("../images/tab-mid.gif") repeat-y;
}
#quicktxt #qtxt #qsub {
	width:483px;
	padding:0 0 0 20px;
	margin:0;
}
#quicktxt #qtxt #qsub a {
	color:#3F3F3F;
	text-decoration:underline;
	line-height:18px;
}
#quicktxt #qtxt #qsub a:hover {
	color:#DF0000;
	text-decoration:underline;
}
#leftcol h2 {
	font: bold 16px Arial, Helvetica, sans-serif;
	color:#023597;
	padding:0px 0px 0px 0px;
	margin:0px;
}
/*--- rightcol--- */
#rightcol {
	width:232px;
	padding:0px 0 10px 0;
	float: left;
	text-align:left;
/*	background: url("../images/bg_content1.gif") repeat-x top;
*/

}
#rtxt {
	width:232px;
/*	background: url("../images/right-img2.gif") repeat-y;
*/}
#rtxt .rsub {
	border-top:0px solid #D4D8D9;
	border-right:0px solid #CCCCCC;
	border-left:0px solid #CCCCCC;
	border-bottom:2px solid #CCCCCC;
	color:#fff !important;
	margin:0px 0px !important;
	padding:0 0 5px 0px;
	background-color:#2d5e92;
	text-align:center;
}

#rtxt .rsub2 {
	border-bottom:0px solid #acd0e0;
	border-left:0px solid #CBC5B0;
	border-right:0px solid #CBC5B0;
	/*border-right:1px solid #CBC5B0;*/
border-top:1px solid #acd0e0;
	clear:both;
	color:#656254;
	font-size:12px;
	padding:5px 5px;
	/*background-image:url(../images/box1-bg.gif)*/
background-color:#effafd;
}


#rtxt .rsub1 {
	width:208px;
	padding:0 0 0 8px;
	margin:0 0 0 10px;
	text-align:left;
	background-image:url(../images/box1-bg.gif)
	
}
#rtxt .rsubmanu {
	width:208px;
	padding:0 0 0 8px;
	margin:0 0 0 10px;
	text-align:left;
	background-image:url(../images/box1-bg.gif)

}


h2.plan {
background-color:#FFFF99;
}

h4 {
	font: bold 14px Arial, Helvetica, sans-serif;
	padding:10px 0 5px 0;
	margin:0px;
}
h4.red {
	color:#DF0000;
	
}
h4.nblue {
	color:#023391;
}
h4.black {
	color:#000;
}

h4.brown {
	color:#282929;
	background-color:#CCCC00
}
#rtxt .rsub ul {
	padding:0 10px 0 0;
	margin:0;
}
#rtxt .rsub ul li {
	padding: 0 0 10px 10px;
	margin:0;
	list-style:none;
	background: url("../images/arr2.gif") no-repeat;
	line-height:15px
}
#rtxt .rsubmanu ul {
	padding:0 0px 0 0;
	margin:0;
}
#rtxt .rsubmanu ul li {
	padding: 0 0 10px 10px;
	margin:0;
	list-style:none;
	background: url("../images/arr2.gif") no-repeat;
	line-height:15px
}
.smallblue {
	color:#023391;
	text-align:right;
	font-weight:bold;
	padding:8px 10px 0 0;
}
.smallblue a {
	color:#023391;
	text-decoration:none;
}
.smallblue a:hover {
	color:#023391;
	text-decoration:underline;
}
.smallblue1 {
	color:#023391;
	text-align:left;
	font-weight:bold;
	padding:5px 0 0 0px
}
.smallblue1 a {
	color:#023391;
	text-decoration:none;
}
.smallblue1 a:hover {
	color:#D30000;
	text-decoration:underline;
}
.smallred {
	color:#D30000;
	text-align:right;
	font-weight:bold;
	padding:10px 10px 0 0;
}
.smallred a {
	color:#D30000;
	text-decoration:none;
}
.smallred a:hover {
	color:#D30000;
	text-decoration:underline;
}
table {
	font: 11px Arial, Helvetica, sans-serif;
	color:#3F3F3F;
}
/*--- footer--- */
#footer {
	clear:both;
	width: 753px;
	padding:0px;
	margin: 0px auto;
}
.footmid {
	background: url("../images/footerbg.gif") no-repeat;
	height:34px;
	padding:5px 0 0 0;
	margin: -2px 0 0 2px
}
.mar {
	margin:0 0 -2px 0
}
.footmid a {
	color:#3F3F3F;
	text-decoration:underline;
	padding:0 4px 0 4px;
	line-height:18px
}
.footmid a:hover {
	color:#DF0000;
	text-decoration:underline;
}
/*--- copyright--- */
#copyright {
	clear:both;
	width: 753px;
	padding:10px 0 10px 0;
	margin: 0px auto;
}
/*--- rightcol--- */
h5 {
	font: bold 12px Arial, Helvetica, sans-serif;
	padding:0 0 0 0;
	margin:0px;
}
h5.red {
	color:#DF0000;
}
h5.nblue {
	color:#023391;
}
h5.black {
	color:#000;
}
#Submit {
	background-color:#A20000;
	color:#FFFFFF;
	font-size:12px;
	width:100px;
	cursor:pointer;
}