/* CSS Document */
/*------------------------------------------------*/
/*------------------------------------------------*/
/*-------------------Body Tag---------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/

body {
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	text-align:center;
	background-image: url(../images/red-bg.gif);
	background-repeat: repeat-x;
	background-color: #747474;
}

h1 {font-family: Georgia, "Times New Roman", Times, serif;}

h2 {font-family: Georgia, "Times New Roman", Times, serif;}

h3 {font-family: Georgia, "Times New Roman", Times, serif;}

p {font-family: Arial, Helvetica, sans-serif;}



/*-------------------Top Gray bar----------------------*/

#topgray-bar {
	background-color: #333333;
	height: 25px;
	width: 100%;
}

#topgray-bar #toptext-frame {margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0px;
	background-color: #333333;
	width: 780px;
	height: 25px;
}
#toptext-frame P{
	margin: 0px;
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: right;
}

.arrowlistmenu{
	width: 100%; /*width of accordion menu*/
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font: bold 14px Arial;
	color: white;
	margin-bottom: 0px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase; /*header text is indented 10px*/
	cursor: pointer;
	cursor: pointer;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-image: url(../images/top-drop-bg.gif);
	background-repeat: repeat-x;
	height: 24px;
	margin-top: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
	background-color: #7B7B7B;
}

.arrowlistmenu ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	text-align: left;
}

.arrowlistmenu li {
	list-style-image: url(../images/cat-li.gif);
	color: #FFFFFF;
}

.arrowlistmenu A {
	color: #FFFFFF;
	text-decoration: none;
}

.arrowlistmenu A:HOVER {
	color: #EE2E24;
}

.categoryitems {
	height: auto;
	background-image: url(../images/tb.gif);
	background-repeat: repeat-x;
}
/*-------------------Top Gray bar ends----------------------*/

/*-------------------Frames wrapper top header----------------------*/

#frames{
	background-color: #FFFFFF;

	width: 748px;
	clear: none;
	margin-right: auto;
	margin-left: auto;
	padding-right: 12px;
	padding-left: 12px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

#frames #topareahome {

	width: 748px;
	background-color: #FFFFFF;
}

#topareahome a{
	text-decoration: none;
	color: #999999;
}

#topareahome a:hover{
	color: #BD1A20;
}

#topareahome #agentlogo{
	float: left;
	height: 69px;
	width: 281px;
}
#topareahome #righttoparea-home{
	float: left;
	width: 456px;
	height: 35px;
	text-align: right;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	margin: 0px;
}

#righttoparea-home #qicon{
	float: left;
	width: 265px;
	height: auto;
}

#righttoparea-home #phone{
	float: left;
	width: 190px;
	letter-spacing: -1px;
	color: #333333;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

/*-------------------Frames wrapper top header ends----------------------*/

/*-------------------Frames wrapper Middle content area/bg----------------------*/

#frames #contentareahome {
	height: auto;
	width: 748px;
	background-repeat: no-repeat;
	text-align: left;
}

#contentareahome #headerarea{
	float: left;
	/*	height: 243px;	*/
	width: 747px;
	background-image: url(../images/header-bg-nav.gif);
	background-repeat: no-repeat;
}

/*- Menu Tabs F--------------------------- */

    #tabsF {
	float:left;
	width:744px;
	font-size:93%;
	line-height:normal;
	height: 30px;
      }
    #tabsF ul {
	margin:0;
	list-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 5px;
      }
    #tabsF li {
	display:inline;
	padding: 0;
	margin: 0;
      }
    #tabsF a {
	float:left;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	background-image: url(../images/tableft6.gif);
	background-repeat: no-repeat;
	background-position: left top;
      }
    #tabsF a span {
	float:left;
	display:block;
	color:#333333;
	background-image: url(../images/tabright6.gif);
	background-repeat: no-repeat;
	background-position: right top;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 4px;
	padding-left: 6px;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsF a span {
	float:none;
}
    /* End IE5-Mac hack */
    #tabsF a:hover span {
      color:#666666;
      }
    #tabsF a:hover {
      background-position:0% -42px;
      }
    #tabsF a:hover span {
      background-position:100% -42px;
      }

        #tabsF #current a {
                background-position:0% -42px;
        }
        #tabsF #current a span {
                background-position:100% -42px;
        }


#headerarea #headerimage{
	float: left;
	height: auto;
	width: 394px;
	padding: 0px;
	margin-top: 5px;
	margin-left: 3px;
}

