/* Tags */
body {
	background-color: #001e40;
}
.alignleft { float: left; padding: 0 15px 0 0; }
h1, h2, h3 { margin: 0; padding: 0; }
h1 { margin: 0 0 0px;}
p {	color: #454545; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* General Layout */

table th { text-align: left; }
#header {
	background-image: url(../images/bkg_header2.jpg);
	background-position: top center;
	background-repeat: repeat-x;
	background-color: #fff;
	padding: 20px 0 0;
	margin: 0;
    z-index: 300;
}

body.page #header {
	background-position: bottom center;
}
body.home #header { background-position: top center; }
#emailupdatebutton { height: 30px; text-align: right;}
#emailupdatebutton a { color: #fff; }
#emailupdatebutton a:hover { color: #eee;}
#search {
	margin: 29px 0 25px;
	height: 23px;
	text-align: right;
}
.gsc-branding-text, .gsc-branding-img { 
        display: none; height: 0; 
} 
.gsc-control-cse {
        font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}
.gsc-tabHeader {
   text-decoration: bold;
   font-size: 20px!important;
   border: 0!important;
}
input.gsc-input {
background: url(#)#ffffff!important;
font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
border: #666 solid 1px!important;
width: 250px!important;
padding: 4px 4px!important;
display: inline-block!important;
margin: 0;
float: right;
-moz-border-radius: 5px!important; 
-webkit-border-radius: 5px!important;
}
input.gsc-search-button {
font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
border: #666 solid 1px!important;
padding: 1px 4px;
display: inline-block!important;
-moz-border-radius: 5px!important; 
-webkit-border-radius: 5px!important;
cursor: pointer;
color: #fff!important;
background-image: url(/wp-content/themes/cftacs/images/bkg-button.gif)!important;
}
input.gsc-search-button:hover {
font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
background: transparent!important;
color: #fff!important;
border: #666 solid 1px!important;
background-color: #000!important;
padding: 1px 4px;
display: inline-block!important;
-moz-border-radius: 5px!important; 
-webkit-border-radius: 5px!important;
cursor: pointer;
}
.gsc-tabHeader.gsc-tabhInactive {
border-color: #E9E9E9;
background-color: #E9E9E9;
}
.gsc-tabHeader.gsc-tabhActive {
border-top-color: #FF9900;
border-left-color: #E9E9E9;
border-right-color: #E9E9E9;
background-color: #FFFFFF;
}
.gsc-tabsArea {
border-color: #E9E9E9;
}
.gsc-webResult.gsc-result {
border-color: #454545;
background-color: #FFFFFF;
}
.gsc-webResult.gsc-result:hover {
border-color: #454545;
background-color: #FFFFFF;
}
.gs-webResult.gs-result a.gs-title:link,
.gs-webResult.gs-result a.gs-title:link b {
color: #8cb3de;
font-size: 14px;
}
.gs-webResult.gs-result a.gs-title:visited,
.gs-webResult.gs-result a.gs-title:visited b {
color: #7b98b9;
}
.gs-webResult.gs-result a.gs-title:hover,
.gs-webResult.gs-result a.gs-title:hover b {
color: #7b98b9;
}
.gs-webResult.gs-result a.gs-title:active,
.gs-webResult.gs-result a.gs-title:active b {
color: #406921;
}
.gsc-cursor-page {
color: #8cb3de;
}
a.gsc-trailing-more-results:link {
color: #8cb3de;
}
.gs-webResult.gs-result .gs-snippet {
color: #454545;
}
.gs-webResult.gs-result .gs-visibleUrl {
color: #80A16B;
}
.gs-webResult.gs-result .gs-visibleUrl-short {
color: #80A16B;
}
.gsc-cursor-box {
border-color: #454545;
}
.gsc-results .gsc-cursor-page {
border-color: #E9E9E9;
background-color: #FFFFFF;
}
.gsc-results .gsc-cursor-page.gsc-cursor-current-page {
border-color: #FF9900;
background-color: #FFFFFF;
}
.gs-promotion.gs-result {
border-color: #336699;
background-color: #FFFFFF;
}
.gs-promotion.gs-result a.gs-title:link {
color: #0000CC;
}
.gs-promotion.gs-result a.gs-title:visited {
color: #0000CC;
}
.gs-promotion.gs-result a.gs-title:hover {
color: #0000CC;
}
.gs-promotion.gs-result a.gs-title:active {
color: #0000CC;
}
.gs-promotion.gs-result .gs-snippet {
color: #000000;
}
.gs-promotion.gs-result .gs-visibleUrl,
.gs-promotion.gs-result .gs-visibleUrl-short {
color: #008000;
}
li.page_item {
       margin-left: 1px!important;
}
#nav {
	background-image: url(../images/bkg_nav_tile.gif);
	width:700px;
	margin: 0 0 24px;
}
#nav .left {
	background-image: url(../images/bkg_nav_left.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
#nav .right {
	background-image: url(../images/bkg_nav_right.gif);
	background-position: top right;
	background-repeat: no-repeat;
	height: 41px;
}

