html { }

/* Basic Styles */

    body { 
        background: #ffffff;
        margin:0; 
        padding:0; 
        color:#444444; 
        font:0.8em Arial, Helvetica, Verdana, sans-serif;
         }
    p {
        line-height: 120%; 
        padding-top: 8px;}
    strong { 
        font-weight:bold; 
        font-style:normal; }
    
/* Default Headings */ 
   
    h1, h2, h3, h4 { 
        color:#244a7e; 
        margin: .5em 0 0.5em 0; }
    h1 { 
        font-size:1.4em; }
    h2 { 
        font-size:1.3em; 
        font-variant: small-caps;}
    h3 { 
        font-size:1.2em; 
        color:#444444; 
        padding: .5em 0 .5em 0;
        margin: 1em 0 1em 0;
        display: block;
        border-top: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc; }
    h4 { 
        font-size:1.1em; }
    .italic {
        font-style: italic;
        }         

/* Default image styles */

    img { border-style: none;
}

/* Default Links */

    a { 
        color:#285ca3; 
        text-decoration:underline; }
    a:hover, a:active, a:focus { 
        color:#615c5c;
        text-decoration:underline; }
    h1 a, h2 a, h3 a, h4 a { 
        text-decoration:none; }

/* Container divs */

        #search
        {
            margin-left: 22px;
            text-align: left;
            width: 450px;
        }

/* Flash Containers */
    #flash_header { 
        background-color:#ffffff; 
        border: 0; 
        margin: 0; 
        width: 970px; 
        height: 245px;
        clear: both;
        border: 0;}
    #flash_sub_page {
        float: left;
        border: 1px solid #999999;
        background-color:Transparent; 
        margin-right: 12px; }


    #header {
        background: #bfc4c8 url(../../images/backgrounds/header_back.gif) repeat-x;
        width: 100%;
        margin: auto;
        }
    #header .content {
        width: 970px;
        margin:auto;
        }
    #pageTools {
        width: 450px;
        margin-top: 18px;
        text-align: right;
        text-align: right;
        float: right;
        }
     #pageTools a { padding-right: 1em; padding-left: 1em;} 
     #pageTools .first { border-right: 1px solid #949495;} 
     #pageTools a:link, #pageTools a:visited { color: #949495; text-decoration: underline;}   
     #pageTools a:hover, #pageTools a:active, #pageTools a:focus { color: #515152; text-decoration: underline;}   
     
    #logo { 
        border:0; 
        padding:0; 
        height: 140px;
        margin-top: 12px;
        width: 450px; 
        float:left; 
        background:url(../../images/backgrounds/ccclogo1.gif) no-repeat;} 
        
#wrapper {
    width: 100%;
    margin: auto;
    background: #ffffff url(../../images/backgrounds/body_back.jpeg) repeat-x;
}    
    
#body_content {
    width: 970px;
    margin: auto;
    min-height: 600px;
    background: #ffffff;
    border-right: 1px solid #bfc4c8;
    border-left: 1px solid #bfc4c8;
    border-bottom: 1px solid #bfc4c8;
    padding: 0;
    padding-bottom: 12px;
}    

/* Front Page jQuery feature content */
#featured{ 
	width:308px; 
	padding-right:250px; 
	position:relative; 
	/* border:3px solid #ece9dc; */
	background:#fff;
	height: 350px;
	margin-bottom: 12px;
}
#featured ul.ui-tabs-nav { 
	position:absolute; 
	top:8px; left:300px; 
	list-style:none; 
	padding:0; margin:0; 
	width:259px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #ece9dc;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#ece9dc; 
}
#featured li.ui-tabs-selected{ 
	background:url('../images/featured_content/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:302px; height:227px; padding-top: 8px;
	background:#ffffff; position:relative;
}
#featured .ui-tabs-panel .info { 
	position:absolute; 
	top:230px; left:0; 
	height:70px; 
	background: url('../images/featured_content/transparent-bg.png'); 
}
#featured .ui-tabs-panel img { 
	border: none;
	padding: 2px; 
}
#featured .info h2{ 
	font-size:1.3em; 
	color:#244a7e;
	padding:5px;
	margin:0;
	overflow:hidden;
	text-decoration: none; 
	font-variant: small-caps;
}
#featured .info p{ 
	margin:0 5px; 
	/* font-family:Verdana; font-size:11px; 
	line-height:15px; color:#444444;*/
}
#featured .info a{ 
	text-decoration:underline; 
	color:#444444;
}
#featured .info a:hover{ 
	color:#333333; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

