﻿body {
    background: url('../Images/bg.jpg') repeat-y ;
    font-family: Century Gothic;
    height: 100%;
}

a {text-decoration:underline; font-family:Century Gothic;}
a img {border-style: none;}
a:hover {text-decoration:underline; font-family:Century Gothic;}

a:hover {
	color: #a9121f;
	text-decoration: none;
}
h1 {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0.8em 0px 0.2em;
	padding-top: 0px;
}
h2 {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0.8em 0px 0.2em;
	padding-top: 0px;
}
h3 {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0.8em 0px 0.2em;
	padding-top: 0px;
	color:#495a50;
}
p {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0.4em 0px 0.8em;
	padding-top: 0px;
}
#wrapper    {display:block; width:960px; margin:0 auto;}
#page {	
	margin-left:auto;
	margin-right:auto;
	width:960px;
	padding-top:5px;
}
#headertop	{
	background-color:#ffffff;
}
#bodyhome	{
	padding:2px 5px;
	background-color:#fff;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}
#column_left{
	width:585px;
	float:left;
	text-align:left;
	padding-right:10px;
	padding-left:10px;
	border-right:1px solid #1c3b80;
    height:auto;
}
    #column_left h1 {
        font-family: Century Gothic;
        font-size: 16px;
        font-weight: bold;
        padding: 10px 0px 10px;
        /*background-image:url('../Images/h1background.png');*/
        background-repeat:no-repeat;
        text-align:center;
        background-color:#566906;
        color:#fff;
        width:80%;
        margin-left:65px;
         vertical-align:middle;
    }
#column_left p {
	font-size:14px;
	line-height:15px;
}


#column_left H2 {
	FONT-SIZE:16px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0.4em;
	font-variant:small-caps;
	text-align:left;
	color:#000000;
}
#column_left H3 {
	FONT-SIZE:15px;
	color:#000000;
	font-family: Century Gothic;
	font-weight:normal;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 5px;
	MARGIN: 0px;
	text-align:left;
	font-style: normal;
}
#column_left a	{
	font-size:13px;
	color:blue;
	PADDING:5px 0 10px 5px;
	font-weight:normal;
    font-family:Century Gothic;
       padding:5px 0 10px 0px !important;
}
#column_left a.hover	{
	font-size:13px;
	color:blue;
	font-variant:small-caps;
	PADDING:5px 0 0 5px; 
    font-family:Century Gothic;
}

#column_left ul	{
	margin-left: 5px;
	/*list-style-image:url('../Images/bullet.gif');*/
	margin-top:0px;
	font-size:14px;
	list-style-position: outside !important;
}


/* RIGHT COLUMN*/

#column_right	{
	width:325px;
	float:right;
    padding-top:10px;
}
#column_right a	{
	font-size:11px;
	color:#FFFF00;
}
#column_right .toplogin	{
	background-color:#566906;
	display:block;
	width:100%;
	text-align:left;
	margin-bottom:15px;
	padding-bottom:10px;
	border-bottom:5px solid #2e2e2e; 
	padding-top:0px;
}
#column_right h3.toplogintitle	{
	display:block;
	line-height:20px;
	height:20px;
	background-color:#2e2e2e ;
	color:#ffffff;
	font-size:13px;
	padding-left:5px;
	margin-top:0px;
}
#column_right .loginlable {
	font-size:12px;
	font-weight:bold;
	margin-left:5px;
    color:#ffff00;
}
 .rndheader {
	background-image:url('../Images/btnBlk.gif');
	background-repeat:no-repeat;
	color: #FFFF00;
	display:block;
	width:312px;
	height:40px;
	text-align:center;
	padding: 5px 0 0 7px;
	font-size:12px;
    line-height: 30px;
	font-weight:bold;
	text-decoration:none;
	margin:15px auto;
}
#column_right a.chatbttn{
	margin-top:5px;
	float: left;
	display:inline;
}
#column_right h1	{
	font-size:18px;
	font-weight:bold;
	margin:0
}
#column_right .actioncall	{
	display:block;
	margin:10px 10px 0 25px;
}
#column_right .actioncall2	{
	font-size:14px;
	font-weight:bold;
	color:#000000;
	margin:0 auto;
	display:inline;
}
#column_right .actioncall1	{
	font-size:16px;
	font-weight:bold;
	color:#000000;
	margin:0;
	display:inline;
}