#middle{
	background-image: url(../images/bkg_middle.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	height: 373px;
}
#content {
	padding: 10px 0 20px 0;
	background-color: #fff;

/*************************************
    * Template CSS
**************************************/

}
#maincolumn {
        width: 100%;
        text-align: justify;
}
#maincolumnleft {
        width: 685px;
        float: left;
        text-align: justify;
}
#maincolumnright {
        width: 710px;
        float: right;
        text-align: justify;
}
#copycolumnleft {
       width: 470px;
       float: left;
}
#scrollcolumnleft h3, #scrollcolumnright h3 {
    margin: 0 0 4px 3px;
    color: #999;
    font-weight: normal;
}

#scrollcolumnleft, #scrollcolumnright { padding: 6px 0 0 0;}
#scrollcolumnleft {
        position: relative;
        width: 235px;
        float: left;
}
#scrollcolumnright {
        position: relative;
        width: 250px;
        float: right;
}
#imagecolumnright {
        width: 225px;
        float: right;
}
#subnav {
        width: 250px;
        float: left;
        position: fixed;
        
}
ul#sidebar {
       background-color: #f0f7fe;
       list-style: none;
       margin: 0;
       font-size: 12px;
       border-top: 1px solid #efefef;
}
ul#sidebar li {
    padding: 5px;
    border-bottom: 1px solid #efefef;
    margin: 0!important;
}
ul#sidebar li.page_item a {
	color: #8cb3de;
        text-decoration: none;
}
ul#sidebar li.page_item a:hover {
       color:#7b98b9;
}
.clear {
       clear: both;
}
.upcomingcourses ul {
	list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #eee;
}
.upcomingcourses ul li {
    padding: 2px 2px;
    margin: 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #bbb;
    font-size: 0.85em;
    color: #454545;
}

.upcomingcourses ul li:hover {
    background-color: #f8f8f8;
}

.upcomingcourses ul li a {
    text-decoration: none;
    color: #357a23;
    font-weight: bold;
    font-size: 1.15em!important;
}

.upcomingcourses ul li a:hover {
    color: #3b9d22;
}

.upcomingcourses .left, .upcomingcourses .right {
	width: 220px;
	float: left;
}
.upcomingcourses .left{
	margin-right: 20px;
}
.upcomingcourses .right{
	float: left;	
}
.staff { 
      padding: 10px;
}
.leftcolumn { float: left;}
.rightcolumn {float: left;}
#tophalf {}
#bottomhalf {
	margin: 27px 0 0;
}
#sfversion {
        display: none;
}
#footer {
	background-image: url(../images/bkg_footer.gif);
	background-position: top center;
	background-repeat: repeat-x;
	background-color: #001e40;
	margin: 0;
}
#footer #highlight {
	background-image: url(../images/bkg_footer_highlight.jpg);
	background-position: top-center;
	background-repeat: no-repeat;
	height: auto;
}
#footer #highlight {
	padding: 10px 0;
}
#footer #highlight .menu {
	width: 168px;
	float: left;
        padding-bottom: 20px;
}
#footer #highlight .menu.left {
	margin: 0 14px 0 0;
}
#footer #highlight .menu.inside {
	margin: 0 14px;
}
#footer #highlight .menu.right {
	margin: 0 0 0 14px;
}