/* Lists */
    ol { 
        margin:1em 20px 1em auto; }
    #main ol li, #main ul li { 
        margin-bottom:0.5em; }
    #container .tabs li { 
        margin:0 3px 0 0; 
        padding-bottom:7px; 
        font-size:1.3em; 
        float:left; }
    #header li { 
        float:left; }
    #header ul { 
        margin:0; 
        padding:0; 
        list-style:none; }
        
/* news photos/images */ 
.photo-float-left-br {
    float: left;
    border: 1px solid #eeeeee;
    margin-right: 24px;
    margin-bottom: 24px;
    }   
.photo-float-right-br {
    float: right;
    border: 1px solid #eeeeee;
    margin-left: 24px;
    margin-bottom: 24px;
    }   

    
/* page navigation styles */    
    #navigation  {
        width: 970px;
        margin: auto;
      }
    #mainNav  {
        background:url(../../images/backgrounds/nav_bgrd.gif) repeat-x;
        width:962px; 
        border-top:1px solid #999; 
        border-bottom:1px solid #eeeeee; 
        padding-left:8px; 
        padding-top:2px; 
        float:left; 
        clear:both; }
    #mainNav a:link, #mainNav a:visited { text-decoration:none;}
    #mainNav a:hover, #mainNav a:active { text-decoration:underline; }
    .tab01b #tab00b, 
    .tab02b #tab01b, 
    .tab03b #tab02b, 
    .tab04b #tab03b, 
    .tab05b #tab04b, 
    .tab06b #tab05b, 
    .tab07b #tab06b, 
    .tab08b #tab07b, 
    .tab09b #tab08b, 
    #mainNav #tab09b { }
    #mainNav a { color:#fff; display:block; padding:0.4em 0.6em; border-left: 1px solid #eee;}
    #mainNav .firstLi a {border:0;}
    .tab00b #tab00b a, 
    .tab01b #tab01b a, 
    .tab02b #tab02b a, 
    .tab03b #tab03b a, 
    .tab04b #tab04b a, 
    .tab05b #tab05b a, 
    .tab06b #tab06b a, 
    .tab07b #tab07b a, 
    .tab08b #tab08b a, 
    .tab09b #tab09b a { background:#eeeeee; }
    .tab00b #tab00b a:link, 
    .tab01b #tab01b a:link, 
    .tab02b #tab02b a:link, 
    .tab03b #tab03b a:link, 
    .tab04b #tab04b a:link, 
    .tab05b #tab05b a:link, 
    .tab06b #tab06b a:link, 
    .tab07b #tab07b a:link, 
    .tab08b #tab08b a:link, 
    .tab09b #tab09b a:link { color:#626262;}
    .tab00b #tab00b a:visited, 
    .tab01b #tab01b a:visited, 
    .tab02b #tab02b a:visited, 
    .tab03b #tab03b a:visited, 
    .tab04b #tab04b a:visited, 
    .tab05b #tab05b a:visited, 
    .tab06b #tab06b a:visited, 
    .tab07b #tab07b a:visited, 
    .tab08b #tab08b a:visited, 
    .tab09b #tab09b a:visited { color:#626262; }
    .tab00b #tab00b a:hover, 
    .tab01b #tab01b a:hover, 
    .tab02b #tab02b a:hover, 
    .tab03b #tab03b a:hover, 
    .tab04b #tab04b a:hover, 
    .tab05b #tab05b a:hover, 
    .tab06b #tab06b a:hover, 
    .tab07b #tab07b a:hover, 
    .tab08b #tab08b a:hover, 
    .tab09b #tab09b a:hover { color:#000; text-decoration:none; background:#eeeeee; }
    .tab00b #tab00b a:active, 
    .tab01b #tab01b a:active, 
    .tab02b #tab02b a:active, 
    .tab03b #tab03b a:active, 
    .tab04b #tab04b a:active, 
    .tab05b #tab05b a:active, 
    .tab06b #tab06b a:active, 
    .tab07b #tab07b a:active, 
    .tab08b #tab08b a:active, 
    .tab09b #tab09b a:active { color:#000; text-decoration:none; background:#eeeeee; }

    #subNav div { width:1px; height:1px; margin:-500em; padding:0; position:absolute; top:-500em; left:0; }
    #subNav  
    {
        background:#eeeeee;
        width:950px; 
        height: 14px; 
        border-bottom:1px solid #999; 
        margin-bottom:8px; 
        padding:0.5em 10px 0.5em 10px; 
        float:left; }
    .tab00b #list00, 
    .tab01b #list01, 
    .tab02b #list02, 
    .tab03b #list03, 
    .tab04b #list04, 
    .tab05b #list05, 
    .tab06b #list06, 
    .tab07b #list07, 
    .tab08b #list08, 
    .tab09b #list09 { width:942px; height:auto; position:relative; margin:0; top:0; left:0; float:left; }
    #subNav ul { float:left; }
    #subNav li { border-left:1px solid #999; white-space:nowrap; }
    #subNav .firstLi { border:0; }
    #subNav a { padding:2px 0.5em; color: #707070; text-decoration: underline ;}
    #subNav a:hover { color: #333333; }
    #subNav .firstLi a { padding-left:0; }
    
