/* CSS Document */

/*--------------------------------------------------------
Styles for the New Home Page

	author:		Kevin deLeon
	email:		kdeleon@cfcc.edu or kevin.deleon@gmail.com
	website:	http://cfcc.edu
---------------------------------------------------------*/

/*----------------------------------------------------------------------------------------
styles for leftColumn Container. Contains the mastHead, News, and audNav and changeBanner
-----------------------------------------------------------------------------------------*/
#slidenews{
	position: relative;
	display: inline;
	float: left;
	width: 944px;
	overflow: hidden;
	text-align: left;
	background-image: url(../../images/garadientbackground.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	height: 287px;
	margin-top: 3px;
	margin-right: 3px;
	margin-left: 3px;
	margin-bottom: 5px;
}

/*--------------------------------------------
mastHead is for the banner on the homepage
---------------------------------------------*/

#mastHead {
	position: relative;
	width: 944px;
	height: 75px;
	float: left;
	margin-top: 3px;
	margin-left: 3px;
	padding: 0;
}

a.replace {
	display: block;
} 

h1#logo {
	position: relative;
	width: 944px;
	height: 75px;
	font-size: 1px;
	/* ignored in IE/Mac \*/
	overflow: hidden;
	font-size: 14px;
	/* */
}

h1#logo a span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background-image: url(../../images/homebanner.jpg);
}

h1#logo50 {
        position: absolute;
        width: 90px;
        height: 75px;
        top: 0px;
        left: 672px;
        font-size: 1px;
        /* ignored in IE/Mac \*/
        overflow: hidden;
        font-size: 14px;
        /* */
}



/*-------------------------------------
audNav is for the audience based
navigation in the black box under 
the banner.
--------------------------------------*/

/*
#audNav {
	position: relative;
	float: left;
	width: 936px;
	margin-top: 2px;
	margin-left: 3px;
	padding: 4px 4px 4px 4px;
	background-color: #000;
	text-align:center;
}

#audNav ul li {
	color: #fff;
	display: inline;
	font-size: 14px;
        font-weight: bold;
}

#audNav ul li a {
	color: #eee;
	text-decoration: none;
}

#audNav ul li a:hover { 
	color: #eee;
	text-decoration: underline;
}
*/
#audNav {
	position: relative;
	float: left;
	width: 936px;
	margin-top: 3px;
	margin-left: 3px;
	padding: 4px 4px 4px 4px;
	background-color: #222;
	text-align:center;
}
#audNav ul li {
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	list-style-type: none;
}
#audNav li {
	margin-bottom: 4px;
	background-image: url(../../images/icons/carrot.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 8px;
	margin-left: 4px;
}
#audNav ul li a {
	color: #eee;
	text-decoration: none;
}

#audNav ul li a:hover { 
	color: #eee;
	text-decoration: underline;
}
#audNav1 {
	float: left;
	width: 20%;
	text-align: left;
	padding: 3px;
	
}
#audNav2 {
	float: left;
	width: 20%;
	text-align: left;
	padding: 3px;
	
}
#audNav3 {
	float: left;
	width: 20%;
	text-align: left;
	padding: 3px;
}
#audNav4 {
	float: right;
	width: 35%;
	text-align: right;
	padding-right: 3px;
}
#flash {
	position: relative;
	float: left;
	overflow: hidden;
	width: 461px;
	height: 277px;
	padding: 0px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 4px;
}

#athleticsbanner {
	margin-left: 0px;
	margin-top: 4px;
}
#foundationbanner {
	margin-left: 0px;
	margin-top: 4px;
	text-align: right;
}

#news{
	position: relative;
	float: left;
	overflow: hidden;
	width: 461px;
	padding-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
}

#news h2 a {
	color: #1c3778;
	font-size: 22px;
	text-decoration: none;
}

#news h2 a:hover {
	color: #7490D2;
	font-size: 22px;
	text-decoration: underline;
}

#news h2 {
	color: #21428F;
	font-size: 22px;
}

#news ul li {
	font-size: 11px;
	list-style: none;
	padding: 0 0 5px 0;
	line-height: 120%;
}

#news ul li a {
	font-size: 11px;
	list-style: none;
	color: #000;
	text-decoration: none;
}

#news ul li a:hover {
	font-size: 11px;
	list-style: none;
	color: #FFF;
	text-decoration: underline;
}
#studentserv{
	position: relative;
	float: left;
	overflow: hidden;
	width: 461px;
	padding-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
}

#studentserv h2 {
	color: #21428F;
	font-size: 22px;
}

#studentserv h2 a {
	color: #1c3778;
	font-size: 22px;
	text-decoration: none;
}

#studentserv h2 a:hover {
	color: #7490D2;
	font-size: 22px;
	text-decoration: underline;
}

#studentserv ul li {
	font-size: 11px;
	list-style: none;
	padding: 0 0 5px 0;
	line-height: 120%;
}

