/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/* END reset */
/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/
/****************************************************************/
/* Do not edit the grid system. Use IDs to create cutsom widths */ 
/****************************************************************/
/* Containers
----------------------------------------------------------------------------------------------------*/
.container {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}
.omega {
	margin-right: 0;
}
/* Grid >> 4 Columns
----------------------------------------------------------------------------------------------------*/

.container .grid_1 {
	width:220px;
}
.container .grid_2 {
	width:460px;
}
.container .grid_3 {
	width:700px;
}
.container .grid_4 {
	width:940px;
}
/* Prefix Extra Space >> 4 Columns
----------------------------------------------------------------------------------------------------*/
.container .prefix_1 {
	padding-left:240px;
}
.container .prefix_2 {
	padding-left:480px;
}
.container .prefix_3 {
	padding-left:720px;
}
/* Suffix Extra Space >> 4 Columns
----------------------------------------------------------------------------------------------------*/
.container .suffix_1 {
	padding-right:240px;
}
.container .suffix_2 {
	padding-right:480px;
}
.container .suffix_3 {
	padding-right:720px;
}
/* Push Space >> 4 Columns
----------------------------------------------------------------------------------------------------*/
.container .push_1 {
	left:240px;
}
.container .push_2 {
	left:480px;
}
.container .push_3 {
	left:720px;
}
/* Pull Space >> 4 Columns
----------------------------------------------------------------------------------------------------*/
.container .pull_1 {
	left:-240px;
}
.container .pull_2 {
	left:-480px;
}
.container .pull_3 {
	left:-720px;
}
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/*******************/
/**END grid system**/
/*******************/

/*
Type
*/

body {
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 13px;
	line-height: 17px;
	}

a {
	text-decoration:none;
	color:#000000;
	}

a:hover {
	color:#000000;
	}

h1, h2, h3, h4, h5 {
	color:#97002E;
	margin-bottom:10px;
	}

h1 {
	font-size:22px;
	}

h2 {
	font-size:18px;
	}
h3, h4, h5 {
	font-size:16px;
	}
p {
	margin-bottom:10px;
	}

small {
	font-size:9px;
	}

body {
	background:url('images/tcc-background.jpg') no-repeat top center #97002d;
	}

table {
	margin-bottom:10px;
	}

td {
	border:1px #000000 solid;
	padding:5px;
	}

#callout-container { 
	width: 725px;
	margin-left:0;
	margin-bottom:10px;
	background:#f1e4d3;
	}

#container {
	background:#FFFFFF;
	}

#contact {
	padding-top:24px;
	padding-left:215px;
	width:245px;
	}
	
#contact-phone h1 {
	font-size:19px;
	}

#contact-email {
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px solid #CCCCCC;
	}

#contact-email a {
	color:#97002E;
	}
#contact-email a:hover {
	color:#000000;
	}

#copyright {
	padding-left:455px;
	/*padding-top:75px;*/
	}

#header { 
	height:122px;
	background:#ffffff;	
	}

#logo { 
	display:block;
	height:122px;
	background:url('images/tcc-logo.jpg') no-repeat 0 0;
	}

#login {
	font-size:10px;
	}

#flash-holder { 
	margin-left:0px; 
	margin-bottom:5px;
	width: 725px;
	height:350px;
	}

	
/* callout height calculated here:
callout-container:150px, padding-top,padding-bottom:9px
rounded-tops height:6px
*/
.content {
	border-right:1px solid #F2F2F2;
	padding-right:10px;
	margin-bottom:10px;
	}

.content a:hover {
	color:#000000;
	}
	
.content ul li {
	margin-left:25px;
	margin-bottom:10px;
	list-style: disc;
	}

.content ol li {
	margin-left:25px;
	margin-bottom:10px;
	list-style: decimal;
	}

.callout {
	margin-top:10px; /*important for front page.*/
	margin-bottom:10px;
	}

/*.callout-content h1, .callout-content h2{
	padding-top:10px;
	}*/
	
.callout-content {
	padding:10px 5px;
	}
	
.callout-content li {
	margin-bottom:5px;
	}

.callout .apply-btn {
	font-size:10px;
	color:#FFFFFF;
	text-align:center;
	display:inline-block;
	background:url('images/apply-now-btn.jpg') 0 0 no-repeat;
	height:20px;
	width:78px;
	}

.callout .apply-btn span {
	position:relative;
	top:2px;
	}

.callout .apply-btn:hover {
	display:block;
	background:url('images/apply-now-btn.jpg') 0 -20px no-repeat;
	height:20px;
	width:78px;
	}

