@import url("../css/reset.css");
@import url("../css/ui.tabs.css");
@import url("../css/calendar.css");
@import url("../css/thickbox.css");

/*  
#B30028 = dark red
#5989CB = medium blue
#9EC67F = light green

#C97642 = dark orange
#FBF2E1 = light peach
#753835 = maroon

#888686 = dark grey
#E8E5E1 = light grey

Globals
--------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}

body {
    text-align: center;
    font: 12px/1.4em Helvetica, Arial, sans-serif;
    background: #fff url(../gfx/bg_main_inside.gif) repeat-x 0 0;
    color:#414042;
} 
body#home {
    background: #fff url(../gfx/bg_main_home.gif) repeat-x 0 0;
}
hr { display: none; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }

.small {
	font-size: 11px;
}
blockquote .small {
	font-weight: bold;
}

.feeds {
	background: url(../gfx/icons/feed_icon.gif) no-repeat 5px 0;
	padding: 0 0 10px 50px;
	color: #666;
}
.feeds h3 {
	margin: 0 !important;
	padding: 0 0 2px 12px !important;
	font-size: 14px !important;
	color: #DB5F2A !important;
}
.feeds ul li {
	margin: 0 0 3px 12px;
}
.feeds ul li a {
	color: #5989CB;
}
.feeds ul li a:hover {
	color: red;
}

/* Layout Divisions
--------------------------------------------------------------------------------------------------- */
#wrapper {
	margin: 0 auto;
	text-align:left;
	width: 950px;  
	position: relative;
	background: url(../gfx/container_mid_bg.gif) repeat-y 0 0;
}
#container {
	background: url(../gfx/container_top_bar.gif) no-repeat 0 0;
}
#innerwrap {
	padding: 0;
	
}
#header {
	height: 197px;
}

/* ------| columns |------ */
#contentarea {
	margin: 18px 0;
	background: url(../gfx/line_dotted_vert.gif) repeat-y 642px 0;	
}
body#home #contentarea {
	background: url(../gfx/line_dotted_vert.gif) repeat-y 315px 0;
}
#primary {
	float: left;
	width: 620px;
	padding: 0 0 20px;
}
#primary.singlecol {
	width: 100%;
	float: none;
}
#secondary {
	float: right;
	width: 277px;
	padding: 0 0 20px;
}
body#home #primary {
	float: right;
	width: 615px;
}
body#home #secondary {
	float: left;
	width: 292px;
	padding: 0 0 20px;
}
#primary .column_A {
	float: left;
	width: 345px;
}
#primary .column_B {
	float: right;
	width: 245px;
}

/* ------| logo |------ */
#logo {
	display: block;
	padding: 30px 0 0 0;
	width: 354px;
	display: block;
}
#logo a {
	display: block;
	height: 78px;
	width: 354px;
	background: url(../gfx/csiaont_logo.gif) no-repeat 0 0;
	text-indent: -9999px;
}
#logo a:hover {
	background-position: 0 -78px;
}

/* ------| banner ads |------ */
#sponsoredlinks {
	position: absolute;
	top: 36px;
	left: 271px;
	width: 680px;
	height: 80px;
}
#sidebarAds img {
	margin: 0 0 15px;
}

/* ------| inside page header photo |------ */
.headerphoto img {
	margin: 0 0 5px;
}
#primary .headerphoto p {
	margin: 0;
	padding: 0;
	font-size: 11px;
	text-align: right;
	color: #666;
}
.headerphoto {
	padding: 0 0 5px;
	margin: 0 0 15px;
	background: url(../gfx/line_dotted_horiz.gif) repeat-x 0 100%;
}