#column_right h3	{
	color:#B80007;
	font-size:13px;
	padding-left:5px;
}
#column_right p	{
	font-size:12px;
	font-variant: normal;
	padding:0;
	margin:0 0 10px 10px;
}

    #column_right .clsButtonLogin {
        width: 100px;
        padding-right: 8px;
        color: #ffffff;
        font-family:Century Gothic;
        font-size: 14px;
        line-height: 25px;
        font-weight: bold;
        margin: 5px 0 0 75px;
        background-color: transparent;
        border: 0;
        background-image: url('../Images/btnBlack100x35.png');
        background-repeat: no-repeat;
        height:40px;
    }
	
#column_right .clsButtonLogin:hover {
	width:100px; 
	padding-right:8px;
	color:#ffffff; 
	font-family:Century Gothic;
	font-size:14px; 
	font-weight:bold; 
	margin:5px 0 0 75px; 
	background-color: transparent;
	border:0; 

}

#column_right .clsButtonRegister {
	text-decoration:none; 
	width:100px; 
	display:block; 
	color:#ffffff; 
	font-family:Century Gothic; 
	font-size:12px;
	line-height:25px;
	padding-left:8px; 
	font-weight:bold;
	margin:10px 0 0 75px; 
	background-color:transparent;
	border:0;
	background-image:url('../Images/bttnBlueButton100.png');
	background-repeat:no-repeat;}
	
#column_right .clsButtonRegister:hover {
	text-decoration:none; 
	width:100px; 
	display:block; 
	color:#ffffff; 
	font-family:Century Gothic;
	font-size:12px;
	line-height:25px;
	padding-left:8px; 
	font-weight:bold;
	margin:10px 0 0 75px; 
	background-color:transparent;
	border:0;
	background-image:url('../Images/bttnBlueButton100.png');
	background-repeat:no-repeat;}

/* COURSE LIST */

#courselist	{
	border-top: 3px solid #472604;
	background-color:#fff;
	display:block;
	width:100%;
	margin-top:20px;
	padding-top:10px;
	padding-bottom:25px;
	clear:both;
}
#courselist ul	{
	margin-left: 5px;
	/*list-style-image:url('../Images/bullet.gif');*/
	margin-top:5px;
	
}
#courselist li a {
	font-size:14px;
	font-variant:normal;
	padding-left:0px;
	padding-bottom:0px;
	color:blue;
}
#courselist p.text	{
	font-size:14px;
	font-variant:normal;
	margin-left:2px;
}
#courselist .featuretitle	{
	color:#000000;
	margin:0;
	display:block;
	text-align:left;
	font-size:15px;
}
#courselist p.clsCourseTitle	{
	font-size:13px;
	font-weight:bold;
}
#courselist p.clsRed	{
	font-size:12px;
	font-variant:normal;
	color:red;
	font-weight:bold;
}
#courselist a.clsCourseBtn	{
	display:block;
	line-height:25px;
	height:25px;
	color:#ffffff;
	font-weight:bold;
	font-size:13px;
	width:200px; 
	margin:0 0 0 130px;
	padding-left:25px;
	background-image:url('../Images/bttngrey.png');
	background-repeat:no-repeat;
	background-position:left center;
	text-decoration:none;
	font-variant:normal;
}
#courselist a:hover.clsCourseBtn	{
	background-image:url('../Images/bttngrey.png');
	text-decoration:underline;
	font-variant:normal;
}

#courselist img.clsCourseImg {
	width:114px;
	border:0;
	float:left;
	margin-right:5px;
}

.formfields {
	font-family: Century Gothic;
	font-size: 11px;
	border-top: 1px solid;
	border-left: 1px solid;
}