#headerarea #headertextarea {
	float: left;
	width: auto;
	margin-top: 4px;
	margin-right: 4px;
	padding: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#headertextarea h1{
	font-size: 20px;
	letter-spacing: -1px;
	color: #333333;
	font-weight: normal;
	margin-top: 25px;
	margin-left: 10px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#headertextarea h2{
	font-size: 16px;
	color: #333333;
	font-weight: normal;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

#headertextarea p{
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	width: 300px;
}

/*-------------------Right area Boxes ends----------------------*/

#frames #contentareahome #contentbg {
	float: left;
	height: auto;
	width: 738px;
	border-right-width: 5px;
	border-left-width: 4px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #D2D2D2;
	border-left-color: #D2D2D2;
	background-color: #FFFFFF;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #D2D2D2;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;

}
#contentbg #leftarea {
	width: 529px;
	height: auto;
	float: left;
	background:#fff;
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #D2D2D2;
	padding-bottom:14px;
}

#leftarea h1{
	width: 500px;
	font-size: 18px;
	font-weight: normal;
	margin-top: 10px;
	margin-left: 10px;
	float: left;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color: #333333;
}

#leftarea h2{
	width: 500px;
	font-size: 18px;
	font-weight: normal;
	margin-top: 5px;
	margin-left: 10px;
	padding: 0px;
	float: left;
	color: #cc9900;
	margin-right: 0px;
	margin-bottom: 0px;
}

#leftarea p {
	float: left;
	width: 520px;
}

#leftarea #boxesbgaea {
	float: left;
	height: 134px;
	width: 505px;
	background-image: url(../images/content-boxes-bg.gif);
	background-repeat: no-repeat;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-position: 6px;
	margin: 0px;
}

#boxesbgaea #box1 {
	float: left;
	height: 115px;
	width: 310px;
	background-color: #FCFCFC;
	border: 2px solid #D2D2D2;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding: 5px;
}

#box1 h2 {
	width: 290px;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	clear: both;
	margin: 0px;
}

#box1 p {
	width: 140px;
	float: left;
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}

#box1 a {
	font-size: 12px;
	color: #CC0000;
	text-decoration: none;
}

#box1 a:hover {
	color: #999999;
}

#box1 #dividerleft_courses {
	width: 141px;
	background-image: url(../images/courses-divider.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	height: 1px;
	clear: both;
}


/**/
#boxesbgaea #box2 {
	float: left;
	height: 115px;
	width: 145px;
	background-color: #FCFCFC;
	border: 2px solid #D2D2D2;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}

#box2 h2 {
	float: left;
	width: 140px;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#box2 p {
	width: 140px;
	float: left;
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}

#box2 a {
	font-size: 12px;
	color: #CC0000;
	text-decoration: none;
}

#box2 a:hover {
	color: #999999;
}

#box2 #dividerleft_courses {
	width: 141px;
	background-image: url(../images/courses-divider.gif);
	float: left;
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	height: 1px;
}


#leftarea #dividerleft {
	float: left;
	height: 11px;
	width: 528px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
}

#leftarea #quicklinksbg {
	float: left;
	height: 113px;
	width: 528px;
	background-image: url(../images/quick-links-bg.gif);
	margin-top: 10px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: center;
}

#quicklinksbg #sectionleft_quick{
	float: left;
	width: 220px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}

#sectionleft_quick h4 {
	color: #CC9900;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: -1px;
}

#sectionleft_quick ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 5px;
	padding-left: 0px;
	list-style-image: url(../images/arrows.gif);
	margin-left: 0px;
}
#sectionleft_quick li{
	margin: 0px;
	padding: 0px;
}

#sectionleft_quick a{
	color: #666666;
	text-decoration: none;
}
#sectionleft_quick a:hover{
	color: #C1272D;
}


#rightarea {
	float: left;
	width: 204px;
	height: auto;
}

#rightarea #boxinstructor{
	height: 178px;
	width: 204px;
	background-image: url(../images/hot-courses-bg.gif);
	background-position: 5px 5px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;

}
#boxinstructor h2{
	font-family: Georgia;
	font-size: 17px;
	letter-spacing: -1px;
	color: #333333;
	font-weight: normal;
	width: 180px;
	float: left;
	padding-left: 8px;
	line-height: normal;
	padding-top: 10px;
	margin: 0px;
}
#boxinstructor p{
	font-size: 11px;
	color: #666666;
	float: left;
	padding-left: 15px;
	width: 150px;
	padding-top: 10px;
	margin: 0px;
}

#boxsuccess{
	height: 145px;
	width: 204px;
	background-image: url(../images/success-bg3.gif);
	background-repeat: no-repeat;
	background-color: #ccc;
}