/* ------| subheader |------ */
#subheader #slideshow {
	float: left;
	width: 704px;
}
#subheader #promos {
	float: right;
	width: 245px;
	height: 326px;
	background: url(../gfx/bg_promos.gif) repeat-x 0 0;
	position: relative;
}
#subheader #promos .promo1 {
	padding: 20px;
	color: #eee;
}
#subheader #promos h2 {
	font-weight: bold;
	color: #CAE1E7;
	font-size: 18px;
	text-shadow: #555 2px 2px 1px;
}
#subheader #promos .promo1 p {
	margin: 10px 0;
}
#subheader #promos .promo1 li {
	margin: 0 0 5px;
}
#subheader #promos .promo1 li a {
	display: block;
	padding: 0 0 0 25px;
	height: 20px;
	line-height: 20px;
	background: url(../gfx/arrow_box.png) no-repeat 0 50%;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-shadow: #555 2px 2px 1px;
}
#subheader #promos .promo1 li a:hover {
	color: red;
	text-shadow: #555 1px 1px 0px;
}
#subheader #promos .promo2 {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 117px;
	width: 245px;
	color: #eee;
	text-align: right;
	background: url(../gfx/icons/cart_ongrey.gif) no-repeat 15px 15px;
}
#subheader #promos .promo2 h3 {
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	padding: 20px 20px 5px 60px;
}
#subheader #promos .promo2 p {
	padding: 0 20px 0 70px;
	margin: 0;
	font-size: 11px;
}
#subheader #promos .promo2 .btn {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100px;
	height: 18px;
	line-height: 18px;
	font-size: 11px;
	text-align: center;
}
#subheader #promos .promo2 .btn a {
	display: block;
	color: #fff;
	text-decoration: none;
	background: red;	
}
#subheader #promos .promo2 .btn a:hover {
	background: #3E3E3E;
}

/* Typography
--------------------------------------------------------------------------------------------------- */
#contentarea h1 {
	color: #ED1C24;
	font-weight: normal;
	font-size: 24px;
	margin: 0 0 15px;
	padding: 0 0 15px;
	display: block;
	width: 620px;
	background: url(../gfx/line_dotted_horiz.gif) repeat-x 0 100%;
	line-height: 1.2em;
}
#contentarea h2 {
	color: #ED1C24;
	font-weight: normal;
	font-size: 14px;
	margin: 0 0 15px;
}
#contentarea h3 {
	color: #999;
	font-weight: normal;
	font-size: 18px;
	margin: 0 0 10px;
	line-height: 1.2em;
}
#contentarea h4 {
	color: #438294;
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 5px;
	line-height: 1.2em;
}
#contentarea h5 {
	color: #438294;
	font-weight: normal;
	font-size: 14px;
	margin: 0 0 5px;
	line-height: 1.2em;
}
#contentarea h4.legend {
	width: 100%;
	float: none;
	border: none;
	background: transparent;
}
#contentarea h3 a {
	color: #666;
	text-decoration: none;
}
#contentarea h3 a:hover {
	color: #999;
}
#contentarea h2 span {
	color: #666;
}
#primary p {
	margin: 0 0 15px;
}

#primary .body ul, #primary .body ol {
	margin: 0 0 15px;
	line-height: 1.4em;
}
#primary .body ul li, #primary div.eventList ul li {
	margin: 0 0 10px 40px;
	line-height: 1.4em;
	list-style: disc;
}
#primary .body ol li, #primary div.eventList ol li {
	list-style: decimal;
	margin: 0 0 10px 40px;
	line-height: 1.4em;
}
#primary .body ul.eventlist li {
	margin: 0 0 15px;
}
#primary .body ul.eventlist li {
	list-style: none;
	margin: 0 0 10px;
}

#primary dl {
	margin: 0 0 15px;
}
#primary dl dt {
	font-size: 16px;
	margin: 10px 0 5px;
	padding: 5px 0 0 0;
	font-weight: bold;
	border-top: 1px solid #eee;
}
#primary dl dd {
	margin: 0 0 5px;
}

/* ------| schedule table |------ */
#primary table.schedule {
	margin: 0 0 15px;
	width: 100%;
	border-right: 1px solid #ccc;
}
#primary table.schedule th {
	font-weight: bold;
	padding: 3px 5px;
	border: 1px solid #ccc;
	border-right: none;
	text-transform: uppercase;
	color: #fff;
	background: #3A7288;
	vertical-align: middle;
}
#primary table.schedule td {
	padding: 3px 5px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	color: #666;
	vertical-align: middle;
}
#primary table.schedule ul {
	margin: 0;
	padding: 0;
}
#primary table.schedule ul li {
	margin: 0;
	padding: 0;
	line-height: 1.6em;
	list-style: none;
}
#primary table.schedule tr.even {
	background: #EDF4FC;
}