.msgerror	{
	font-size:8px;
	color:red;
}
/* FOOTER */
#footer {
	background-color: transparent;
	clear: both;
	display:block;
	width:960px;
}

.clslblHomePage
{
	PADDING-RIGHT: 15px;	
	PADDING-BOTTOM: 5px;
	MARGIN: 0px;
	PADDING-TOP: 0.4em;
	font-size:13px;
}

/* Customize these elements for Private Labels and Online Campus sites */
/* Client colors = */
.red	{
	color: #83023A;
}
.redbold	{
	color: #83023A;
	font-weight:bold;
}
/*Client Specific CSS */


/* Main site */
.clsMainFooter
{
	background-color:transparent;
	width:100%;
	height:50px;
}
.clsMainHeader
{
	margin-left:auto;
	margin-right:auto;
	width:960px;
	border:none; 
}
/* This class flows through many of the controls. */
.clsTablePageContainer
{	
	margin-left:auto;
	margin-right:auto;
	width:960px;
	background-color: #ffffff;
	padding-top:5px;
	border-left:0px #83023a solid;
 	border-right:0px #83023a solid;
  	border-bottom:0px #83023a solid;
}
.clsTableFooterContainer
{
 	text-align:center;
 	margin-left:auto;
	margin-right:auto;
 	width:960px;
 	background-color: transparent;
}
.clsTableAdminContainer
{
 	text-align:center;
 	margin-top:-10px;
 	margin-left:auto;
 	margin-right:auto;
 	width:960px;
 	background-color: #FFFFFF;
 	padding-top:10px;
 	padding-bottom:10px;
}

.clsTablePageContainerNew
{
	border-top:1pt solid #ccc; border-left:1pt solid #ccc; border-right:1pt solid #ccc;
	margin-left:auto;
	margin-right:auto;	
	height:100%;
	background-color: #ffffff;
	width:1024px;
}

.clsLogoCellContainer
{
	text-align:right;
	margin-left:auto;
	margin-right:auto;
	width:864px; 
}

.clsLoginLabelBold
{
	font-family: Century Gothic;
	font-size: 10pt;
	color: #000;
	font-weight: bold;
	padding-top:2px;
	padding-bottom:5px;
	margin-bottom:5px;
}
.clsLoginLinks
{
	font-family: Century Gothic;
	font-size: 10pt;
	color: #000;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 0px;
	text-align: left;
}
.clsLoginLinks:hover
{
	font-family: Century Gothic;
	font-size: 10pt;
	color: #3835B5;
	text-decoration: underline;
	padding-right: 10px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 0px;
	text-align: left;
}
.clsFooterLabelBold
{
	font-family: Arial;
	font-size: 10px;
	color: #fff;
	font-weight: bold;
}
.clsFooterLinks
{
	font-family:Century Gothic;
	font-size: 10px;
	color: #fff;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 0px;
	text-align: left;
}
.clsFooterLinks:hover
{
	font-family: Century Gothic;
	font-size: 10px;
	color: red;
	text-decoration: underline;
	padding-right: 10px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 0px;
	text-align: left;
}

/* Left side navigation after login */