.callout-white, .callout-orange, .callout-beige, .callout-grey{
	height:120px;
	}

.callout-white {
	background:#FFFFFF;
	padding-left:15px;
	padding-right:15px;
	}

.callout-orange {
	border-left:1px #FFFFFF solid;
	border-right:1px #FFFFFF solid;
	background:#EBD5B9;
	padding-left:15px;
	padding-right:15px;
	}

.callout-orange a:hover {
	color:#000000;
	}

.callout-beige {
	background:#faf5ef;
	padding-left:15px;
	padding-right:15px;
	}

.callout-grey {
	background:#f6f3f6;
	padding-left:15px;
	padding-right:15px;
	}

.news {
	margin-bottom:15px;
	margin-top:15px;
	}

.rounded-white-top {
	background:url('images/white-top.gif') 0 0 no-repeat;
	display:block;
	height:6px;
	/* fixing for ie6... */
	font-size:0;
	line-height:0;
	overflow:hidden;
	}

.rounded-white-bottom {
	background:url('images/white-bottom.gif') 0 0 no-repeat;
	display:block;
	height:6px;
	/* fixing for ie6... */
	font-size:0;
	line-height:0;
	overflow:hidden;
	}

.rounded-orange-top {
	background:url('images/orange-top.gif') 0 0 no-repeat;
	display:block;
	height:6px;
	/* fixing for ie6... */
	font-size:0;
	line-height:0;
	overflow:hidden;
	}
	
.rounded-orange-bottom {
	background:url('images/orange-bottom.gif') 0 0 no-repeat;
	display:block;
	height:6px;
	/* fixing for ie6... */
	font-size:0;
	line-height:0;
	overflow:hidden;
	}

.rounded-beige-top {
	background:url('images/beige-top.gif') 0 0 no-repeat;
	display:block;
	height:6px;
	/* fixing for ie6... */
	font-size:0;
	line-height:0;
	overflow:hidden;
	}

.rounded-beige-bottom {
	background:url('images/beige-bottom.gif') 0 0 no-repeat;
	display:block;
	height:6px;
	/* fixing for ie6... */
	font-size:0;
	line-height:0;
	overflow:hidden;
	}

.rounded-grey-top {
	background:url('images/grey-top.gif') 0 0 no-repeat;
	display:block;
	height:6px;
	line-height:0;
	/* fixing for ie6... */
	font-size:0;
	line-height:0;
	overflow:hidden;
	}

.rounded-grey-bottom {
	background:url('images/grey-bottom.gif') 0 0 no-repeat;
	display:block;
	height:6px;
	/* fixing for ie6... */
	font-size:0;
	line-height:0;
	overflow:hidden;
	}

.page {
	margin-left:0;
	margin-right:0;
	width:480px !important;
	}

.page a {
	color:#97002E;
	}

.page img {
	margin-bottom:10px;
	}

.page h1 {
	color:#594B57;
	font-size:20px;
	display:block;
	border-bottom:2px #EBD5B9 solid;
	margin-bottom:10px;
	padding-bottom:10px;
	}

.page h1 a {
	color:#594B57;
	}
/*.page h2 {
	font-size:14px;
	margin-bottom:10px;
	}*/
.breadcrumbs {
	color:#ADADAD;
	margin-bottom:5px;
	}
.breadcrumbs a {
	color:#ADADAD;
	}
.breadcrumbs a:hover {
	color:#000000;
	}
.breadcrumbs ul li {
	float:left;
	display:block;
	margin-bottom:5px;
	}

.callout a, .learnmore, .learnmore a {
/* syle is repeated for these classes in case user
/* wants to make a callout, a learnmore button */ 
	color:#5B1A51;
	}
.learnmore a:hover {
	color:#000000;
	}
/*-----------------------------------------------------------------------------
sidebar styles
-----------------------------------------------------------------------------*/

#sidebar { 
	width: 195px;
	height:530px;
	border-top:4px solid #cf9d53;
	padding-bottom:10px;
	}

#sidebar h2 {
	font-size:13px;
	margin-bottom:0px;
	}

#side-form {
	background-color:transparent;
	}

#sidebar-email {
	display:inline;
	width:110px;
	border:1px solid #999999;
	color:#999999;
	float:left;
	}

#sidebar-submit {
	display:inline;
	border:1px solid #999999;
	margin-right:15px;
	float:right;
	width:55px;
	}

#sidebar-social {
	background:url('images/sidebar-footer.jpg') 0 0 no-repeat;
	}
#sidebar-social ul {
	padding-top:15px;
	}

#sidebar-social ul li:first-child {
	padding-top:12px;
}

