/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/


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, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	border: 0;
}
/* !----- End Reset ----- */

body {
	/* Helvetica/Arial-based sans serif stack 
	font-family: "brandon_grotesque_regularRg", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	*/font-size: 13px;
	
	font-family: "brandon_grotesque_regularRg", Helvetica, Arial, sans-serif;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
}


.clearer { /* <----- Clear Fix */
	clear: both;
	height: 0px;
	margin: 0px;
}

/* !----- Font Styling HQ ----- */
/* !----- Font Styling HQ ----- */
/* !----- Font Styling HQ ----- */

h1, h2, h3, h4, h5, #navigation ul li, #secondary-nav a, #join-button a {
	/* Traditional Garamond-based serif stack 
	font-family: "brandon_grotesque_regularRg", "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
	*/
	font-family: "brandon_grotesque_regularRg", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;}

	h1 { font-size: 24px; line-height: 28px; font-weight: bold; }
	h2 { font-size: 22px; line-height: 26px; font-weight: bold; color: #183745; }
	h3 { font-size: 20px; line-height: 24px; font-weight: bold; color: #183745; }
	#L2-section-details, #section-details, p { font-size: 13px; line-height: 16px; color: #666666; }
	a { color: #183745; }
	a:hover { text-decoration: none; }

b, strong {
	font-weight: bold;
}
/* !---------- Start Layout Elements ---------- */
/* !---------- Start Layout Elements ---------- */
/* !---------- Start Layout Elements ---------- */

.constraint {
	width: 1440px;
	margin: 0 auto;
	text-align: center;
}

.content-constraint {
	width: 1060px;
	margin: 0 auto;
}


/* !---------- Start Navigation Elements ---------- */
/* !---------- Start Navigation Elements ---------- */
/* !---------- Start Navigation Elements ---------- */

#navigation-bar {	
	background-color: #183745;
	height: 64px;
}

#navigation-header {
	background-image: url('../images/background-header.jpg');
	background-repeat: repeat-x;
	background-position: top left;
	height: 39px;
}

#toledo-region {
	width:	100px;
	float: right;
	margin: 10px 25px 5px 5px;
}


#join-button {
	float: right;
	margin: 5px;
}

#join-button a {
	background:url("../images/join-button-right.jpg") no-repeat right top;
	display: block;
	float: left;
	font-size: 14px;
	padding-right: 20px;
	text-decoration: none;
}
#join-button a:hover,#social-buttons a:hover {opacity: 0.8;}

#join-button span {
	background:url("../images/join-button-left.jpg") no-repeat 0 0;
	display: block;
	line-height: 22px;
	padding: 2px 0 5px 18px;
	color: #fff;
}

#social-buttons {
	float: right;
	margin: 15px 0px;
}

#social-buttons a {
	display: block;
	float: left;
	width: 27px;
	height: 27px;
	margin: 3px 6px;
}

#social-buttons a span {
	display: none;
}

#social-buttons a.facebook {
	background-image: url('../images/logos-sprites.png');
	background-position: -119px -382px;
}

#social-buttons a.twitter {
	background-image: url('../images/logos-sprites.png');
	background-position: -160px -382px;
}

#social-buttons a.linkedIn {
	background-image: url('../images/logos-sprites.png');
	background-position: -199px -382px;
}

/* !---------- Start Slideshow Elements ---------- */
/* !---------- Start Slideshow Elements ---------- */
/* !---------- Start Slideshow Elements ---------- */

#slideshow {
	background: #183745;
	border-bottom: 3px solid #183745;
}

#slideshow .arrow-left {
	float: left;
	background-image: url('../images/logos-sprites.png');
	background-position: -63px -500px;	
	height: 44px;
	width: 40px;
}

#slideshow .arrow-left:hover {
	background-position: -63px -539px;	
}

#slideshow .arrow-right {
	float: right;
	background-image: url('../images/logos-sprites.png');
	background-position: -103px -498px;
	height: 44px;
	width: 40px;
}

#slideshow .arrow-right:hover {
	background-position: -103px -539px;	
}


/* !---------- Start Slideshow Elements ---------- */
/* !---------- Start Slideshow Elements ---------- */
/* !---------- Start Slideshow Elements ---------- */

#trcc-info {
	float: left;
	width: 380px;
	position: relative;
}