/* Advertising */
    .leaderboard { 
        clear: left;}
    .leaderboard h2 { 
        color:#999; 
        font-size:0.8em; 
        font-weight:normal; 
        letter-spacing:0.2em; 
        text-transform:lowercase; 
        text-align:center; 
        border-top:1px solid #999; 
        margin:0.5em 0 0 0; 
        padding:0.5em 0; 
        clear:both; }
    .leaderboard img {
        border: 1px solid #999;
        margin-bottom: 1em; }
    .vertical-ad { 
        width:130px; 
        float:left; 
        margin:0 18px 0 18px; }
        
        
    .vertical-ad h2, .vertical-ad-sponsor h2 { 
        color:#999; 
        font-size:0.8em; 
        font-weight:normal; 
        letter-spacing:0.2em; 
        text-transform:lowercase; 
        text-align:center; 
        border-top:1px solid #999; 
        margin:0.5em 0 0 0; 
        padding:0.5em 0; 
        clear:both; }
    .vertical-ad img {
        border: 1px solid #999;
        margin-bottom: 1em; }
    .vertical-ad-sponsor { 
        width:130px; 
        float:left; 
        margin:0 18px 0 10px; }
    .vertical-ad-sponsor img {
        border: 0;
        margin-bottom: 1em; }
        
     
