/*

Site: IABC Houston
Design: Lyndia Makol with Schipul The Web Marketing Company
Build: Lyndia Makol with Schipul The Web Marketing Company
URL: www.iabchouston.com


*/

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

.titles {  font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #0e365a;}
.subtitles { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #0e365a;}
.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: 12px; color: #0e365a}
.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;}

/* ****************************************************************************************/
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, 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 {
                margin: 0;
                padding: 0;
                } 
                
a img { border: none; }
a { outline: none;  }

body { font: 12px/1.4em Arial, Helvetica, sans-serif; color: #403f3f; background: url(../images/body-bg.jpg) center repeat-y #5e9cae; margin: 0 auto;}

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, h4, h5, h6 { font-weight: normal; color: #0e365a; margin-bottom: 10px; } 
h1 { font-size: 26px; line-height: 30px; }
h2 { font-size: 22px; line-height: 28px; }
h3 { font-size: 18px; line-height: 22px; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #0e365a; text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline; }

p { margin-bottom: 10px; }

a { color: #0e365a; font-weight: bold; }
a:hover { text-decoration: none; }
a:active { }
a:visited { }

#t-cms-content a { color: #0e365a !important; }

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

body textarea {width:415px;}

/* STRUCTURE */

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

#header-area {width: 952px; position:relative; z-index: 999; }
#logo {width: 130px; float:left; }
#logo h1 a {width: 130px; height: 149px; display:block; background:url(../images/logo_s1.jpg) top left no-repeat ;}
#logo-right {width: 822px ; float:right; position:relative;}
#login-search {width: 525px; height: 22px ; background: #E4E4E4; right: 0; top: 0; position:absolute; padding:10px;}
#login { float:left;}
#search {float:right; width: 160px;}
#top-nav { float:right;position:absolute;right: 0; top: 71px;}
#top-nav ul {list-style: none; margin: 0 ; padding: 0;}
#top-nav ul li {float:left;}
#top-nav li a {color:#373737; padding: 10px 10px; text-decoration:none; }
#top-nav li a#join {background:#fac200; color:#fff; font-weight:bold; }
#nav {width:  822px; float:right; height: 34px ; background:url(../images/nav-bg_s1.jpg) top left repeat-x;position:absolute;right: 0; top: 114px; z-index: 999;}

#events-story {width: 952px; height: 311px ; background:url(../images/story-bg_s1.jpg) top left no-repeat; margin-bottom: 23px; position:relative; z-index: 99;}
#events {width: 318px ; float:left;margin: 20px 0 0 20px; color:#fff;}
#events ul {list-style: none; margin: 0; padding:0;}
#events ul li a {display:block; padding: 10px 0; margin: 0; border-bottom: 1px solid #d68280; text-decoration:none;}
#events a.url {background: none;}
#events h2 {background:url(../images/title-events.png) top left no-repeat; width: 292px; height: 22px; border-bottom: 1px solid #d68280; padding-bottom: 15px; margin-bottom:none;}
#events a {color:#fff;}
#events-feed {width: 318px;}
#events-feed a.more {background:#383838; display:inline-block; padding: 5px 10px 7px 10px; margin-top: 15px;}

#story {width: 584px; height: 296px; background:#000; float:right; margin: 7px 7px 0 0; position:relative; z-index:888;}
.story-image {width: 584px; height: 296px; position: relative; display:block; overflow:hidden;}
.story-info { width: 564px; padding: 5px 12px 11px 12px;  position:absolute; color:#FFF;  bottom: 0px; left: 0px;background-color:#000;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  }
.story-info h2, .story-info h2 a {color:#F6BF00; font-size: 18px; border: none; text-align:left;}
.story-info a { color:#F6BF00;}
.story-info .story-summary a { color:#fff; }
a.read-more { color:#F6BF00; } 

#jobsearchform .search_results .title a { font-weight: bold; font-size: 14px; line-height: 18px; }

#nav-stories {display: block; height: 15px; padding: 9px 10px 0 0;position:absolute; width: 69px;top: 5px; right: 10px; font-size:12px; z-index: 222;}			
#nav-stories a { display: block; float: left; margin-right: 5px;text-align: center; text-decoration: none; color:#fff; font-weight:bold;margin-bottom:5px; padding: 2px 5px; background:#5f5f5f;}
#nav-stories a.activeSlide {background-color:#f6be00;color: #fff;  }		

#top-content {width: 952px;margin-bottom: 23px; }
#become-member {width: 345px ; float:left;}
#become-member a {color:#BF3332;}
#become-member h2 {background:url(../images/title-become-member_s1.jpg) top left no-repeat; width: 168px; height: 18px;}
#become-member ul { list-style:none; width: 170px; float:left; color:#BF3332; margin: 0; padding: 0;}
#become-member ul li {margin-bottom:3px;}

#news {width: 262px ; float:left; margin: 0  28px 0 25px; }
#news h2 {background:url(../images/title-news_s1.jpg) top left no-repeat; width: 197px; height: 18px;}
#news-feed {width: 262px;}
#news-feed ul {list-style: none; margin: 0; padding:0;}
#news-feed ul li a {padding: 0 0 0 10px; background:url(../images/news-bullet.jpg) left no-repeat; display:block;}
#news-feed ul.articles-top li {background: none; margin: 0 ; padding:0;}
#search-ctas {width: 291px ; float:left;}
#search-ctas h2#job a {width: 291px ; height: 95px ; display:block; background:url(../images/btn-search-job-bank_s1.jpg) top left no-repeat;}
#search-ctas h2#directory a {width: 291px ; height: 95px ; display:block; background:url(../images/btn-browse-directory_s1.jpg) top left no-repeat;}
#search-ctas h2#now a {width: 291px ; height: 95px ; display:block; background:url(../images/btn-search-join-now_s1.jpg) top left no-repeat;}

#middle-content {width: 952px;margin-bottom: 23px; }
#student-chapter {width: 360px ; height:120px; float:left; background:url(../images/student-chapter-bg_s1.jpg) top left no-repeat;}
#student-chapter-content {width: 190px; margin: 10px 0 0 161px;}
#student-chapter-content h2 a {background:url(../images/title-student-chapter.png) top left no-repeat; width: 190px; height: 52px; display:block;}
#student-chapter-content p, #student-chapter-content a { color:#fff;}


#photos {width: 578px ; float:right;}
#photos h2 {background:url(../images/title-photos_s1.jpg) top left no-repeat; width: 117px; height: 15px;}
#photo-feed {width: 578px; margin-top: 24px; }
#photo-feed a {margin-right: 16px;  border: 2px solid #72B3C5; display:block;float:left; width: 75px; height: 75px; }
#photo-feed img {width: 75px; height: 75px;}
#photos a#more-photos {text-align: right; display: block; }

#bottom-content {width: 928px; background:#E8E8E8; padding: 20px 12px; margin-bottom: 23px;}
#video {width: 348px ; float:left;}
#video h2 {background:url(../images/title-videos_s1.jpg) top left no-repeat; width: 109px; height: 18px;}
#video-feed {width: 348px; }
#video-feed a#more-video {height: 20px;margin-top: 20px; display:block; text-align:right; font-weight:bold;}

#connect-sponsors {width: 563px; float:right;}
#connect {width: 568px ; position:relative; }
#connect h2 {background:url(../images/title-connect_s1.jpg) top left no-repeat; width: 285px; height: 17px;}

#social-media {width: 174px; position:absolute; top: 0; right: 30px;}
#social-media  ul {list-style: none; margin:0 ; padding:0;}
#social-media ul li {float:left;}
#social-media ul li a {width: 26px ; height: 26px ; display:block; margin-right:3px;}
#social-media ul li a#flickr { background:url(../images/icon-flickr_s1.jpg) top left no-repeat;}
#social-media ul li a#linkedin { background:url(../images/icon-linkedin_s1.jpg) top left no-repeat;}
#social-media ul li a#facebook { background:url(../images/icon-facebook_s1.jpg) top left no-repeat;}
#social-media ul li a#twitter { background:url(../images/icon-twitter_s1.jpg) top left no-repeat;}
#social-media ul li a#youtube { background:url(../images/icon-youtube_s1.jpg) top left no-repeat;}
#social-media ul li a#rss { background:url(../images/icon-rss_s1.jpg) top left no-repeat;}

#newsletter-tweets {width: 565px; background:#66A9BC; padding: 10px 0; margin-bottom: 10px;}
#newsletter {width: 247px; float:left; margin: 11px  0 0 14px; color:#fff;}
#newsletter h2 {width: 147px ; height: 21px ; background:url(../images/title-newsletter_s1.jpg) top left no-repeat;}
#twitter-area {width: 243px; height: 145px; float:right; margin: 2px 9px 0 0; background:#fff; padding: 10px; }
#twitter-area h2 , #twitter-area h2 a {display: block; width: 116px ; height: 17px ; background:url(../images/title-tweets_s1.jpg) top left no-repeat;}
#tweets {width: 240px; font-size: 11px;}
#tweets ul {list-style:none; margin: 0; padding: 0;}

#sponsors {width: 568px; }
#sponsors h2 {background:url(../images/title-sponsor_s1.jpg) top left no-repeat; width: 139px; height: 16px;}

#sponsors-content {width: 568px; height:98px; background:url(../images/sposnor-bg_s1.jpg) top left no-repeat; padding-top: 10px; position:relative;}
#port-left {background:url(/images/arrow-left.jpg) top left no-repeat; width: 22px; height:101px; float:left; cursor:pointer;}
#port-right {
	background:url(/images/arrow-right.jpg) top left no-repeat;
	width: 22px;
	height:101px;
	float:left;
	cursor:pointer;
	position:absolute;
	right: 0px;
	top: 0px;
}
		
		
div.thumbnails {float: left; width: 508px!important; height: 90px; margin-left: 10px;}
.thumbnails ul {margin:0;padding:0; width: 515px;}
.thumbnails li { width: 160px; height: 90px; margin-right: 10px; list-style:none; margin-top:0px; float: left; }
.thumbnails li img {background:url(/images/home/img-bg.jpg) top center no-repeat; margin:0 auto; list-style:none;padding-top: 0px; max-height: 90px;}		
.thumbnails ul li a {color: #D18E26; font-weight:bold;}
.thumbnails div {width:148px;}


#template-content {width: 952px;margin-bottom: 23px; }
#left-col {width: 609px ; float:left; background:#fff; padding: 15px;}
#bodycontent {width:  609px; background:#fff;}

#right-col {width: 291px ; float:right;}



#footer {width: 952px; background:#66A9BC; padding: 10px 0; margin-bottom: 20px; color:#fff;}
#footer a {color:#fff;}



.clear { clear: both; }