.fileDownload a {
	padding: 10px 0 10px 30px;
	background: url(../gfx/icons/pdf_icon_small.gif) no-repeat 0 50%;
}

/* ------| skitalk box |------ */
.filebox {
	background: #E8EBF0;
	border: 1px solid #ccc;
	padding: 6px;
	margin: 0 0 20px;
	position: relative;
}
.filebox .icon a {
	float: left;
	display: block;
	width: 70px;
	height: 90px;
	text-indent: -9999px;
	border: 1px solid #ccc;
	background: #fff url(../gfx/icons/pdf_icon_big.gif) no-repeat 50% 50%;
}
.filebox  .btn {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 120px;
	height: 22px;
	line-height: 22px;
	font-size: 11px;
	text-align: center;
}
.filebox a {
	color: #666;
}
.filebox a:hover {
	color: #999;
}
.filebox .btn a {
	display: block;
	color: #fff !important;
	text-decoration: none;
	background: red;	
}
.filebox  .btn a:hover {
	background: #3E3E3E;
}
#primary .filebox p {
	margin: 0 0 5px;
}
#primary .filebox h3 {
	font-size: 12px;
	font-weight: bold;
}
#primary .filebox em { font-size: 11px; }
#primary .filebox .info {
	float: left;
	width: auto;
	margin: 0 0 0 20px;
	padding: 10px 0 0 0;
}
 body#home #primary .filebox .info {
	float: right;
	width: 146px;
	padding: 10px 0 0 0;
	margin: 0;
}
/* ------| home news |------ */
#primary ul.newsList {
	padding: 0 35px 0 0;
}
#primary ul.newsList li {
	padding: 0 0 10px;
	margin: 0 0 20px;
	background: url(../gfx/line_dotted_horiz.gif) repeat-x 0 100%;
	font-size: 11px;
}
#primary ul.newsList li p {
	margin: 0 0 10px;
	color: #666;
}
#primary ul.newsList li p.perma,
#secondary p.perma {
	padding: 0;
	margin: 0;
	font-weight: bold;
}
#primary ul.newsList li .perma a,
#secondary p.perma a,
#primary .item .more a {
	color: #649EA4;
	text-decoration: none;
	background: url(../gfx/arrow_black.gif) no-repeat 0 50%;
	padding: 0 0 0 10px;
}
#primary ul.newsList li .perma a:hover,
#secondary p.perma a:hover,
#primary .item .more a:hover {
	color: #7DB2C4;
}
#primary ul.newsList li h3,
#secondary .event h3 {
	font-size: 12px;
	margin: 0 0 5px;
}
#primary ul.newsList li h3 a,
#secondary .event h3 a {
	color: red;
	text-decoration: none;
}
#primary ul.newsList li h3 a:hover,
#secondary .event h3 a:hover {
	color: pink;
}

#primary a {
	color: #39849E;
}
#primary a:hover {
	color: #7DB2C4;
	
}

#secondary table {
	margin-bottom: 20px;
}


#primary h5.socialbookmarks {
	clear: both;
	padding-top: 10px;
}
#primary ul.socialbookmarks {
	margin-bottom: 15px;
	padding-bottom: 15px;
	background: url(../gfx/line_dotted_horiz.gif) repeat-x 0 100%;
}
#primary ul.socialbookmarks li {
	display: inline;
	font-size: 10px;
	margin: 0 0 0 0 !important;
	padding: 0 10px 0 0 !important;
	list-style: none !important;		
}
#primary ul.socialbookmarks li a {
	text-decoration: none;
}

/* ------| upcoming events ------ */
#primary .regBtn {
	margin: 0 0 15px;
}
#primary .regBtn a {
	display: block;
	background: #FF0000;
	color: #fff;
	width: 200px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: none;
	outline: none;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}