#footer #highlight .menu.left, #footer #highlight .menu.right {
	text-align: left !important;
	float: left !important;
	font-size: 1em !important;
}

#footer #highlight .menu h4 {
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
	padding: 0 0 10px;
}

#footer #highlight .menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #001936;
	border-bottom: 1px solid #143255;
}

#footer #highlight .menu ul li {
	border-top: 1px solid #143255;
	border-bottom: 1px solid #001936;
	padding: 3px 5px;
	margin: 0;
}

#footer #highlight .menu ul li:hover {
	background-color: #0b294c;
}

#footer #highlight .menu ul li a {
	color: #6986a7;
	text-decoration: none;
}
#footer #highlight .menu ul li a:hover {
	color: #8cb3de;
}
#footer #highlight p {
	margin: 20px 0;
	color: #1c3b5b;
	font-size: 0.85em;
}
#footer #highlight .left, #footer #highlight .right {
	color: #fff;
	font-size: 0.85em;
}
#footer #highlight .left {
	float: left;
	text-align: left;
}
#footer #highlight .right {
	float: right;
	text-align: right;
}
#footer #highlight .right a {
	color: #6986a7;
	text-decoration: none;
}
#footer #highlight .right a:hover {
	color: #8cb3de;
}
.footernav {
       font-size: 12px;
}

