﻿h1
{
    font-family: Arial;
    background: transparent url(/imagestemp/bg_border_dotted.gif) repeat-x scroll left bottom;
    color: #657682;
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 7px;
    padding-bottom: 13px;
    font-weight: normal;
}
h2
{
    font-family: Arial;
    font-size: 18px;
    color: #657682;
    font-weight: normal;
    margin-bottom: 10px;
}
p
{
    font-family: Arial;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 4px;
    color: #666666;
}

top-nav-elements li a, top-nav-elements li a.visited
{
	font-size: 11px;
}

a, a.visited
{
	font-family: Arial;
    font-size: 12px;
    color: #569CBF;
    text-decoration: none;
}
a:hover
{
    color: #70ADCC;
}
#landingContent 
{
    padding-top: 77px;
    _padding-top:20px;
    padding-left: 18px;
    min-height: 600px;
    background: #ffffff url(/imagestemp/bg_landing.jpg) no-repeat scroll 0 0;
}
#landingHeader 
{
    height: 239px;
}
#landingPanels
{
    margin-top: 33px;
}
#landingPanels a
{
    background: transparent url(/imagestemp/bullet_arrow_blue_white.gif) no-repeat scroll 0 3px;
    font-weight: bold;
    line-height: 16px;
    margin-bottom: 4px;
    padding-left: 12px;
    color: #666666;
    text-decoration: none;
}
#landingPanels a:hover
{
    color: #70ADCC;
}
#leftPanel, #centerPanel, #rightPanel
{
    float:left;
    width: 208px;
    margin-right:3px;
}

#panelTopGreen, #panelTopOrange, #panelTopYellow
{
    font-family: Arial;
    color: #ffffff;
    font-size: 18px;
    font-weight: normal;
    height: 33px;
    width: 180px;
    padding-left: 14px;
    padding-top: 8px;
    padding-right: 10px;
    line-height: 24px;
}
#panelTopGreen 
{
    background-color: #cfdd64;
}
#panelTopOrange
{
    background-color: #efb142;
}
#panelTopYellow 
{
    background-color: #f6cf46;
}
.panelBottom
{
    background-color: #ffffff;
    padding-left: 14px;
    padding-top: 14px;
    padding-right: 10px;
    width: 180px;
    height: 200px;
}


.classcontainer {
	width: 219px;
	height: 340px;
	float: left;	
}

.middle 
{
	margin-right: 10px;
	margin-left: 10px;
}

#contentArea #academy .classcontainer h2 {
	height: 50px;
	font-size: 1.3em;
	margin: 0 0 5px 0;
	font-weight: bold;
	color:#666666;
}

.classcontainer .logo {
	float: right;
	width: 75px;
	margin: 5px;
}

.classcontainer p {
	margin-top: -5px;
	height: 130px;
	width: 210px;
}


.hours {
	font-weight: bold;
	color:#666666;
}

.greenBox {
	border-top: solid;
	border-top-color: #CFDD64;
	border-top-width: 25px;
	}
.orangeBox {
	border-top: solid;
	border-top-color: #EFB142;
	border-top-width: 25px;
	}
.yellowBox {
	border-top: solid;
	border-top-color: #F6CF46;
	border-top-width: 25px;
	}
.enroll {
	vertical-align: bottom;
}         

.courseType {
    font-size: 1.4em;
    color: white;
}

.pre {
    background-color: #CFDD64;
}

.post {
    background-color: #EFB142;       
}

.ce {
    background-color: #F6CF46;
}

#onlineCourses .pre td, #onlineCourses .post td, #onlineCourses .ce td {
	color:#FFFFFF;
	font-weight:bold;
}

			
.oddrow {
    background-color: #F1F7FB;
}

#onlineCourses td, #onlineCourses th {
    padding: 8px;    
	color:#666666;
}

#onlineCourses th {
            text-align: center;
            font-weight: bold;
}

.courseType td {
            padding: 10px;
}

.academyH1 {
border-bottom: 1px solid #E6E6E5;
border-top: 1px solid #E6E6E5;
color: #50A3D6;
font-size: 18px;
padding-top:10px;
background:none;
margin-bottom:20px;
}

#contentArea #academy p {
    color: #666666;
    font-family: Arial;
    font-size: 12px;
    line-height: 20px;
    margin-top: 16px;
}