#sidebar-social li {
	padding:0 0 0 10px;
	}

#sidebar-social ul li ul li {
	padding: 0 0;
	}

#sidebar-social .singloobutton {
        background:url('images/singloobuttonsmall.jpg') 0 0 no-repeat;
	text-align:center;
	display:inline-block;
        width:165px;
        height:114px;
}

#sidebar-right {
	margin-top:28px;
	}

#sidebar-right-header {
	position:relative;
	margin-bottom:15px;
	}

#sidebar-right-img {
	position:relative;
	margin-bottom:15px;
	}

#sidebar-right-main img {
	margin-bottom:15px;
	}

#sidebar-right-main h2 {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #F2F2F2;
	}

.sidebar-right-callout {
	margin-bottom:25px;
	}

.donate-button {
	margin-top:10px;
}

.social-button {
	display:block;
	height:36px;
	width:36px;	
	float:left;
	}

#rss-btn {
	background:url('images/rss.png') no-repeat;
	}
#twitter-btn {
	background:url('images/twitter.png') no-repeat;
	}
#facebook-btn {
	background:url('images/facebook.png') no-repeat;
	}
#youtube-btn {
	background:url('images/youtube.png') no-repeat;
	}

.list-pages {
	background:#f6ebde;
	}

.list-pages li {
	/*padding:0 15px 0 15px;*/
	margin:0 0;
	display:inline-block; /*ie-6 hack*/
	/*width:165px;*/
	}

.list-pages li a {
	width:165px;
	display:block;
	border-bottom:1px solid #FFFFFF;
	padding: 1px 15px 0 15px;
	}

.list-pages li ul li a {
	padding-left:25px;
	width:155px;
	border-bottom:1px solid #eedcc4;
	}

.list-pages li ul li ul li a {
	padding-left:35px;
	width:145px;
	border-bottom:1px solid #eedcc4;
	}

.list-pages a:hover {
	background:#f4d8b8;
	}


.list-pages .last-item a {
	border:0;
	}

ul .list-follow {
	padding-top: 8px !important;
}


.list-follow li {
	margin: 0 0;
	padding: 0 0;
	display:inline;
	}
.top-list-pages {
	background:#edd7bd;
	border-bottom:2px solid #FFFFFF;
	}

.top-list-pages li ul li a {
	border-bottom:1px solid #FFFFFF;
	}
.top-list-pages li ul li ul li a {
	border-bottom:1px solid #FFFFFF;
	}
.formError {
	color:#97002D;
	padding-bottom:10px;
}
.formSuccess {
	color:#579D2A;
	margin-top:15px;
	padding-bottom:10px;
}
/*------------------------------------------------------------------------------
END sidebar styles
-------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
Footer styles
------------------------------------------------------------------------------*/

#footer-address { 
	width: 195px; 
	}

#footer-address ul {
	border:0 !important;
	margin-bottom:10px;
	}
	
#footer-container {
	color:#ffffff;
	border-top:3px #000000 solid;
	padding-top:20px;
	margin-left:0; 
	margin-right:0; 
	width:960px; 
	background:url('images/footer-background.jpg') repeat-x; 
	}

#footer-container a, #footer-container li {
	color:#ffffff;
	}

#footer-container a:hover {
	color:#000000;
	}

#footer-address h2, #footer-address a, #footer-address li {
	color:#ffffff;
	font-size:10px;
	}

#footer-container ul {
	border-top:1px #5B1A51 solid;
	}

#footer-container ul li ul{
	border:0;
	}

.site-map li {
	width:220px;
	display:inline-block; /*IE-7 hack*/
	border-bottom:1px #5B1A51 solid;
	}

.site-map li a {
	display:block;
	}

/*.site-map li a:hover {
	background:#CCCCCC;
	}*/

.site-map li ul li {
	border-bottom:1px #666666 solid;
	}

.site-map li ul li a {
	display:block;
	padding-left:15px;
	}

	
.site-map li ul li ul li a {
	display:block;
	padding-left:25px;
	}

.site-map .last-item {
	border-bottom:0;
	}

/* -----------------------------------------------------------------------------
END footer styles
----------------------------------------------------------------------------- */

.hidden {
	visibility:hidden;
	}

.vpadding {
	margin-top:5px;
	height:30px;
	}

/*
Wordpress Styles
*/
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin-left:10px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin-right:10px;
	display: inline;
	}
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

.wp-caption-text {
	font-size:10px;
	}

.select span {
    display:block;
    padding-left:210px;
}

.select span span {
    display:inline;
    padding-left:0px;
}