/*************************************** MISC ****************************************************/
.bclink { display: block; padding: 0 12px 0 15px; }
#homepageabout h2 { padding: 0 0 15px;}
.followushome { float:right; width:350px; height:100px; margin:15px;}
.sharetitle { font-weight: bold; width: 390px; margin: 0 0 15px; }
.sharetitle {position: relative; }
.sharetitle .tweet { left: 285px; top: 0px; }
.sharetitle iframe { margin: 0 10px;}
.sharetitle .tweet iframe { }
.sharetitle .fblike {left: 180px; top: 0px;}
.sharetitle .linkedin {left: 120px; top: 0px;}
.sharetitle .tweet, .sharetitle .fblike, .sharetitle .linkedin { position: absolute;}
.buttonhover {background: #fff!important; color: #000!important; cursor: pointer; }
.buttonhover:hover { background: #000!important; color: #fff!important;}
#maincolumnleft h1 {text-align: left!important; line-height: 30px; margin-bottom: 10px;}

/*************************************** COURSE DETAIL PAGE **************************************/
.courseofferings { width: 100%; }
.courseofferings th { background: url(/wp-content/themes/cftacs/images/bkg_nav_tile.gif) #3f7a30; color: #fff; }
.courseofferings th, .courseofferings td { padding: 5px; }
a.registerforcourse, a.moreinfo { padding: 5px 10px!important; display: inline-block; border: 1px solid #eee; text-decoration: none; color: #fff; background: url(/wp-content/themes/cftacs/images/bkg_nav_tile.gif) #3f7a30; -moz-border-radius: 3px; }
a.registerforcourse:hover, a.moreinfo:hover { background: #000; }
.addresshover, .tooltip { width: 800px; position: absolute; top: 0; left: 0; z-index: 3; display: none; background: #ffffdd; padding: 3px; border: 1px solid #ffffaa; color: #000; }
.addresshover { width: 200px; }
.hoverinfo, .locationInfo { color: #0000ff;}
.credits { float: right; margin-top: 10px; margin-left: 10px; }
#ad { margin-top: 40px;}
.pagefunctions { margin: 0; padding: 0; list-style: none; }
.pagefunctions { border-top: 1px solid #ccc; }
.pagefunctions li {margin: 0; padding: 12px 10px 12px 40px; border-bottom: 1px solid #ccc; }
.pagefunctions li a { color: #0000ff; font-weight: bold; }
.pagefunctions li.registrationinformation { background: url(../images/registration.png) no-repeat 0px 8px}
.pagefunctions li.scheduleinformation { background: url(../images/schedule.png) no-repeat 0px 6px}
.pagefunctions li.printthispage { background: url(../images/print.png) no-repeat 0px 7px}
.pagefunctions li.continuesearch { background: url(../images/search.png) no-repeat 0px 7px}

/************************************** ALPHA COUSE PAGE *****************************************/
.classitem { padding: 10px; background: #eee; border: 1px solid #ddd; margin: 0 0 10px; }
.classitem a { color: #0000ff; text-decoration: none; display: inline-blog; }
.classitem p { margin: 0; padding:0;}

/*********************************** RECENT BLOG ARTICLES ****************************************/
.recentblogposts { padding: 15px; }
.recentblogposts ul { padding: 0; margin: 10px 0 10px; border-top: 1px solid #ddd; }
.recentblogposts ul li { padding: 4px 0px; margin: 0; list-style: none; border-bottom: 1px solid #ddd; }
.recentblogposts ul li .postmeta { font-size: 11px; color: #666 } 

/************************************* MIDDLE ****************************************************/
#middle .container_12 .right form {text-align: center; }
#middle .container_12 .right { float: right; padding: 30px 47px 0 0; width: 335px;}
#middle .container_12 .right p { color: #fff; }
#middle .container_12 .right h2 { color: #fff; text-align: right; margin: 0 0 10px; }
body.home #content .container_12 { width: 1100px; padding-left:140px;}
body.home #content .container_12 #promotional { margin-left: 40px;}

/************************************* COURSE SEARCH PAGE ****************************************/
.searchbar { padding: 5px; background: #eee; border: 1px solid #ddd; margin: 0 0 10px;}
.searchbar form {float: right;}
#searchform { margin: 30px 0 0; }
#searchvalue { padding: 2px; font-size: 18px; color: #ccc;}
#submitcoursesearch { background: url(/wp-content/themes/cftacs/images/bkg-button.gif) #3f7a30; -moz-border-radius: 5px; border: 1px solid #666; color: #fff; padding: 4px 10px; margin: 0 0 0 5px; font-size: 14px; font: 13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; }
#submitcoursesearch:hover { background: #000; }
.search-excerpt { background: #ffff00; font-weight: bold; }
.searchtype { text-align: right; border-bottom: 1px solid #ddd;}
.active { display: inline-block; padding: 10px; border: 1px solid #ddd; border-bottom: none; font-weight: bold;}
.inactive { display: inline-block; padding: 10px; font-size: 11px; text-decoration: none; }

/************************************** MENU******************************************************/
.sf-menu { width: 710px; z-index: 300; }
.sf-menu li { padding: 14px 11px; color: #fff; text-transform: uppercase; font-size: 11px; font-weight: bold; }

/******************************************* FOOTER **********************************************/
#footer #highlight .menu { width: 164px;}
#footer #highlight .menu.right { width: 192px;}

/**************************************** BLOG ***************************************************/
#blogexcerpt { padding: 10px 0 10px; border-bottom: 1px solid #ccc; }
#blogexcerpt h2 { padding: 0; }
#blogexcerpt .postmeta { padding: 0 0 15px; font-size: 12px; color: #999; }
ul.blogcategories { list-style: none; padding: 0; margin: 10px 0 0 0 15px; border-top: 1px solid #ccc; }
ul.blogcategories li { padding: 5px 4px; margin: 0; border-bottom: 1px solid #ccc;}
ul.blogcategories li:hover { background: #efefef; }

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}