/*

	Chattahoochee Valley Community College
	Screen Stylesheet
	--------------------------------------------------

*/

body {margin: 0; padding: 0; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; background: #d5be63 url(../images/bg_body.gif) top left repeat;}
div {margin: 0; padding: 0;}
h1, h2, h3, h4, .content_h1, .content_h2, .content_h3, .content_h4, #content td.contentheading, #content div.componentheading, #content td.componentheading{font-family: Georgia, "Times New Roman", Times, serif;}
.print {display: none;} /* Print-specific elements, for use with print stylesheet */


#main {clear: both; width: 977px; background: url(../images/shadow_length.png) top left repeat-y; margin: 0 11px 0px 11px;}
#container {clear: both; width: 955px; background: #FFFFFF; text-align: left;}
#header {clear: both; width: 955px; height: 100px; background: url(../images/bg_header.jpg) top right no-repeat; overflow: hidden;}
#logo {float: left; padding: 19px 0 0 11px;}
	#logo h1 {display: none;} /* SEO */
	#mainnav {float: right; padding: 8px 10px 0 0; font-family: Georgia, "Times New Roman", Times, serif; text-align: right;}
	#mainnav ul {clear: both; list-style: none; display: inline; padding: 0; margin: 0;}
	#mainnav ul li {display: inline; margin: 0; padding: 0;}
	
	#uppernav {clear: both; display: block; border-bottom: 1px solid #9bb2ca;}
	#uppernav a {color: #6287ac; text-decoration: none;}
	#uppernav a:hover {color: #d5be63;}
	#uppernav ul li {padding: 0 5px 0px 12px;}
	#uppernav ul li.first {padding-left: 5px;}
	#uppernav ul li a {width: 100%; color: #6287ac;}
	#uppernav h2 {display: none; font-size: 15px; line-height: 18px; font-weight: bold; letter-spacing: -.5pt; padding: 0; margin: 0;} /* SEO / Low-quality version */
	#uppernav img {display: inline;} /* High-quality version */

	#supportnav {clear: both; display: block; padding: 8px 0 0 0;}
	#supportnav a {color: #a4a4a4; text-decoration: none;}
	#supportnav a:hover {color: #6287ac;}
	#supportnav ul li {padding: 0 5px 0px 8px;}
	#supportnav ul li a {width: 100%;}
	#supportnav h3 {display: none;  font-size: 13px; line-height: 16px; font-weight: bold; letter-spacing: -.5pt; padding: 0; margin: 0;} /* SEO / Low-quality version */
	#supportnav img {display: inline;} /* High-quality version */


#upperdivider, #lowerdivider {clear: both; width: 955px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; empty-cells: show; height: 10px;}
#upperdivider {background: #e2d292 url(../images/divider_upper.gif) repeat-y top right;}
#lowerdivider {background: #e2d292 url(../images/divider_lower.gif) repeat-y top left;}


/* Homepage */

#featurearea {clear: both; display: block; background: #99b5d3 url(../images/bg_featurearea.gif) top left repeat-x; color: #FFFFFF; height: 259px; font-family: Georgia, "Times New Roman", Times, serif;}
	#fa_col01 {float: left; width: 717px; border-right: 1px solid #FFFFFF; height: 259px; background: url(../images/features/fa_col01_01.png) top left no-repeat;}

	#fa_col02 {float: right; width: 217px; height: 239px; padding: 10px;}
	#fa_col02 ul {list-style: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11px; margin: 5px 0 0 0; padding: 5px 0 0 10px; border-top: 1px solid #FFFFFF;}
	#fa_col02 ul li {padding: 2px 0px; margin: 0;}
	#fa_col02 a {color: #FFFFFF; text-decoration: none; font-weight: bold;}
	#fa_col02 a:hover {color: #FFFFFF; text-decoration: none;}


#homecontentarea {clear: both; width: 955px; background: #EEEEEE url(../images/home/home_bg.gif) top left repeat-x; font-size: 11px;}
#homecontent, #homelinks {clear: both; display: block; width: 955px; background: url(../images/home/home_lines.gif) top left repeat-y; margin: 0;}
#homecontent:after, #homelinks:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0px; font-size: 0px;}
#homecol01content, #homecol02content, #homecol03content, #homecol01links, #homecol02links, #homecol03links {float: left; display: block; padding: 14px 15px 3px 15px;}
#homecol01content {width: 359px;}
#homecol02content {width: 295px;}
#homecol03content {width: 205px;}
#homecol01links, #homecol02links, #homecol03links {text-align: center; background: url(../images/home/home_border.gif) top left repeat-x; margin: 4px 15px 0px 15px !important; padding: 8px 0px 7px 0px !important;}
#homecol01links {width: 359px;}
#homecol02links {width: 295px;}
#homecol03links {width: 205px;}
#homelinks {color: #666666; font-weight: bold; font-size: 11px;}
#homelinks a {color: #666666; font-weight: bold; text-decoration: none;}
#homelinks a:hover {color: #6287ac;}

#homecontentarea a {color: #666666; text-decoration: none;}
#homecontentarea a:hover {color: #506e8c;}

#homecol01content ul {clear: both; list-style: none; padding: 2px 0 0 0; margin: 0;}
#homecol01content ul li {clear: both; padding: 5px 0 0 0;}
#homecol01content ul li.first {padding-top: 1px;}
#homecol01content ul li:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0px; font-size: 0px;}
#homecol01content .newsphoto {clear: both; float: left; width: 135px; padding: 0 0 4px 0; background: url(../images/home/photo_arrow.gif) right 4px no-repeat;}
#homecol01content .newsphoto img {border: 1px solid #666666;}
#homecol01content .newsdesc {float: left; clear: right; display: block; width: 205px; padding: 0 0 0 13px;}
#homecol01content .newsphoto a:hover img {border: 1px solid #506e8c;}

#homecol02content ul {clear: both; list-style: none; padding: 2px 0 0 0; margin: 0;}
#homecol02content ul li {clear: both; padding: 13px 0 0 0;}
#homecol02content ul li.first {padding-top: 1px;}
#homecol02content ul li:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0px; font-size: 0px;}
#homecol02content .caltime {clear: both; float: left; width: 94px; padding: 0 0 4px 0; background: url(../images/home/cal_border.gif) bottom left repeat-x;}
#homecol02content .caltime strong {color: #6287ac;}
#homecol02content .caldesc {float: left; clear: right; display: block; width: 192px; padding: 0 0 0 13px;}
#homecol02content .caltime a:hover strong {color: #506e8c;}


#homecontentarea h2 {display: none; clear: both; color: #6287ac; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; line-height: 20px; padding: 0 0 8px 0; margin: 0;} /* SEO */
#homecontent p {clear: both; margin: 0; padding: 0 0 4px 0;}


/* Secondary */
#bodyarea {clear: both; width: 100%; overflow: auto; background: url(../images/bg_bodyarea.gif) top left repeat-y;}
#navigation {float: left; width: 167px; background: url(../images/bg_nav.gif) top left repeat-x; padding: 5px; min-height: 100px; font-size: 11px;}
#navigation ul {list-style: none; margin: 0; padding: 10px 12px 10px 10px;}
#navigation ul li {margin: 0; padding: 2px 0;}
#navigation h2 {font-size: 16px; font-weight: normal; border-bottom: 1px solid #7194bc; margin: 0 0 5px 0; padding: 0 0 4px 0; color: #3671a9;}
#navigation a {color: #1f5598; text-decoration: none;}
#navigation a:hover {color: #6287ac; text-decoration: underline;}
#navigation h2 a:hover {text-decoration: none;}
#contentarea {float: left; width: 777px; padding: 0 0 0 1px;}

#bodydivider {clear: both; width: 705px; empty-cells: show; height: 10px; background: url(../images/divider_body.gif) repeat-y top right;}
#bodytop {clear: both; padding: 13px 10px 10px 10px;}
#crumbs {float: left; font-size: 10px; color: #6287ac;}
#crumbs a {color: #6287ac; text-decoration: none;}
#crumbs a:hover {color: #d5be63; text-decoration: underline;}
#tools {float: right; font-size: 10px;}
#tools a {padding: 0 5px 0 8px;}
#content {clear: both; padding: 0 10px; margin: 0; font-size: 11px;}
#content p, #content div {line-height: 19px; font-size: 11px; padding: 0 0 8px 0; margin: 0;}
#content h1, #content td.contentheading, #content div.componentheading, #content td.componentheading, .content_h1 {color: #6287ac; padding: 2px 0 8px 0; line-height: 28px; margin: 0; font-size: 25px;}
#content h2, .content_h2 {padding: 2px 0 8px 0; line-height: 23px; margin: 0; font-size: 20px;}
#content h3, .content_h3 {color: #6287ac; padding: 2px 0 8px 0; line-height: 20px; margin: 0; font-size: 17px;}
#content h4, .content_h4 {padding: 8px 6px 4px 0; line-height: 2px; margin: 0; margin-bottom: 0; font-size: 14px;}
#content ul {list-style: none; margin: 0; padding: 3px 6px 3px 8px;}
#content ul li {clear: both; padding: 1px 0 2px 8px;}
#content a {color: #6287ac; font-weight: bold; text-decoration: underline;}
#content a:hover {color: #d5be63; text-decoration: none;}


/*
	converting styles to classes so that they will be picked up in joomla - scc
*  /
.content_p {line-height: 19px; font-size: 11px; padding: 0 0 8px 0; margin: 0;}
.content_h1 {padding: 2px 0 8px 0; line-height: 28px; margin: 0; font-size: 25px;}
.content_h2 {padding: 2px 0 8px 0; line-height: 23px; margin: 0; font-size: 20px;}
.content_h3 {padding: 2px 0 8px 0; line-height: 20px; margin: 0; font-size: 17px;}
.content_h4 {padding: 2px 0 8px 0; line-height: 17px; margin: 0; font-size: 14px;}

*/


#gutter {float: right; width: 190px; padding: 6px 10px !important; background: #e2eaf2; margin: 0 0 15px 15px !important; empty-cells: hide;}
#content h2 {padding: 2px 0 8px 0; line-height: 19px; margin: 0; font-size: 16px;}
#content h3 {padding: 2px 0 8px 0; line-height: 17px; margin: 0; font-size: 14px;}
#content h4 {padding: 2px 0 8px 0; line-height: 15px; margin: 0; font-size: 12px;}
#gutter ul {}
#gutter ul li {}
#gutter a {color: #6287ac; text-decoration: underline;}
#gutter a:hover {color: #d5be63; text-decoration: none;}

#bodytop:after, #bodyarea:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0px; font-size: 0px;}

a[href$=".pdf"], .pdflink {background: url(../images/icons/pdf_icon.gif) top right no-repeat; padding: 2px 20px 2px 0; margin: 0 1px 0 0;}
a[href$=".xls"], .xlslink {background: url(../images/icons/excel_icon.gif) top right no-repeat; padding: 2px 20px 2px 0; margin: 0 1px 0 0;}
a[href$=".doc"], .doclink {background: url(../images/icons/word_icon.gif) top right no-repeat; padding: 2px 20px 2px 0; margin: 0 1px 0 0;}
/* For dynamically loaded icons in IE */
.v_icon {border: none; text-decoration: none; vertical-align: middle;}

/* Footer */

#footer {clear: both; width: 958px; padding: 11px 12px 10px 12px; margin: 0; font-size: 10px; color: #ffffff; background: url(../images/shadow_bottom.png) top left no-repeat;}
#footer p {line-height: 14px; padding: 0 0 2px 0; margin: 0;}
#footerleft {float: left; text-align: left;}
#footerright {float: right; text-align: right;}
	#footer a {color: #ffffff; text-decoration: none;}
	#credits a {color: #ede5c5;}
	#footer a:hover {color: #000000; text-decoration: underline;}

/* Etc. */
#emailer {position: absolute; z-index: 150; background: #e2eaf2; border: 1px solid #6287ac; padding: 10px; width: 220px; font-size: 10px;}
#emailer div {position: relative;}
#emailer input, #emailer textarea {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #666666; border: 1px solid #666666; margin: 4px 0px; padding: 1px 2px;}
#emailer textarea {width: 98%;}
#emailer input {width: 95%;}

#em_close {clear: none; z-index: 151; position: absolute !important; top: 4px; right: 0px; text-transform:uppercase;}
#em_close a {bordder-left: 1px solid #6287ac; bodrder-bottom: 1px solid #6287ac; padding: 3px 6px; color: #666666; text-decoration: none; line-height: 1em;}
#em_close a:hover {color: #000000; background: #e2d292;}

#em_content, #em_form, #em_buttons {clear: both; display: block; padding: 0;}
#em_form {clear: both; padding: 2px 0 3px 0; font-weight: bold;}
#em_buttons {border-top: 1px solid #666666; padding: 3px 0;}
/*#em_content:after, #em_form:after, #em_buttons:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0px; font-size: 0px;}
*/
#em_form p {clear: both; padding: 1px 0; margin: 0;}
#emailer h3, #emailer h4 {padding: 0 0 7px 0; margin: 0; line-height: 16px; font-size: 13px; font-weight: bold; color: #6287ac;}
#emailer h4 {font-weight: normal; color: #666666; font-size: 11px;}
#emailer .optional {font-weight: normal; color: #999999;}

#em_error {font-weight: bold; color: #FF0000; font-size: 11px; line-height: 15px; padding: 0 0 5px 0; display: none;}
#em_status {font-weight: bold; color: #00AA33; font-size: 11px; line-height: 15px; padding: 0 0 5px 0; display: none;}
#emailer .emerror {color: #FF0000 !important;}