/*

Site: Coordinated Training Services
Design: Ben Gillin for Schipul The Web Marketing Company
Build: Lyndia Makol for Schipul The Web Marketing Company
URL: 

*/

/* = TENDENCI STYLES ****************************************************************************************/

.titles {  font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #21358B;}
.subtitles { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #666666;}
.body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#333;}
.currency {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-align: right}
.bold_body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none}
.bold_body_copy_blue {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #003366; text-decoration: none}
.big_body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none}
.links {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#003366}
.copyright {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #CCCCCC}
.breadcrumbs {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999}
.body_copy_alerts { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000}
.body_copy_invert { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF}
.yellow_body_copy {  background-color: #FFFF00; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #000000}
.reports {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none}
.reports_big_body_copy { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none }
.reports_subtitles { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000}
.reports_titles { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #000000}
div#skiptocontent {position: absolute; left: -9999px;}

/* ****************************************************************************************/
* { font-size: 100%; margin: 0; padding: 0; }
a img { border: none; }
a { outline: none; }

body {
	font: 12px/1.4em Arial, 'Helvetica Neue', Helvetica, sans-serif;
	background:url(../images/bg.jpg) top left repeat-x;
	}

ul, ol { margin: 1em 0; padding-left: 2.5em; }
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }

h1, h2, h3, h5, h5, h6 { font-weight: bold; } 
h1{ font-weight: bold; font-family:Arial, Helvetica, sans-serif; font-size: 18px; color:#21368b; padding-bottom: 10px; } 
h2{ font-weight: bold; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#003466; margin: 20px 0 10px 0; } 
p{ font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#333; margin: 0 0 10px 0;} 
a { color: #036; }
a:hover { color: #036; text-decoration: none; }
a:active { color: #036; }
a:visited { color: #036; }

/* STRUCTURE */

#container {margin: 0 auto; width: 1016px;}

	#header {width: 1016px}
		#logo {width:308px; float:left;}
		#tagline {width: 708px; float:left; height:113px; background: url(../images/tagline.jpg) top left no-repeat;position:relative; }
			#login {width: 105px;height:39px;position:absolute; top: 10px; left: 620px; }
				#login a {color:#fff; font-weight:bold; font-size:15px; text-decoration: none;}
				#login a:hover {text-decoration:underline;}
			
	#nav {width: 1016px; height: 70px; margin-bottom: 10px; }

	#top-left-content {width: 280px; float:left; margin: -22px 0 0 23px;}
		#number {width: 280px; background:url(../images/800-number.jpg) top left no-repeat; height:92px;text-indent: -9999px; }
		#trainings  { color: #fff; width: 280px; background:url(../images/link-background.jpg) top left no-repeat; height:198px; text-decoration: none; padding-left: 20px; font: Arial, Helvetica, sans-serif; font-size: 15px; font-weight:bold; }
		#trainings a {color: #fff; font:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; text-decoration: none;}
			
			
	#home-top {width: 1016px; background:url(../images/home-top-bg.jpg) top left no-repeat; min-height: 400px;} 

	#trainings-stories {width: 1010px;}

	#home-middle-content {width: 1010px;}
		#home-middle-content p {font-size: 14px;}
		#home-middle-content a {font-size: 14px;}
		#home-middle-content li {font-size: 14px;}
		#home-middle-left {width: 309px; float:left; margin-left: 8px; background-color:#F4F3EE; min-height:425px; padding-bottom: 43px; }
			#events { width: 274px; padding-left: 21px; }
				#events h1 { background:url(../images/home-events-bg.jpg) top left no-repeat; height:35px; width: 187px; display:block; font-size: 20px; font-weight: bold; color:#fff; padding: 12px 0 0 14px;  }
				#events-content {width: 269px; padding: 12px 0 0 5px}

		#home-middle-right {width: 670px; float:left; background-color:#F8F7F3; padding-left: 21px; padding-bottom: 43px;}
			#articles { width: 319px; padding-left: 21px; float:left; }
				#articles h1 { background:url(../images/home-articles-bg.jpg) top left no-repeat; height:35px; width: 187px; display:block; font-size: 20px; font-weight: bold; color:#fff; padding: 12px 0 0 14px;  }
				#articles-content {width: 320px; padding: 12px 0 0 0}
			
			#about-started { width: 293px; float:left;}
				#about { width: 293px;float:left; padding-bottom: 25px; }
					#about h1 { background:url(../images/home-about-bg.jpg) top left no-repeat; height:35px; width: 187px; display:block; font-size: 20px; font-weight: bold; color:#fff; padding: 12px 0 0 14px;  }
					#about-content {width: 271px; padding: 12px 0 0 22px;}
					
				#get-started { width: 293px;float:left; }
					#get-started h1 { background:url(../images/home-started-bg.jpg) top left no-repeat; height:35px; width: 200px; display:block; font-size: 20px; font-weight: bold; color:#fff; padding: 12px 0 0 14px;  }
					#get-started-content {width: 293px; padding: 5px 0 0 18px;}
					#get-started-content ul {margin: 0px; padding: 0px;}

	#footer {background:url(../images/footer-bg.jpg) top left repeat-x; height:225px; width: 1000px; padding: 20px 0 0 0; margin-left: 8px;}
		#footer h2 {text-align:center; color:#333333; font-size: 14px; margin: 0px; padding: 0px;}
		#footer p {font-size: 14px;}
		#footer-all-logos { width: 866px; height:91px; padding: 10px 0 20px 0; margin: 0 auto; }
			#footer-social {width: 109px; float:left; background:url(../images/footer-social-media-bg.jpg) top left no-repeat;height:91px;}
			#footer-social a {display:block; width: 32px; height:32px; float:left; text-indent:-9999px;}
			#footer-social ul {margin: 0px;  list-style:none; width: 64px; padding: 11px 0 0 15px;}
			
			#footer-logos {width: 649px; float:left; background:url(../images/footer-sponsor-bg.jpg) top left no-repeat;height:91px; padding-top: 15px;}
			#footer-dshs {width:108px; float:left; background:url(../images/footer-dshs-bg.jpg) top left no-repeat;height:91px;}
	#footer-dshs a {display:block; width: 108px; height:91px; float:left; text-indent:-9999px;}
	
/*Stories Module*/

	#stories-wrap {position:relative; width: 646px; float:right;}
	.stories { display: block; width: 646px; height: 260px; overflow: hidden; float: right;  border: 3px solid #21368b; margin-right: 30px;  position: relative;}
		
		.story-item { overflow: hidden !important; float:left; }
		.story-item img { margin: 0; padding: 0; }
		div.story-content {margin: -246px 0 0 15px; width: 567px; height: 86px; padding: 5px 25px 35px 25px; z-index: 1500; 
		position:relative;background: url(../images/story-overlay.png) top center repeat; color: #FFF;float:left; }
		
		.story-content h1 {color: #FFF; margin: 20px 0 10px 0; padding: 0 0 0 0; line-height:14px; font-size:20px; 
		font-family:Arial, Helvetica, sans-serif; }	
		.story-content p {color: #FFF; margin:0; padding:0; line-height:15px; font-size:  14px;}
		.story-content a {color: #FFF; text-decoration:underline}
		.story-content a:hover {color:#FFF; text-decoration:none}
		
		.story-item .image-header {display: block; width: 646px; height: 260px; overflow: hidden !important; z-index: 10; }
		.story-item img { border:none solid #FFF !important; z-index: 999; }
		
		
		#nav-stories { height: 15px; padding: 5px 10px 0 0;  float:left;margin: 0 0 0 0; z-index: 800; width: 200px; position:absolute; top: 220px; left: -25px; }
			#nav-stories a { font-weight: bold; color: #fff; border: none; padding: 4px 6px; margin-left: 8px; text-align: center; text-decoration: none; display: block; float: left; font-size: 14px; background-color: #767fad;}
			#nav-stories a:hover { background: #767fad; color: #fff; border: none; }
			#nav-stories a.activeSlide { background: #38498d; color: #fff; }

/*Template*/
	#template-content {width: 1010px; background:url(../images/content-bg.png) top left repeat-y;}

	#template-top {width: 1016px; background:url(../images/template-top-bg.jpg) top left no-repeat; min-height: 400px;} 

	#template-articles { width: 250px; padding: 0 0 40px 6px; float:left; }
				#template-articles h1 { background:url(../images/home-articles-bg.jpg) top left no-repeat; height:35px; width: 187px; display:block; font-size: 20px; font-weight: bold; color:#fff; padding: 12px 0 0 14px;  }
				#template-articles a {font-size: 14px;}
				#template-articles-content {width: 250px; padding: 12px 0 0 0}
				
				#template-about { width: 253px;float:left; padding-bottom: 25px; padding-left: 6px;}
				#template-about p {font-size: 14px;}
					#template-about h1 { background:url(../images/home-about-bg.jpg) top left no-repeat; height:35px; width: 187px; display:block; font-size: 20px; font-weight: bold; color:#fff; padding: 12px 0 0 14px;  }
					#template-about-content {width: 221px; padding: 12px 0 0 22px;}
					
					
	#bodycontent {width:626px; margin: 23px 0 0 23px; float:left; padding-left: 20px;}
.clear { clear: both; }