#primary .regBtn a:hover {
	background: #000;
}

#primary li.event {
	background: #E6F0F4;
	border: 1px solid #7FB3C8;
	padding: 10px;
	margin: 0 0 10px;
	list-style: none;
}
#primary .event .posted {
	color: #3A7288;
}
body#home #secondary .event {
	margin: 15px 0;
}
body#home #secondary .event .info {
	float: right;
	width: 210px;
	font-size: 11px;
	line-height: 1.4em;
}
body#home #secondary .event .info p {
	margin: 0 0 5px;
	color: #999;
}
body#home #secondary .event .date {
	float: left;
	width: 70px;
	border: 1px solid #ccc;
	text-align: center;
}
body#home #secondary .event .date .day {
	display: block;
	background: #7FB3C8;
	color: #fff;
	margin: 3px;
	padding: 6px 3px;
	font-size: 21px;
}
body#home #secondary .event .date .month {
	display: block;
	background: #666;
	color: #fff;
	margin: 3px;
	padding: 3px;
	text-transform: uppercase;
}
#primary .posted {
	text-transform: uppercase;
	font-size: 12px;
	margin: 10px 0;
	color: #999;
}
#primary .posted .date {
	font-weight: bold;
}
/* ------| photo galleries ------ */
#gallery ul li {
	float: left;
	width: 155px;
	height: 155px;
	margin: 0;
	padding: 0;
}
#primary ul.slideshow li {
	float: left;
	width: 140px;
	height: 140px;
	margin: 0;
	padding: 0;
	list-style: none;
}
#photosets ul li {
	margin: 0 0 15px;
	padding: 0 0 15px;
	background: url(../gfx/line_dotted_horiz.gif) repeat-x 0 100%;
}
#photosets ul li.odd {
	background: #F2F2F2;
}
#photosets ul li .summary {
	float: right;
	width: 420px;
	padding: 15px 30px 15px 15px;
}
#photosets ul li img {
	float: left;
}
#photosets ul li h4 {
	margin: 0 0 5px;
	text-transform: uppercase;
}
#primary p.instructions {
	color: #666;
	background: #eee;
	padding: 6px 15px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
#primary #photoAlbums ol li {
	float: left;
	width: 155px;
	height: 165px;
	margin: 0;
	padding: 0;
	text-align: center;
}
#primary #photoAlbums ol li a,
#photosets ul li a {
	text-decoration: none;
	color: red;
}
#primary #photoAlbums ol li a:hover,
#photosets ul li a:hover {
	color: #990000;
}


#secondary ol {
	margin: 0 0 15px;
	border-top: 1px dashed #ccc;
}
#secondary ol li {
	padding: 6px 0;
	border-bottom: 1px dashed #ccc;
}
#secondary ol li a {
	color: #666;
	text-decoration: none;
}
#secondary ol li a:hover {
	color: red;
}
/* Global Nav
--------------------------------------------------------------------------------------------------- */
#globalnav {
	position: absolute;
	top: 0;
	right: 0;
	height: 26px;
	width: 314px;
	background: url(../gfx/bg_globalnav.gif) no-repeat 0 0;
}
#globalnav ul {
	padding: 0 0 0 30px;
}
#globalnav li {
	float: left;
	width: auto;
	padding: 3px 26px 3px 9px;
	font-size: 11px;
}
#globalnav li a {
	color: #ccc;
	text-decoration: none;
}
#globalnav li a:hover {
	color: #fff;
}

/* Navigation
--------------------------------------------------------------------------------------------------- */

#subnav {
	margin: 0 0 25px;
	padding: 16px 10px 15px;
	border: 1px solid #ccc;
}
#subnav li,
#subnav li ul li {
	width: 100%;
	margin: 0;
	background: #fff;
}
#subnav li.first a,
#subnav li ul li.first a {
	border-top: 1px solid #ccc;
}
#subnav li a,
#subnav li ul li a {
	display: block;
	padding: 6px 12px 6px 20px;
	width: auto;
	background: #fff url(../gfx/arrow_red.gif) no-repeat 10px 50%;
	color: #666;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}