/* modules */
    .module { 
        border:1px solid #999; 
        display:inline; 
        margin:0.5em 0 1em 0; 
        padding:0 10px; 
        background:url(../../images/backgrounds/module_bgrd.gif) repeat-x; 
        clear:both; 
        float:left;}
        
    #main .module {
        width: 559px;
        }        
    .module img, .stories img, .columns img { border:1px solid #999; margin:0 6px 5px 0; float:left;}
    
  /* module encasing front page jquery features  */
    .module1 { 
        border:1px solid #999; 
        display:inline; 
        margin:0.5em 0 1em 0; 
        padding:0 10px; 
        clear:both; 
        float:left;}
		
	.stories { margin:1em 0; }
    .stories div { width:100%; margin:0.6em 0 0.75em 0; clear:both; /*clear:both stops second story wrapping around lead */ }
    .stories h1  { font-size:1.8em; margin:0.5em 0 0.1em 0; }
    .stories h3 { font-size:1.2em; margin:0 0 0.1em 0; }
    .stories p { margin:0; }
    .date { color:#999; }
    .columns div { width:274px; margin:0 0 0 10px; padding:0; float:left; clear:none; }
    .columns .firstColumn { border:0; margin:0; padding-left:0; }
    .columns div div { width:auto; border:0; margin:0 0 1em 0; padding:0; float:none; clear:both; }
    .columns div div h3 { margin-top:0; }
    
    html>body .linkList, html>body .linkList ul, html>body .detailsList { height:auto; }
    .linkList, .linkList ul, .detailsList { 
        height:0.01%;/*IE hack to stop elements disappearing*/ 
        margin:1em 0 0.75em 0;
        padding:0; 
        list-style:none; 
        clear:both;
        }
    .linkList ul {}
    .linkList li {background:url(../../images/picArrowBlue.gif) left no-repeat; margin-left: 7px; line-height: 1.5em; }
    .linkList a {padding: 0 0 0 10px;}
    .linkList a:link, .linkList a:visited   { color:#285ca3; text-decoration:underline; }
    .linkList a:hover, .linkList a:active, .linkList a:focus  { color:#615c5c; text-decoration:underline; }
    .moreLink { 
        margin:0; 
        padding: 1em; 
        font-variant: small-caps; }
         
    /* contains main body of each page main and rhn divs are the two columns in this section */
    #container { 
        width:100%;
        min-height: 600px;
        text-align:left; 
        margin: auto; 
        margin-top: 22px;
        padding-bottom: 22px; 
         }
     /* Main and right make one full content area */ 
        
     /* Main content column */
     #main { width:579px; padding-bottom:1em; float:left; margin-left: 18px; margin-top: 30px; }
     #mainShop { width:900px; padding-bottom:1em; float:left; margin-left: 18px; margin-top: 5px; text-align: left; }
     #main_calendar { width:925px; padding-bottom:1em; float:left; margin-left: 18px; margin-top: 30px; }

     /* Right hand content column */
     #rhn { width:336px; margin-left:15px; padding-bottom:1em; float:left; margin-top: 30px; }
     html>body #rhn .module { width:316px; }
     #rhn .module { width:316px;padding-right:10px;  }
     
     /* Full content area instead of a Main and a RHN */
     #full { width:945px; padding-bottom:1em; float:left; margin-left: 18px;}

/* AJAX newsletter subscription       */
.nw_manage {
    width: 344px;
    }

/* ajax__tab_yuitabview-theme theme (img/yui/sprite.png) */
.ajax__tab_yuitabview-theme .ajax__tab_header 
{
    font-family:arial,helvetica,clean,sans-serif;
    font-size:small;
    border-bottom:solid 5px #353535;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(../../img/yui/sprite.png) #d8d8d8 repeat-x;
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #353535;
    border-bottom-width:0px;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_tab
{    
    color:#000;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
    text-align: left;
    font-size: 90%;
}
.ajax__tab_yuitabview-theme .ajax__tab_hover .ajax__tab_outer 
{
    background: url(../../img/yui/sprite.png) #bfdaff repeat-x left -1300px;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_tab 
{
    color:#fff;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_outer
{
    background:url(../../img/yui/sprite.png) #2647a0 repeat-x left -1400px;
    background:url(../../img/yui/sprite1.png) #a5a8ab repeat-x top;
}
.ajax__tab_yuitabview-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:0.25em 0.5em;
    background-color:#edf5ff;    
    border:solid 1px #808080;
    border-top-width:0px;
}

         
/*  single container spanning bottom of main and rhn columns */
    #Spotlight { width:930px; margin: 0 auto; border:1px solid #999}
    html>body #spotlight { width:910px; }
    
    #Spotlight .item { 
        border:0; 
        display:inline; 
        margin: 3px;
        padding:10px; 
        width:270px; 
        float: left; }
    
/*  footer */      
    #footer { 
        text-align: center; 
        width:100%; 
        color:#515152; 
        background: url(../../images/backgrounds/footer-back.gif) repeat-x;
        font-size: 90%; 
        margin: auto;
        margin-top: 12px;
        padding:0 0 1em 0;
        clear:both;
       }
        
	#footer .footerLinks { 
	    clear:none; 
	    width: 970px;
	    margin: auto;
	    text-align: center; 
	    padding-top: 8px;
	    padding-bottom: 8px;
	    border-top: 1px solid #888888;
	    border-bottom: 1px solid #888888;}
    #footer p  
    {
        }
    #footer ul { 
        margin:0; 
        padding:3px; 
        list-style:none; }
    #footer li { 
        margin:0; 
        white-space:nowrap; 
        display: inline; }
    #footer a { 
        color: #949495; 
        padding: 0.6em; 
        font-weight:normal; 
        text-decoration:none; }
    #footer a:hover, #footer a:active, #footer a:focus { 
        color: #515152; 
        text-decoration:underline;}
    
   /* Clear any div 
   
        height:1px;
	    margin-top:-1px; 
	    clear:both;}*/
    
/* Calendar-specific */

    #calendar {
        float: left;}
        
.ValidateMessage {
    color: Red;
    font-size: .8em;
    padding-left: 12px;
    }
/* Used exclusively in Chamber_member_application */
        .menuTab
        {
            border-top: 1px solid #cccccc;
            border-bottom: 1px solid #cccccc;
            width: 90%;
            padding-top: 12px;
            padding-bottom: 12px;
        }
        .menuTab a
        {
            margin: 12px;
            padding: 12px;
            text-decoration: underline;
            font-weight: bold;
        }
        .class_column
        {
            width: 425px;
            float: left;
        }
    
    .TabArea {
        position:absolute;
        top: 300px;
        z-index:25;
        width: 875px;
        } 
/* end */
           
.strong {
    font-weight: bold;
}
.clearsides {
    clear: both;
    height: 1px;
    visibility: hidden;
    }
.small {
    font-size: .80em}    

.hotdeals {
    width: 90%;
    color: #333333;
    border: 2px dashed #414141;
    background: #f4ebb0;
    text-align: center;
    padding: .5em;
}
.newsletter table {
    background-color: #ece9dc;
    border: 1px solid silver;
    }
.allNews {
    width: 540px;
    }  
    
.all_caps {
    text-transform: uppercase;
    }