.trcc-knockout {
	position: absolute;
	top: -45px;
	left: 20px;
	background-image: url('../images/cutout.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 380px;
	height: 80px;
	z-index: 50;
}

.trcc-logo {
	position: relative;
	z-index: 100;
	/*background-image: url('../images/logos-sprites.png');
	background-position: top center;*/
	margin: -20px 0px 20px 20px;
	width: 380px;	
	height: 160px;
}
.trcc-logo img {
	margin: 5px 70px;
}
.trcc-text {
	margin: 20px 0 20px 50px;
}

#trcc-features-container {
	float: right;
	width: 620px;
	height : 250px;
	margin-top: 30px;
	overflow : visible;
}

.trcc-features {
	margin : 0 0 12px 0;
}

.trcc-feature {
	width: 620px;
}

.trcc-feature-image {
	float: left;
	width: 372px;
}

.trcc-feature-info {
	float: right;
	width: 220px;
}

.trcc-feature-info h1 {
	font-size: 16px;
	line-height: 19px;
	color: #183745;
}

#trcc-feature-controls {
	display : none;
	float : right;
	width : 220px;
}

.button-register {
	display : block;
	padding : 3px 0 0 0;
	height: 20px;
	background-image: url('../images/background-button-blue.jpg');
	background-repeat: repeat-x;
	background-position: top left;
	color: white;
	text-decoration: none;
	text-align: center;
}

#trcc-feature-left,
#trcc-feature-right {
	background-image: url('../images/background-button-grey.jpg');
	background-repeat: repeat-x;
	background-position: top left;
	height: 23px;
}

#trcc-feature-left {
	float: left;
	width: 48%;
	margin: 10px 0px;
}

#trcc-feature-right {
	float: right;
	width: 48%;
	margin: 10px 0px;	
}

#trcc-feature-left a,
#trcc-feature-right a {
	display: block;
	text-decoration: none;
	text-align: center;	
}

#trcc-feature-left a span,
#trcc-feature-right a span {
	display: block;
	background-image: url("../images/logos-sprites.png");
	margin-left: 25px;
	width: 46px;
	height: 23px;
}

#trcc-feature-left a span {
	background-position: -150px 50px;
}

#trcc-feature-right a span {
	background-position: -197px 50px;
}

.Content_By_Type,
.Content_By_Type li {
	margin : 0;
	padding : 0;
	list-style : none;
}

.Content_By_Type li.Content_By_Type_Item {
	width : 660px;
}
#secondary-nav {
	clear: both;	
}

/* !---------- Start Fun Colored Button Elements ---------- */
/* !---------- Start Fun Colored Button Elements ---------- */
/* !---------- Start Fun Colored Button Elements ---------- */

#secondary-nav a {
	margin-top: 30px;
	display: block;
	text-decoration: none;
	float: left;
	width: 181px;
	font-size: 18px;
	font-weight: bold;
	padding: 25px 15px;
	border-left: 1px solid white;
	color: white;
	text-transform: uppercase;
}

#secondary-nav a span {
display: block;
}
#secondary-nav .blue-back {
	background-image: url("../images/background-secondary-nav-blue.jpg");
	background-repeat: repeat-x;
	background-position: top left;
}

#secondary-nav .orange-back {
	background-image: url("../images/background-secondary-nav-orange.jpg");
	background-repeat: repeat-x;
	background-position: top left;
}

#secondary-nav .teal-back {
	background-image: url("../images/background-secondary-nav-teal.jpg");
	background-repeat: repeat-x;
	background-position: top left;
}

#secondary-nav .green-back {
	background-image: url("../images/background-secondary-nav-green.jpg");
	background-repeat: repeat-x;
	background-position: top left;
}

#secondary-nav .purple-back {
	background-image: url("../images/background-secondary-nav-purple.jpg");
	background-repeat: repeat-x;
	background-position: top left;
}
.secondary-nav-button:hover {opacity: 0.8;}

#secondary-nav-blurb p {
	display: block;
	float: left;
	width: 182px;
	padding: 5px 15px;	
}

/* !---------- Start Section Divider Elements ---------- */
/* !---------- Start Section Divider Elements ---------- */
/* !---------- Start Section Divider Elements ---------- */

.large-divider {
	clear: both;
	margin-top: 20px;
	border-top: 4px solid black;	
}