#studentserv ul li a {
	font-size: 11px;
	list-style: none;
	color: #000;
	text-decoration: none;
}

#studentserv ul li a:hover {
	font-size: 11px;
	list-style: none;
	color: #FFF;
	text-decoration: underline;
}
#lrc{
	position: relative;
	float: left;
	overflow: hidden;
	width: 461px;
	padding-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
}

#lrc h2 {
	color: #21428F;
	font-size: 22px;
}

#lrc h2 a {
	color: #1c3778;
	font-size: 22px;
	text-decoration: none;
}

#lrc h2 a:hover {
	color: #7490D2;
	font-size: 22px;
	text-decoration: underline;
}

#lrc ul li {
	font-size: 11px;
	list-style: none;
	padding: 0 0 5px 0;
	line-height: 120%;
}

#lrc ul li a {
	font-size: 11px;
	list-style: none;
	color: #000;
	text-decoration: none;
}

#lrc ul li a:hover {
	font-size: 11px;
	list-style: none;
	color: #FFF;
	text-decoration: underline;
}
#clubs{
	position: relative;
	float: left;
	overflow: hidden;
	width: 461px;
	padding-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
}

#clubs h2 {
	color: #21428F;
	font-size: 22px;
}

#clubs h2 a {
	color: #1c3778;
	font-size: 22px;
	text-decoration: none;
}

#clubs h2 a:hover {
	color: #7490D2;
	font-size: 22px;
	text-decoration: underline;
}

#clubs ul li {
	font-size: 11px;
	list-style: none;
	padding: 0 0 5px 0;
	line-height: 120%;
}

#clubs ul li a {
	font-size: 11px;
	list-style: none;
	color: #000;
	text-decoration: none;
}

#clubs ul li a:hover {
	font-size: 11px;
	list-style: none;
	color: #FFF;
	text-decoration: underline;
}
h2.rsslinks  {
	color: #21428F;
        font-size: 22px;
}
h2.rsslinks a {
	color: #1c3778;
        text-decoration: none;
}
h2.rsslinks a:hover {
	color: #7490D2;
}

ul.rsslinks li {
	padding: 0 0 5px 0;
	font-size: 11px;
	list-style: none;
	color: #999;
}
ul.rsslinks li a {
	color: #000;
}

#events {
	position: relative;
	overflow: hidden;
	float: left;
	width: 461px;
	padding-left: 3px;
	padding-right: 2px;
	padding-top: 10px;
}

#events h2 {
	color: #21428F;
	font-size: 22px;
}

#events h2 a {
	color: #21428F;
	font-size: 22px;
	text-decoration: none;
}

#events h2 a:hover {
	color: #7490D2;
	font-size: 22px;
	text-decoration: none;
}

#events ul li {
	font-size: 11px;
	list-style: none;
	line-height: 120%;
	padding: 0 0 5px 0;
}

#events ul li a {
	font-size: 11px;
	list-style: none;
	color: #000;
	text-decoration: none;
}

#events ul li a:hover {
	font-size: 11px;
	list-style: none;
	color: #7490D2;
	text-decoration: underline;
}
#upcomingclasses {
	position: relative;
	overflow: hidden;
	float: left;
	padding-left: 3px;
	padding-right: 2px;
}

#upcomingclasses h2 {
	color: #21428F;
	font-size: 22px;
}

#upcomingclasses h2 a {
	color: #1c3778;
	font-size: 22px;
	text-decoration: none;
}

#upcomingclasses h2 a:hover {
	color: #7490D2;
	font-size: 22px;
	text-decoration: none;
}

#upcomingclasses ul li {
	font-size: 11px;
	list-style: none;
	line-height: 120%;
	padding: 0 0 5px 0;
}

#upcomingclasses ul li a {
	font-size: 11px;
	list-style: none;
	color: #000;
	text-decoration: none;
}

#upcomingclasses ul li a:hover {
	font-size: 11px;
	list-style: none;
	color: #7490D2;
	text-decoration: underline;
}


.changeBanner {
	top: 580px;
	display: block;
	position: absolute;
	border: 0;
}

/*-------------------------------------
styles for rightColumn Container
--------------------------------------*/

#rightColumn {
	position: relative;
	float: left;
	width: 461px;
	margin: 2px 3px 2px 0;
	/*background: url(/images/frontClock.jpg) no-repeat; */
}

#topicNav {
	margin-top: 4px;
	width: 944px;
	padding: 0px;
	height: auto;
	float: left;
	margin-bottom: 5px;
}

#topicNav h2 {
	padding: 0;
	font-size: 18px;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	vertical-align: text-bottom;
	line-height: 19px;
}

#topicNav ul {
	padding: 0 0 0 0;
	margin: 0;
	list-style-type: none;
}

#topicNav ul li {
	font-size: 12px;
	margin-right: 0px;
	padding: 0;
}

#topicNav li {
	margin-bottom: 10px;
}

