/* set defaults */
body { font-family : Arial ; background-color : #363636; color : #CCC; font-size : 12px;}

textarea { font-family : Arial; }

/* reset padding and margins of these elements */
h1, h2, h3, h4, body { padding : 0px; margin : 0px; }

p { color : #CCC; /* line-height : 150%; */ font-size : 12px; }

h1, h2, h3, h4 { font-family : Georgia; }
h1 { font-size : 18px; color : #FFF; }
h2 { font-size : 18px; color : #FFF; }
h3 { font-size : 16px; color : #FFF; }
h4 { font-size : 14px; color : #FFF; }

/* set the widths of these container elemetns to the required width and centered */
#topmenu ul, #header div, .nav ul, #content, #footerhead, #footer div, #copyright p { width : 860px; margin : auto; }

/* shared menu class to set configure menu horizontely and remove margins / padding to be handled at a lower level */
.menu { font-size : 12px; margin : 0px;	padding : 0px; margin : 0px; }
.menu li  {	display : inline; list-style-type : none; padding : 0px ; margin : 0px; }

#topmenu {
	height : 36px;
	background-image : url('./images/tab_bg.jpg');
	background-repeat : repeat-x;
	text-align : right; 
	font-family : Georgia;}

#topmenu a { 
	color : #ffffff;
	text-transform : uppercase;
	text-decoration : none;
	height : 36px;
	display : inline-block;
	line-height : 30px;
	padding : 6px 20px 0px 20px;
	font-size : 12px;
	font-weight : bold;
	}

/* outside header and inside header */
#header div 
{ 
	height : 136px; 
	background-repeat: repeat-x; background-repeat : no-repeat; 	
	}
	
#homeimage {
	width : 217px;
	height : 136px;
	display : block;
}	

/* use a div .nav for container and ul for inner placement */
div.nav { 
	background-color : #ddd;
	height : 34px; 
	line-height : 34px; /* this will make the text verticly centered */
	text-align : left;
	font-family : Georgia;
	}	
div.nav li { padding : 0px 20px 0px 0px; }	
div.nav a { text-decoration : none; color : #666; text-transform : capitalize; font-weight : bold; font-size : 12px; }

div.nav a:hover { color : #000; }

#content { padding : 40px 0px 0px 0px; text-align : justify; min-height : 200px; line-height : 150%; }

#content a:hover { color : #fff; }

/* columns */
#leftcol { float : left; width : 620px; color : #aaa; }
#rightcol { float : right; width : 200px; margin-top : 54px; }

/* h3's div's in the right column */	
#rightcol h3 { 
	font-size : 12px; 
	background-color : #303030;
	color : #999; 
	padding : 7px 10px; 
	line-height : 12px; 
	text-transform : uppercase;
	padding : 10px 0px 11px 20px;
	}	

#rightcol div.course { 
	background-color : #262626; 
	padding : 15px 20px;
	color : #CCC; 
	font-size : 12px; 
	line-height : 150%;
	color : #717171;
	text-align : left;	
	}			
	
#rightcol div.course h3 { color : #999; font-size : 12px; margin : 0px; padding : 0px; 
						  background-color : Transparent; text-transform : none; line-height : 14pt;}
#rightcol div.course p { color : #717171; font-size : 12px; margin : 10px 0px 0px 0px; }
#rightcol div.course p label { color : #999; display : block; }

#rightcol div.course:hover p { color : #aaa; }
#rightcol div.course:hover p label { color : #ddd; }



/* use this footer to hold the image */
#footerhead {
	background-image : url('./images/footer_logo_top.jpg');
	background-repeat : no-repeat;
	background-position : right bottom;
	height : 40px;
	clear : both;
}

#footer { 
	clear : both; 
	height : 100px; 
	background-color : #262626; }
	
#footer div {
	background-image : url('./images/footer_logo_bottom.jpg');
	background-repeat : no-repeat;
	background-position : right top;
	height : 100px;
	line-height : 35px;
	padding-top : 15px;
	color : #aaa;
}
	
#footer ul li {padding : 0px 20px 0px 0px; color : #bbb; font-family : Georgia; } 
#footer a { text-decoration : none; color : #bbb; font-weight : bold; }
#footer a:hover { color : #fff; }

#copyright p { text-align : center; margin-top : 0px; padding : 5px; color : #5b5b5b; }
#copyright a { text-decoration : none; color : #5b5b5b; font-weight : bold; }
#copyright p:hover { color : #fff; }
#copyright p:hover a { color : #fff; }

/* Active / Inactive hyperlinks for site tabs */
a.jc , a.gw { background-repeat : repeat-x;}

a.jc { background-image : url('./images/tab_off_purple.jpg'); }
a.gw { background-image : url('./images/tab_off_blue.jpg'); }

a.jc_active , a.gw_active { background-repeat : repeat-x;}

a.jc_active { background-image : url('./images/tab_on_purple.jpg'); }
a.gw_active { background-image : url('./images/tab_on_blue.jpg'); }


/* style here for content styling */
h1.pagehead { height : 54px; line-height : 54px; background-color : #303030; color : #FFF; padding-left : 20px; }

div.content { background-color : #262626; padding : 20px; text-align : justify; }

div.content h2 { color : #ddd; }
div.content h3 { color : #ddd; margin-top : 30px; }
div.content h4 { color : #ddd; font-family : Arial; }

div.content * { font-size : 12px; }

/* New styles for content */
div.content p { margin : 20px 0px 0px 0px; color : #aaa; }
div.content h3 + p { margin : 0px; }

div.content h2:first-child { margin : 0px; }
div.content h3:first-child { margin : 0px; }
div.content h4:first-child { margin : 0px; }
div.content p:first-child { margin : 0px; }

div.quote { 
    background-color : #363636; 
    color : #fff; 
    padding : 20px;
    margin : 40px 20px 20px 20px;
    }        

a.pagenext { 
	background-color : #262626; 
	padding : 10px 20px 12px 20px; 
	float : right; 
	text-decoration : none; 
	font-weight: bold; 
	color : #FFF; }
	
a.pagenext:hover { 
	border-bottom-color : #FFF; }	
	
span.tm { vertical-align : super; font-weight : bold; font-size : 6px; }

div.imgcontainer div { text-align : right ; font-size : 10px; padding-right : 10px; color : #aaa;}
div.imgcontainer img { display : block; }

a { font-weight : bold; text-decoration : none; color: #ddd; }