#boxsuccess h2{
	font-family: Georgia;
	font-size: 20px;
	letter-spacing: -1px;
	color: #333333;
	font-weight: normal;
	width: 150px;
	float: left;
	padding-left: 10px;
	line-height: 18px;
	padding-top: 10px;
	margin: 0px;
}

#boxsuccess p{
font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	float: left;
	padding-left: 15px;
	width: 170px;
	padding-top: 10px;
	margin: 0px;
}






#contentbg #leftarea_subpage{
	width: 529px;
	height: auto;
	float: left;
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #D2D2D2;
	padding-bottom:20px;
}

#leftarea_subpage h1{
	width: 500px;
	font-size: 18px;
	font-weight: normal;
	margin-top: 10px;
	margin-left: 10px;
	float: left;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color: #333333;
}

#leftarea_subpage h2{
	width: 500px;
	font-size: 18px;
	font-weight: normal;
	margin-top: 5px;
	margin-left: 10px;
	padding: 0px;
	float: left;
	color: #cc9900;
	margin-right: 0px;
	margin-bottom: 0px;
}

#leftarea_subpage h3{
	width: 500px;
	font-size: 18px;
	font-weight: normal;
	margin-top: 10px;
	margin-left: 10px;
	padding: 0px;
	color: #669900;
	margin-right: 0px;
	margin-bottom: 5px;
	clear: both;
}

#leftarea_subpage h4{
	width: 500px;
	font-size: 17px;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 10px;
	padding: 0px;
	color: #BD1A20;
	margin-right: 0px;
	margin-bottom: 5px;
	clear: both;
}

#leftarea_subpage p {
	font-size: 12px;
	margin: 10px 0;
	color: #333333;
	padding-left: 10px;
}

#leftarea_subpage a {
	color: #BD1A20;
	text-decoration: none;

}

#leftarea_subpage a:hover {
	color: #ffffff;
	background-color:#BD1A20

}
#leftarea_subpage ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	list-style-image: url(../images/arrows.gif);
}
#leftarea_subpage li {}

#middle #form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003668;
	width: 420px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#leftarea_subpage #form p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: left;
	width: 100px;
	margin: 0px;
	padding: 0px;

}

#form .red {
	color: #C49800;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}


#form .text1 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background-color: #333333;
}

#form .text2 {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background-color: #EEEEEE;
}

#form .tablel {
	border: 1px solid #999999;
}

#form .redsession {
	color: #CC0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}


#form .textarea {
	color: #017BAE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
#form .textform {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

/*-------------------Footer area bg----------------------*/

#frames #footerarea {

	width: 748px;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 0px;
	float:left;
	height:110px; * height:85px;
}
#footerarea #newsletter {
	background-image: url(../images/news-letter-bg.gif);
	float: left;
	height: 112px;
	width: 247px;
	background-repeat: no-repeat;
}
#footerarea #newsletter h3{
	font-size: 20px;
	font-weight: normal;
	margin: 0px;
	float: left;
	width: 180px;
	padding-left: 65px;
	letter-spacing: -1px;
	padding-top: 15px;
	color: #464646;

}
#newsletter p{
	font-size: 10px;
	color: #333333;
	float: left;
	width: 80px;
	margin: 0px;
	padding-left: 20px;
	padding-top: 20px;
}
#newsletter .newsfield {
	background-color: #F0F0F0;
	float: left;
	width: 120px;
	border: 1px solid #999999;
	margin-top: 15px;
	margin-left: 10px;
	margin-bottom: 0px;
	padding: 0px;
}

#newsletter .newsfieldbt {
	background-color: #666666;
	float: left;
	width: 75px;
	border: 1px solid #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	margin-top: -5px;
	font-weight: bold;
	margin-left: 20px;
}

#newsletter #signupbt {
	width: 100px;
	float: right;
	padding-top: 10px;
	padding-right: 15px;

}

/*-------------------Footer area bg ends ----------------------*/

/*-------------------Footer Newsletter ----------------------*/

#footerarea #footerlinks {
	width: 495px;
	float: left;
	height: 112px;
	margin-left: 5px;
	background-color: #F0F0F0;
}
#footerlinks p {
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	margin: 0px;
	float: left;
	width: 350px;
	padding-left: 10px;
}

#footerlinks ul {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 10px;
	padding-top: 30px;
}
#footerlinks li {
	display: inline;
}

#footerlinks a {
	color: #BD1A20;
}

#footerlinks a:hover{
	color: #666666;
	text-decoration: none;
}

/*-------------------Footer Links Ends---------------------*/

#instructor
{padding-top:12px;}