.clsNavPrimary {width: 100%;background-color: #F4D411; color:#ffffff;}
.clsNavPrimary a {display: block;width: 95%;padding:3px 2px; font-size:9pt; font-weight:bold; text-decoration:none;color:#000000;font-family:Arial;cursor: hand;}
.clsNavPrimary a:hover {display: block;width: 95%; padding:2px; font-size:9pt;font-weight:bold;text-decoration:none;color:#ffffff;font-family:Arial;background-color: #3835B5; BORDER-TOP: #495A50 1pt solid; BORDER-BOTTOM: #495A50 1pt solid;}
.clsNavPrimary .Group {width: 100%; background-color: #F4D411;}

.PLHomeImage {width:329px; float:left; padding: 0 0 0 5px;}

/*Main content panel on PL Home page */
.panel01	{	
	height:200px;
	width:200px;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
	border-left:solid 1px #ffffff;
	text-align: left;
	vertical-align: top;
	background:white;
	margin: 15px 0px 5px 0px;
	padding: 0.25em
}
.panel01title {
	padding: 0.5em;
	width: 225px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	border: 1px #fff solid;
	font-variant:small-caps;
	font-size:14px;
	background-color: #495A50;
}
.panel01 h1 {
	padding: 0.5em;
	width: 225px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	border: 1px #0076c0 solid;
	font-variant:small-caps;
	font-size:14px;
	background-color:#495A50;
}
.panel01 h3	{
	font-family: Century Gothic;
	font-weight: normal;
	color: #000000;
	text-align:center;
	font-size:14pt;
	font-style:normal;

}
.panel02	{
	text-align: center;
	vertical-align: top;
	background:#ffffff;
	margin: 15px 5px 10px 0px;
	padding: 5px 5px 50px 5px;
	background-image: url('../Images/homeimage1.jpg');
	background-position:100% 40%;
	background-repeat:no-repeat;
}
.panel02title {
	padding: 0.5em;
	width: 100%;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	background-color: #495A50;
}
.panel02 h1	{
	font-family: Century Gothic;
	font-size:14px;
	font-weight:bold;
	color: #fff;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	border: solid 0px;
	background-color:#566906;
}
.panel02 h3	{
	font-family: Century Gothic;
	font-size:18px;
	font-weight:bold;
	color:#495A50;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	border: solid 0px;
	background-image:none;
}
.panel02 ul	{
	margin-left:20px;
	font-size:13px;
}
.panel02 li	{
	padding-bottom:2px;
	margin-bottom:2px;
	list-style: disc;
}


/* text for the login instructions on the home page under the login */
#logintext p {
	font-family: Century Gothic;
	font-size: 9pt;
	font-weight: normal;
	color: #000;
	text-align: center;
	padding:0 10px 0 0px;
}
#logintext p.bold {
	font-family:Century Gothic;
	font-size: 9pt;
	font-weight: bold;
	color: #83023A;
	padding:0;
	display:block;
}

.header01 {
	font-family: Century Gothic;
	font-size: 19pt;
	font-weight: bold;
	color: #000000;
	text-align: center;
}
.header02 {
	font-family: Century Gothic;
	font-weight: bold;
	color: #676767;
	text-align: left;
	font-size:20pt;
	text-align:center;
}
.header03 {
	font-family:Century Gothic;
	font-weight: normal;
	color: #009EA5;
	text-align:center;
	font-size:9pt;
	font-weight:bold;
	font-style:italic;
	padding:0;
}
.clsSubHeader01 {
	font-family:Century Gothic;
	font-weight: bold;
	color: #000000;
	text-align: left;
	font-size:18px;
	text-align:left;
	font-style:normal;
}
.clsTable01
{
	border-color: #0076c0;
	border-style: solid;
	border-width: 0.05em;
	padding: 0.2em;
	}
.list01 {
	font-family: Tahoma,Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	list-style-type: square;
	text-align: left;
	text-indent: 5px;
}
.bodytext01 {
	font-family:Century Gothic;
	font-size: 13px;
	color: #000000;
	text-align: left;
	margin:0 auto 0 auto;
}
.bodytext02 {
	font-family: Century Gothic;
	font-size: 13px;
	color: #000000;
	text-align: left;
	margin:0 200px 0 auto;
}
.bodytext03 {
	font-family: Century Gothic;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
	text-align: left;
	text-indent: 0px;
	padding: 0.2em 1em 0.1em 1em;
}
.linktext01 {
	font-family: Century Gothic;
	font-size: 13px;
	font-weight: normal;
	color: #ffff00;
	text-align: left;
	text-decoration: none;
	padding-left:75px;
}
.linktext01:hover {
	font-family: Century Gothic;
	font-size: 13px;
	font-weight: normal;
	color: #CC0000;
	text-align: left;
	text-decoration:underline;
	padding-left:75px;
}



/* --TAB MENU -- */

.Menu {
    width: 990px;
    border-collapse: collapse;
    background: url("../Images/navbar.png") no-repeat;
    height: 45px;
    margin: 7px 0 10px 2px;
    padding: 8px 5px 5px 9px;
    color:#fff;
    font-size:14px;
    font-weight:bold;
}

.Menu td { width:0 !important; }

.staticMenuItemStyle {
    height: 20px;
    display: block;
    float: left;
    text-align: center;
    padding-top: 3px;
    color: #fff;
    text-transform: uppercase;
    list-style: none outside none;
    margin: 0;
    width: 150px;
}

a.staticMenuItemStyle {
    font-family:Century Gothic;
    font-size: 14px;
    font-weight: bold;
    color:#fff;
}


.staticMenuItemStyle a:hover 
{
    color:#a0c207;
    font-family: Century Gothic;
    font-size: 13px;
    text-decoration:underline; 
    display:block; 
    height:20px;
    width:150px;
    padding-top:3px;
    padding-right:0px;
    padding-left:0px;
}

   
.dynamicMenuItemStyle 
{
background-image:url('../Images/menu_bg.gif');
background-repeat:repeat-x; 
}


a.dynamicMenuItemStyle 
{
    color: #FFFFFF;
    background-image:url('../Images/menu_bg.gif');
    background-repeat:repeat-x;
    font-family: Century Gothic;
    font-size: 14px;
    font-weight: bold; 
    padding:5px; 
    display:block;    
}
    

a:hover.dynamicMenuItemStyle 
{
    background-image:url('../Images/menu_bg_over.gif');
    background-repeat:repeat-x;
    color:#660033;
    font-family: Century Gothic;
    font-size: 14px;
    font-weight: bold; 
    padding:5px;   
    display:block;   
}


/* Quick Links Panel */
.clsQuickLinksNew {color: #111049; font-size:9pt;padding:5px}
.clsQuickLinksNew a {width: 100%; font-size:9pt;text-decoration:underline;color: #111049;font-family: Century Gothic; padding:5px}
.clsQuickLinksNew a:hover {width: 100%; font-size:9pt;text-decoration:none;color: #111049;font-family: Century Gothic;padding:5px}
.clsQuickLinksNew .clsQuickLinkWithSpace{margin-bottom: 10px;padding:5px}

/* Menu Bar Parts - buttons at the bottom of my account page */
.clsMenuBar {background-color:#ffffff; margin-top:5px; margin-bottom:5px; line-height:19pt; }
.clsMenuItem
{
    text-decoration: none;
    display: inline;
    color: #fff;
    font-size: 9pt;
    font-weight:bold;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    padding-right: 8px;
    border-right: #75c041 1.5pt outset;
    border-top: #75c041 1pt solid;
    border-left: #75c041 1pt solid;
    border-bottom: #75c041 1.5pt outset;
    background-color: #111049;
}
/* Quick Links Panel */
.clsQuickLinks {color: #111049; font-size:9pt;}
.clsQuickLinks a {width: 100%; font-size:9pt;text-decoration:underline; color:#111049;font-family:Century Gothic;}
.clsQuickLinks a:hover {width: 100%; font-size:9pt;text-decoration:none;color:#111049;font-family:Century Gothic;}
.clsQuickLinks .clsQuickLinkWithSpace{margin-bottom: 10px;}

/* Page Titles and Text */
.clsPublicContentTitle {font-size:19px; line-height:14pt; width:99%; color: #000; font-style:italic; background-color: #ffffff; padding-top:10px; padding-bottom:0px; padding-left:5px; padding-right:5px; font-weight:normal;}
.clsPublicContentBody {font-family:Century Gothic;font-size:9pt; width:99%;color: #000000;background-color: #ffffff;padding-top:5px;padding-bottom:5px;padding-left:5px;padding-right:5px;}

.clsNavLink { FONT-SIZE: 9pt; COLOR: #3835B5; FONT-FAMILY: Century Gothic; TEXT-DECORATION: underline; }
.clsNavLink:hover { FONT-SIZE: 9pt; COLOR: #3835B5; FONT-FAMILY: Century Gothic; TEXT-DECORATION: underline }



/*                      End Custom                     */