#topicNav a {
	color: #000;
	text-decoration: none;
}

#topicNav a:hover {
	color: #FFF;
	text-decoration: underline;
}
#topicNav h2 a {
	color: #142856;
	text-decoration: none;
	font-weight: normal;
	font-size: 20px;
}

#topicNavAbout {
	position: relative;
	width: 18%;
	height: 270px;
	float: left;
	margin-left: 16px;
	margin-bottom: 10px;
}

#topicNavAcademics {
	position: relative;
	width: 18%;
	height: 270px;
	float: left;
	margin-left: 4px;
	padding-left: 12px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #555;
}

#topicNavStudentLife {
	position: relative;
	width: 18%;
	height: 270px;
	float: left;
	margin-left: 4px;
	padding-left: 12px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #555;
}

#topicNavCommunity {
	position: relative;
	width: 18%;
	height: 270px;
	float: left;
	margin-left: 4px;
	padding-left: 12px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #555;
}

#topicNavServices {
	position: relative;
	width: 18%;
	height: 270px;
	float: left;
	margin-left: 4px;
	padding-left: 12px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #555;
}
#callouts {
	margin-bottom: 4px;
	height: 140px;
	float: left;
	width: 950px;
}
#callout {
	width: 228px;
	height: 129px;
	margin: 4px;
	padding: 0px;
	float: left;
	background-color: #555555;
	background-repeat: no-repeat;
	background-position: left top;
}
#callout h2 {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	font-size: 17px;
	font-weight: normal;
}
#callout a:link {
	color: #FFF;
}
#callout a:visited {
	color: #FFF;
}
#firstcallout {
	width: 228px;
	height: 129px;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-right: 4px;
	margin-left: 6px;
	padding: 0px;
	float: left;
	background-color: #555555;
	background-repeat: no-repeat;
	background-position: left top;
}
#firstcallout h2 {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	font-size: 17px;
	font-weight: normal;
}
#firstcallout a:link {
	color: #FFF;
}
#firstcallout a:visited {
	color: #FFF;
}
#lastcallout {
	width: 228px;
	height: 129px;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-right: 0px;
	margin-left: 4px;
	padding: 0px;
	float: left;
	background-color: #555555;
	background-repeat: no-repeat;
	background-position: left top;
}
#lastcallout h2 {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	font-size: 17px;
	font-weight: normal;
}
#lastcallout a:link {
	color: #FFF;
}
#lastcallout a:visited {
	color: #FFF;
}
#onlineServLinks {
	position: relative;
	margin: 0 auto;
	margin-top: 1px;
	width: 950px;
	padding: 4px 0 4px 0;
	text-align: center;
	background: #333 url('/images/onlineServ.jpg') repeat-x;
	clear: both;
}
#onlineServLinks ul {
	margin: 0 50px 0 50px;
	list-style-type: none;
	border-right: 1px dotted #fff;
	border-left: 1px dotted #fff;
}
#onlineServLinks ul li {
	display: inline;
	margin-left: 15px;
	text-align: center;
	vertical-align: middle;
}
#onlineServLinks ul li a {
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}
#onlineServLinks ul li a:hover {
	border-bottom: 1px dashed #7490D2;
}
#emgcontact {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFCC33;
	margin: 0px;
	width: 100%;
	vertical-align: middle;
	font-weight: normal;
	background-position: center center;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	margin-bottom: 5px;
}
#media {
	float: left;
	height: auto;
	width: 944px;
	margin-top: 0px;
	margin-bottom: 6px;
	padding-top: 5px;
	margin-right: 3px;
	margin-left: 3px;
	background-color: #fff;
	background-image: url(../../images/garadientbackground2.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
#submedia {
	float: left;
	width: 444px;
	padding: 10px;
	text-align: left;
	margin left: 3px;
	/*	-moz-border-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;    */
}
#submedia h2 {
	color: #000;
	font-size: 20px;
	font-weight: normal;
}
#submedia p {
	margin-bottom: 6px;
}
#submedia2 {
	float: left;
	width: 444px;
	padding: 10px;
	text-align: left;
	margin-left: 8px;
	/*	-moz-border-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;    */
}
#submedia2 h2 {
	color: #000;
	font-size: 20px;
	font-weight: normal;
}
#submedia2 p {
	margin-bottom: 6px;
}
.medialink {
	font-size: 12px;
	padding: 4px;
	background-color: #C9C9C9;
	margin-right: 25px;
	margin-left: 25px;
	float:right;
	margin-bottom: 0px;
	position: relative;
	font-weight: bold;
}
a:link.medialink {
	color:#FFF;
}
a:hover.medialink {
	color:#FFF;
}
a:visited.medialink {
	color:#FFF;
}
a:active.medialink {
	color:#FFF;
}
#moremedia {
	background-color: #FFF;
	background-image: url(../../images/moretab.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
	height: 16px;
	width: 45px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#moremedia a:visited {
	color:#21428f;
}