/* !---------- Start Footer Area Elements ---------- */
/* !---------- Start Footer Area Elements ---------- */
/* !---------- Start Footer Area Elements ---------- */

#advertising-area {
	float: left;
	width: 700px;
}

#spotlight-area,
#major-corporate-sponsors {
	margin: 0px 10px 10px 12px;	
}

#spotlight-area .epic-image {
	float: left;
	background-image: url("../images/logos-sprites.png");
	background-position: center -160px;
	margin-right: 15px;
	width: 200px;
	height: 150px;
}

#major-corporate-sponsors .sponsor {
	margin :  0 5px 0 0;
}

#spotlight-area p {
	margin-top: 15px;
}

#advertising-area h2 {
	font-size: 21px;
}

#large-advertisement {
	float: right;
	width: 300px;
	margin: 30px;
}

#footer {
	clear: both;
	background-color: black;
	height: 83px;
	color: white;
}

#contact-info {
	float: left;
	width: 550px;
	font-size: 14px;
	padding: 25px;
}

.name, .copy-info {
	font-weight: bold;
}

#accredited-logo {
	float: left;
	margin: 15px;
	background-image: url("../images/logos-sprites.png");
	background-position: -102px -423px;
	width: 110px;
	height: 50px;
}

#weblink-logo {
	float: right;
	margin: 15px;
	background-image: url("../images/logos-sprites.png");
	background-position: -92px -322px;
	width: 120px;
	height: 50px;
}

#weblink-logo a {
	display: block;
	width: 120px;
	height: 50px;
}

#weblink-logo a span {
	display: none;
}

/* !---------- Start Interior Page Elements ---------- */
/* !---------- Start Interior Page Elements ---------- */
/* !---------- Start Interior Page Elements ---------- */

#section-header {
	float: right;
	width: 500px;
	background:transparent url("../images/section-gradient.png") repeat-x scroll left bottom;
	margin: 20px;
	padding: 50px 50px 15px 50px;
}

#section-header h1 {
	color: white;
	font-size: 32px;
	padding-top: 20px;
	text-transform: uppercase;
}


#section-details {
	float: left;
	width: 600px;
	margin: 20px 10px 30px 20px;
}
#L2-section-details {
	float: left;
	width: 600px;
	margin: 20px 10px 30px 20px;
}
#L2-section-details h2 {
	font-size: 18px !important;
	line-height: 24px;
	font-weight: normal;
	color: #666666;
}
#section-wide {
	float: left;
	width: 1020px;
	margin: 20px 20px 30px 20px;
	min-height: 400px;
}

#section-photos {
	float: right;
	width: 335px;
	margin: 20px 40px 20px 20px;
}

.section-subsection {
	float: left;
	width: 310px;
	margin: 20px;
	min-height:260px;
}

.section-subsection h3 {
	color: white;
	padding: 10px;
	margin-bottom: 15px;	
	background:transparent url("../images/sub-section-gradient.png") repeat-x scroll left bottom;	
}
.section-subsection td {
	white-space:normal !important;
}
.section-subsection a {
	font-size: 14px;
}
.section-subsection .learn-more-link {
	font-family: Garamond, Georgia, serif;
	display: block;
	margin-top: 20px;
}
#quicklinks_quicklinks1_mnuWebMenu tr td table tr td table tr td {
	padding-left: 20px;
}
#quicklinks_quicklinks1_mnuWebMenu tr td table tr td table tr td a {
	margin-left: 0 !important;
}

#quicklinks_quicklinks1_mnuWebMenu a:hover{
	text-decoration:underline !important;
	color: #666666;
}

#navigation-header .topnav {
	margin:			0;
	padding:		0;
	list-style-type:none;
}

#navigation-header .topnav a { /* <----- Setup main nav styling */
	margin: 0;
	text-transform: uppercase;
	text-decoration:none;
	font-size: 14px;
	line-height: 12px;
	font-weight: bold;
	color: #00789B;
}
#navigation-header .topnav a:hover { /* <----- Setup main nav styling */
	color: #666;
}

#navigation-header .topnav li.first {
	border-left: 0px solid #CCC;
}

#navigation-header .topnav li {
	border-left: 1px solid #CCC;
	padding: 0 .65em .25px .65em;
	float:			left;
	line-height: 12px;
	position:		relative;
	margin: 10px 0;
}