/* 
*
*	edreamz Jan 2009
*
*/


/* 
 * 
 * Admin 
 * (WYSIWYG Content)
 * 
 */

h1 { color: #2395fe; font-weight: bold; font-size: 18px; font-family: Arial, Helvetica, sans-serif; line-height: normal; margin:0 0  10px 0;}
h2 { color: #83755a; font-weight: bold; font-size: 13px; line-height: normal;}
h3 { color: #d78400; font-weight: bold; font-size: 12px; line-height: normal;}
h4 { color: #d78400; font-weight: bold; font-size: 16px; line-height: normal;}
  
/* 
 * 
 * Link Styles
 * 
 */
a { color: #f08c36; text-decoration: none;}
a:hover { text-decoration: underline;}
a.triangle{ text-decoration: none; background: url('/images/bullet-arrow.gif') left no-repeat; padding-left: 10px; font-weight: normal;}
a.triangle:hover{ text-decoration: underline;}


/* 
 * 
 * List Styles
 * 
 */
 

/* 
 * 
 * Global
 * 
 */
p{ margin: 0; padding: 0 0 15px 0;}
p img{padding: 5px;}

.header{font-size: 20px;font-weight: bold;}
.subheader{font-size: 16px;font-weight: bold;}

.small-green {font-size:11px; color:#71bd50; line-height:16px;}
.hidden{display:none;}
.date{ font-size: 11px; color: #9a9a9a;}
.req{color: #ff5400; font-weight: bold;}
#spacer { width: 960px; float: left; background: #ffffff; height: 10px; display: block;}


hr{ background-color:#98acc2; padding:0; float:left; border:0; height:1px; margin: 0 0 20px 0; width:100%; text-align: left; }

/* 
 * 
 * Main Navigation
 *
 */
#navigation{ width:100%; position:absolute; bottom:0; left:0; }
#navigation ul{ padding:0; margin:0; width:100%; list-style:none; } 
#navigation ul li{ float:left; position:relative; }
#navigation ul li a{ display:block; height:46px; text-indent:-9999em;  padding:0; } 
#navigation ul li a#home{ background:url("/images/structure/nav-home.gif") no-repeat scroll 0 0 transparent; width:106px; }
#navigation ul li a#about{ background:url("/images/structure/nav-aboutus.gif") no-repeat scroll 0 0 transparent; width:99px; }
#navigation ul li a#group{ background:url("/images/structure/nav-group.gif") no-repeat scroll 0 0 transparent; width:127px; }
#navigation ul li a#news{ background:url("/images/structure/nav-news.gif") no-repeat scroll 0 0 transparent; width:112px; }
#navigation ul li a#event{ background:url("/images/structure/nav-event.gif") no-repeat scroll 0 0 transparent; width:164px; }
#navigation ul li a#members{ background:url("/images/structure/nav-members.gif") no-repeat scroll 0 0 transparent; width:94px; }
#navigation ul li a#sponsors2{ background:url("/images/structure/nav-sponsors.gif") no-repeat scroll 0 0 transparent; width:105px; }
#navigation ul li a#contact{ background:url("/images/structure/nav-contact.gif") no-repeat scroll 0 0 transparent; width:153px; }
#navigation ul li a#home:hover, #navigation ul li a#about:hover, #navigation ul li a#group:hover, #navigation ul li a#news:hover, #navigation ul li a#event:hover, #navigation ul li a#members:hover, #navigation ul li a#sponsors2:hover, #navigation ul li a#contact:hover, #navigation ul li.selected a#home, #navigation ul li.selected a#about, #navigation ul li.selected a#group, #navigation ul li.selected a#news, #navigation ul li.selected a#event, #navigation ul li.selected a#members, #navigation ul li.selected a#sponsors2, #navigation ul li.selected a#contact{ background-position:0 -46px; } 

/* 
 * 
 * Layout / Formatting
 * 
 */

html {min-height: 100%; height: auto;}
body{background: #f0f0f0 url('/images/structure/background.jpg') left top repeat; color: #8a8a8a; font-size: 16px; font-family: Arial, Helvetica, sans-serif; line-height: 20px;}
body.home {background: #6ea7d5 url('/images/structure/bg-home.jpg') center bottom no-repeat;}
#wrapper{ width:960px; margin:0 auto; padding:0 16px; background:url(/images/structure/wrapper-bg.gif); }
#header{ background:url(/images/structure/header-bg.jpg) no-repeat; height:150px; width:100%; position:relative; margin-bottom:12px;}
#header #logo{ margin-left:45px; padding-top:5px; float:left; width:auto; }
#header #logo a{ display:block; height:91px; width:281px; background:url(/images/bloc-logo.png) no-repeat; text-indent:-9999em; }
#header #top-nav{ float:right; margin-right:10px; margin-top:15px; }
#header #top-nav ul{ margin:0; padding:0; }
#header #top-nav ul li{ list-style:none; float:left; }
#header #top-nav ul li a{ display:block; float:left; width:150px; height:22px; text-indent:-33333em; }
#header #top-nav ul li a#photo{ background:url(/images/structure/photo-gallery.png) top right no-repeat; }
#header #top-nav ul li a#email{ background:url(/images/structure/email-signup.png) top right no-repeat; }
#header #top-nav ul li a#facebook{ background:url(/images/structure/facebook.png) top right no-repeat; }
#header #top-nav ul li a#twitter{ background:url(/images/structure/twitter.png) top right no-repeat; width:33px; margin-right:28px; }
#header #top-nav ul li a#photo:hover, #header #top-nav ul li a#twitter:hover, #header #top-nav ul li a#email:hover, #header #top-nav ul li a#facebook:hover, #header #top-nav ul li.selected a#photo{ background-position:right -22px; }

#left-col{ width:634px; float:left; margin-left:10px; min-height:867px; position:relative; padding-bottom:112px; }
#panel{ background: url(/images/structure/panel-bg.gif) no-repeat; width:621px; height: 248px; padding:6px; margin-bottom:10px; position:relative; }
#panel ul{ margin:0; padding:0; position:absolute; top:1px; left:1px; width:32700px;}
#panel ul li{ list-style:none; margin:0; float:left;}
#panel-wrap{ width:605px; overflow:hidden; height: 240px; position:relative; }

#home-content{ line-height:36px; padding:10px 15px; }

#members a{ display:block; width:217px; height:103px; text-indent:-33333em; }
#members a#uptown{ background:url(/images/membership-uptown.jpg); }
#members a#north{ background:url(/images/membership-north.jpg); }
#members a#ballantyne{ background:url(/images/membership-ballantyne.jpg); }
#members a#southpark{ background:url(/images/membership-southpark.jpg); }
#members a#matthews{ background: url(/images/membership-matthews.jpg); }
#members a#uptown:hover, #members a#north:hover, #members a#ballantyne:hover, #members a#southpark:hover, #members a#matthews:hover{ background-position:0 -103px; }

#right-col{ width:300px; float:right; margin-right:10px; }
.block{ border:1px solid #98acc2; padding:1px; width:296px; margin:10px 0;}
.block img{ float:left; margin:0; padding:0; }
.block li{ padding-right:10px; }
.block.top{ margin-top:0; }
.block hr{ margin:1px 0 1px 0; float:left; clear:both; display:block; }

.blue-gradient{ clear:both; background:url(/images/blue-gradient.gif) repeat-x; padding:10px; text-align:right; overflow:hidden; }
.blue-gradient.orange{ background:url(/images/orange-gradient.gif) repeat-x; }
.blue-gradient a{ color:#fff; font-size:12px; }
.blue-gradient img{ border:1px solid #98acc2; padding:4px; background-color:#fff; margin-bottom:3px; }
.blue-gradient .prev, .blue-gradient .next{ display:none; }
.grey{ background-color:#f4f2f3; font-size:12px; line-height:18px; }
	.grey ul{ list-style:none; padding-left:10px; float:left; padding-bottom:0; }
	.grey ul li{ margin:18px 0; }
	.grey ul li a{ color:#646464; font-size:12px; font-weight:bold; }
	.grey a.right{ display:block; float:right; clear:both; font-size:12px; margin:7px 10px 7px; color:#646464; font-weight:bold; }
#mycarousel{ padding:0; width:170px; overflow:hidden; }
.jcarousel-clip{ width:275px; overflow:hidden; }
#mycarousel li{ list-style:none; padding:0; }
	
#newsletters{  border:1px solid #98acc2; float:left; margin-left:15px; width:94%; padding:1px; position:absolute; bottom:0; left:0;  }
	#newsletters .col{ width:33%; float:left; }
	#newsletters h1{ margin-bottom:0; }
	#newsletters .grey{ padding:10px; }
	#newsletters .grey ul{ list-style:none; float:left; padding:0; margin:4px 0; width:100%; }
		#newsletters .grey ul li{ float:left; clear:none; margin:0; }
		#newsletters .grey ul li a{ color:#646464; font-size:12px; font-weight:bold; }
		#newsletters .grey ul li.first{ margin-left:0; }

.clear{ width:100%; clear:both;  }
.one{ height:1px; }
/* 
 * 
 * Layout / Secondary Pages
 * 
 */
#content{ padding:15px 25px 15px 15px; font-size:14px; }
	#content h1{ padding-left:40px; margin-bottom:8px; background: url("/images/symbol.gif") no-repeat scroll 0 0 transparent; height:33px; } 
	#content .header{ font-weight:bold; font-size:16px; color:#2395fe; }
	#content .subheader{ color: #8a8a8a; font-weight:bold; }
	#content a#email { display:block; float:left; height:22px; text-indent:-33333em; width:160px;  background:url("/images/structure/email-signup.png") no-repeat scroll center top transparent; }
	#content a#email:hover{ background-position: 6px -22px; }
	
	#content.gallery ul li{ list-style:none; float:left; clear:none; margin-bottom:30px; width:225px; margin-right:40px;}
	
/*
 *
 * News / Events Item
 *
 */
 
 .listingitem hr{ margin:15px 0; }
 
/*
 *
 * Tab Controls
 *
 */


/*
 *
 * Graphic Buttons
 *
 */

/*
 *
 * Layout / Form
 *
 */
 .form { background-color:#E3F0FF; color:#747474; float:left; margin:10px 0; padding:26px 26px 0; width:90%; } 
 .form .ft { margin-left:-26px; width:618px; } 
 .form.small { background:url("/images/form-small-top.gif") no-repeat scroll left top transparent; float:left; margin:25px 0 0 20px; width:250px; } 
 .form.small .ft { margin-left:-26px; width:247px; } 
 .form .title { background:url("/images/form-divider.gif") repeat-x scroll left bottom transparent; display:block; margin:-10px 0 -5px; width:100%; } 
 .form label { font-size:12px; font-weight:bold; } 
 .form label span { color:#FF0000; font-weight:bold; } 
 .formRow { margin-top:10px; } 
 .smallformItem { float:left; width:260px; } 
 .smallformItem .textfield { width:240px; } 
 .smallformItem .textarea { width:244px; }
 .formItem { float:left; width:267px; } 
 .formItem .textfield { width:247px; } 
 .formItem .textarea { width:264px; }
 .textfield-small { width:80px; } 
 .formItem .dropdown { height:23px; } 
 .formItemSmall { float:left; width:40px; } 
 .formItemSmall .textfield { width:30px; } 
 .formItemLong { float:left; width:540px; } 
 .formItemLong .textfield { width:540px; } 
 .formItemLong .textfield2 { width:200px; } 
 .formItemLong .textfield-small { width:50px; } 
 .formItemLong .textarea { width:515px; } 
 .formItemLong .dropdown { height:23px; } 
 .city { float:left; width:283px; } 
 .city .textfield { width:263px; } 
 .state { float:left; width:60px; } 
 .state .dropdown { height:23px; } 
 .zipcode { float:left; width:60px; } 
 .zipcode .textfield { width:50px; } 
 .phone { float:left; width:220px; } 
 .phone .textfield { width:30px; } 
 .phone .textfield2 { width:35px; } 
 .checkbox { float:left; padding-right:10px; } 
 .checkbox .box { float:left; margin:1px 5px 0 0; } 
 #msg { margin:10px auto; padding:26px; width:100%; font-size:12px;  } 
 #msg.error{  width:96%; padding:10px; color:#FF0022; border:2px solid #F08C36; } 
 #msg .title { background:url("/images/form-divider.gif") repeat-x scroll left bottom transparent; display:block; margin:-5px 0 5px; width:100%; } 
 #msg.error .title { background:url("/images/error-divider.gif") repeat-x scroll left bottom transparent; } 
 .notice { background:none repeat scroll 0 0 #E0E44A; border-color:#768422 -moz-use-text-color; border-style:solid none; border-width:1px medium; font-weight:bold; } 
 .notice p { margin:0; padding:0; } 
 .success { background:url("/images/form-top.gif") no-repeat scroll left top transparent; } 
 .success .ft { background:url("/images/form-bottom.gif") no-repeat scroll left bottom transparent; height:23px; margin:0 0 -26px -26px; width:618px; } 
 .error { background:url("/images/blue-gradient.gif") repeat-x scroll left top transparent; padding:10px; } 
 .error .ft { background:url("/images/error-bottom.gif") no-repeat scroll left bottom transparent; height:23px; margin:0 0 -26px -26px; width:618px; } 
 .error ul { margin-bottom:0; padding-bottom:0; } 
 .error ul li { background:url("/images/bullet-white.png") no-repeat scroll 0 3px transparent; } 
 #msg-small { float:left; margin:25px 0 -10px 20px; padding:26px; width:250px; } 
 .success.small { background:url("/images/form-small-top.gif") no-repeat scroll left top transparent; } 
 .success.small .ft { background:url("/images/form-small-bottom.gif") no-repeat scroll left bottom transparent; height:23px; margin:0 0 -26px -26px; width:618px; } 
 .error.small { background:url("/images/error-small-top.gif") no-repeat scroll left top transparent; color:#FFFFFF; } 
 .error.small .ft { background:url("/images/error-small-bottom.gif") no-repeat scroll left bottom transparent; height:23px; margin:0 0 -26px -26px; width:618px; }
	

/* 
 * 
 * Layout / Footer
 * 
 */
 #footer{ background: url(/images/structure/footer-bg.gif) bottom repeat-x; float:left; clear:both; width:100%; position:relative; }
 #footer ul{ text-transform:uppercase; font-size:10px; margin:35px 20px 5px 10px; float:left; padding-left:20px; padding-bottom:0; }
 #footer ul.border{ border-left:1px solid #f08c36; }
 #footer ul li{ list-style:none; }
 #footer ul li a{ color:#fff; }
 #footer #logo-ft{ line-height:15px; text-align:center; float:right; margin-right:30px; margin-bottom:8px; color:#fff; font-size:9px; text-transform:uppercase; }
 #footer #logo-ft img{ margin-bottom:5px; }
 #footer #logo-ft a{ color:#fff; }

/*
 *
 * Overlay
 *
 *
*/