#subnav li ul li a {
	padding-left: 30px;
	background: #fff url(../gfx/arrow_blue.gif) no-repeat 20px 50%;
}
#subnav li a:hover,
#subnav li a.current,
#subnav li ul li a:hover,
#subnav li ul li a.current {
	color: red;
	background-color: #eee;
}
#subnav li.active a,
#subnav li ul li a.current {
	color: red;
	background-color: #eee;
}
#subnav li.active a:hover,
#subnav li ul li.active a:hover {
	background-color: #dedede;
}

#subnav ul li.active ul li a {
	color: #666;
	background-color: #eee;
}
#subnav ul li ul li a {
	padding: 6px 12px 6px 30px;
	background: #fff url(../gfx/arrow_blue.gif) no-repeat 20px 50%;
}
#subnav ul li.active ul li a:hover,
#subnav ul li ul li.active a {
	background-color: #dedede;
	color: #333;
}

#navigation {
	position: absolute;
	top: 137px;
	left: 0;
	width: 950px;
	height: 60px;
}
#navigation ul {
	margin: 0;
	padding: 0;
}
#navigation ul li {
	float: left;
	height: 26px;
	font-size: 12px;
	background: #848484;
	border-right: 1px solid #555;
}
#navigation ul li a {
	display: block;
	height: 26px;
	float: left;
	line-height: 26px;
	padding: 0 18px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
#navigation ul li a:hover,
#navigation ul li.active a {
	background: #3E3E3E;
}	
#navigation ul li ul {
	display: none;
}


/* Footer
--------------------------------------------------------------------------------------------------- */
#footer  {
	clear: both;
	background: url(../gfx/bg_footer.gif) repeat-x 0 0;
}
#footwrap {
	margin: 0 auto;
	width: 950px;
	text-align: left;
}
#certificationShowcase .box {
	padding: 25px 0;
}
#certificationShowcase .box .quicklinks {
	float: left;
	width: 65%;
}
#certificationShowcase .box .quicklinks_a {
	float: left;
	width: 48%;
}
#certificationShowcase .box .quicklinks_b {
	float: right;
	width: 48%;
}
#certificationShowcase .box .quicklinks a {
	color: #666;
	background: url(../gfx/arrow_red.gif) no-repeat 0 50%;
	padding: 0 0 0 10px;

}
#certificationShowcase .box .quicklinks a:hover {
	color: #333;
}
#certificationShowcase .box .promo {
	float: right;
	width: 32%;
}
.promobox {
	border: 1px solid #999;
	background: #fff;
	padding: 10px;
}
.promobox img {
	float: left;
	margin: 5px 10px 5px 0;
	border: 1px solid #666;
}
.promobox h3 {
	font-size: 16px;
	font-weight: normal;
	color: #46869D;
	margin: 0 0 5px;
	padding: 0 0 5px;
	border-bottom: 1px solid #ccc;
}
.promobox h3 a {
	color: #46869D;
	text-decoration: none;	
}
.promobox h3 a:hover {
	color: #22424F;
}
.promobox p {
	padding: 5px 0 0 0;
	font-size: 11px;
	color: #666;
}
.promobox p a {
	color: #46869D;
	text-decoration: underline;
}
.promobox p a:hover {
	color: #22424F;
}
#certificationShowcase .box ul li {
	padding: 5px;
	border-bottom: 1px solid #ccc;
}
#footnav {
	text-align: left;
	padding: 15px 0 0 0;
	background: url(../gfx/line_dotted_horiz.gif) repeat-x 0 0;
}
#footer ul.col_A {
	float: left;
	width: 50%;
}
#footer ul.col_B {
	float: right;
	width: 40%;
	text-align: right;
	color: #999;
}
#footer ul.col_A li {
	display: inline;
	padding:  0 20px 0 0;
}
#footer ul.col_A li a,
#footer ul.col_B li a {
	color: #666;
	text-decoration: none;
}
#footer ul.col_A li a:hover,
#footer ul.col_B li a:hover {
	color: #333;
}

	
/* Helpers 
--------------------------------------------------------------------------------------------------- */
.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */