/* ----------------------------------------------------------
title: Infinite Sunshine (master style sheet)
author: Matt Grimm
company: Element Fusion
created: 6/25/10
last updated: 4/21/11
---------------------------------------------------------- */
/* =Reset
---------------------------------------------------- */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

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

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



/* =Basics
---------------------------------------------------- */
html {
	height: 100%;
	}

body {
	float: left;
	width: 100%;
	height: 100%;
	color: #888;
	font: 13px/1.6em "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #fff url(img/inside-bg.gif) no-repeat center top;
	}



/* links  */
a:link,
a:visited {
	color: #de4e00;
	text-decoration: underline;
	}


a:hover,
a:active {
	color: #f27c3d;
	text-decoration: underline;
	}

@media only screen and (max-width: 1024px) {
            body { margin: 0; padding: 0; background-color: #FFFFCC; background-image: none; }
           .feature-wrap { width: 100%; min-width: 0; margin: 0; padding: 0; box-shadow: none; border-radius: 0; border-style: none; }
           .content-wrap { width: 100%; min-width: 0; margin: 0; padding: 0; box-shadow: none; border-radius: 0; border-style: none; }
           .content-main { width: 100%; min-width: 0; margin: 0; padding: 0; box-shadow: none; border-radius: 0; border-style: none; }
             header { background-image: url(primemobile.gif); background-repeat: no-repeat; height: 100%; text-shadow: 5px 5px 3px #000033; }
             h1 { margin: 0; text-indent: 0; font-size: 3.7em; padding-left: 2em; white-space: normal; }
             nav { float: none; width: auto; margin-top: 0.5em; }
             nav a { padding: 0.2em; margin-left: 0.3em; float: left; width: 20%; }
             main { padding-top: 2.5em; padding-bottom: 2.5em; padding-right: 1em; padding-left: 1em; margin: 0; font-size: 90%; clear: both; }
}
@media only screen and (max-width: 768px) {
            h1 { font-size: 2.4em; padding-top: 0.25em; padding-left: 1.5em; }
            nav { width: 98%; }
            nav a { padding: 0.5em; width: 40%; float: left; min-width: 5em; margin-left: 0.5em; }
            main { padding: 0.6em; }
            .floatleft {  float: none; padding-right: 0; padding-bottom: 0; }
            h3 { padding-top: 0; margin: 0; } 
            dd { line-height: 100%; }
            footer { padding: 0.5em; margin: 0; } 
            #mobile {display: inline }
            #desktop {display: none;} 
}


/* =Page structure
---------------------------------------------------- */
#top-bar,
#header,
#feature,
#content,
#footer {
	width: 976px;
	min-width: 750px;
	margin: 0 auto; 
	padding: 0;
	text-align:left;
	}

#top-bar-wrap,
#header-wrap,
#feature-wrap,
#cta,
#content-wrap,
#content-dbl-wrap,
#footer-wrap {
	float: left;
	clear: both;
	width: 100%;
	}


	
#content-main {
	float: left;
	width: 560px;
	min-height: 400px;
	margin: 0;
	padding: 0 0 0 43px;
	}

#content-sub {
	float: right;
	width: 280px;
	margin: 0;
	padding: 0 43px 0 0;
	}


/* Home Page */
#homePage #content-main {
	float: left;
	width: 653px;
	margin: 0;
	padding: 0;
	min-height: 200px;
	}

#homePage #content-sub {
	float: right;
	width: 293px;
	margin: 0;
	padding: 0;
	min-height: 200px;
	}
	




/* =Header
---------------------------------------------------- */
#header-wrap {
	height: 126px;
	border-top: 3px solid #f1c916;
	}


#header { position: relative; }
	
#identity {
	float: left;
	width: 283px;
	height: 90px;
	margin: 75px 0 8px;
	padding: 0;
	font-size: 40px;
	}
		#identity a {color: #DE4E00 !important; text-decoration: none;}
	


/* Util */
.util-nav {
	float: right;
	margin: 23px 0 0;
	padding: 0;
	}

.util-nav li {
	float: left;
	list-style: none;
	margin: 9px 0 0;
	padding: 0 12px 0;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
		
.util-nav li a {
	color: #e17213;
	text-decoration: none;
	}	
	
.util-nav li a:hover {
	color: #fa9f50;
	text-decoration: underline;	
	}	


.util-nav li#u-search {
	float: right;
	width: 193px;
	height: 28px;
	margin: 0 0 0 14px;
	padding: 0;
	border: none;
	}
/* more styles under search section */
	

/* =Nav
---------------------------------------------------- */
#nav {
	float: right;
	clear: right;
	max-width: 650px;
	height: 19px;
	margin: 29px 0 0;
	padding: 0;
	}

.primary-nav {
	float: left;
	margin: 0;
	padding: 0;
	}

.primary-nav li {
	float: left;
	margin: 0;
	padding: 0 15px;
	list-style: none;
	}

.primary-nav li:last-child {
	padding-right: 0;
	}

.primary-nav li a {
	display: block;
	line-height: 1em;
	margin: 0;
	padding: 0;
	color: #ebc40d;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	-webkit-transition: color .2s linear;
	}

.primary-nav li a:hover {
	color: #de4e00;
	}

.primary-nav li a.selectedPage,
.primary-nav li a.selectedPageRoot {
	color: #f37c3c;
	}


/* secondary */
#content .secondary-nav {
	min-height: 100px;
	margin: 0 0 27px;
	padding: 23px 0;
	background: rgb(241,211,75);
	background: rgba(241,211,75,0.8);
	}

#content .secondary-nav li {
	padding: 5px 0;
	list-style: none;
	background: none;
	}


#content .secondary-nav li a {
	display: block;
	padding: 4px 6px 4px 55px;
	color: #de4e00;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	background: url(img/subnav-bullet.png) no-repeat 26px 8px;
	-webkit-transition: color .2s linear;
	}


#content .secondary-nav li a:hover {
	color: #f07431;
	text-decoration: none;
	}

#content .secondary-nav li.selectedPage a {
	color: #883203;
	background: url(img/subnav-bullet-selected.png) no-repeat 26px 8px;
	}



#content .secondary-nav li ul {
	margin: 0 0 0 70px;
	}

#content .secondary-nav li ul li {
	margin: 0;
	padding: 5px 0 0 !important;
	list-style: disc !important;
	color: #e5c845;
	border: none;
	}	

#content .secondary-nav li ul li a {
	padding: 0;
	border: none;
	font-size: 15px;
	font-weight: normal;
	background: none;
	text-transform: none;
	letter-spacing: normal;
	}

#content .secondary-nav ul ul {	
	display: none;
	}


/* Breadcrumb nav */
.breadcrumb-nav {
	position: relative;
	float: left;
	width: 936px;
	margin: 60px 0 0;
	padding: 22px 20px 16px;
	color: #e79e3a;
	font-size: 11px;
	line-height: 11px;
	font-weight: normal;
	}

.breadcrumb-nav a {
	color: #e79e3a;
	text-decoration: none;
	}

.breadcrumb-nav a:hover {
	color: #de4e00;
	text-decoration: underline;
	}	
	
.breadcrumb-nav span {
	padding: 0 6px;
	}


/* =Content
---------------------------------------------------- */
#content-wrap {
	padding: 0;
	background: url(img/content-bg.gif) repeat-x 0 403px;
	}

#content {
	padding: 0 0 30px;
	background: url(img/inside-content-bg.gif) no-repeat center 403px;
	}

#content ul {
	margin: 0 0 0 1em;
	}
	
#content ul li {
	list-style: disc;
	}

#content .title {
	margin: .5em 0;
	font-size: 27px;
	font-weight: bold !important;
	}


#content .blogList ul,
#content .eventsList ul {
	margin: 0 0 20px;
	padding: 0 0 0 3px;
	}

#content .blogList ul li,
#content .eventsList ul li {
	list-style: none;
	padding: 6px 0 6px 19px;
	background: url(img/li-dot.gif) no-repeat 0 13px;
	}

#content .blogList ul li .postTitle,
#content .blogList ul li .postTitle a,
#content .eventsList ul li a {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	text-decoration: none;
	}



#content .blogList ul li .postTitle a:hover,
#content .eventsList ul li a:hover {
	text-decoration: underline;
	}


#content .eventsList .eventDate {
	color: #888;
	}

#content .blogList .postBody p {
	margin: 0 0 .5em;
	}


#content .postInfo {
	margin: 0;
	font-size: 12px;
	line-height: 14px;
	color: #888;
	font-weight: bold;
	}

#content .postInfo .postViewInfo {
	color: #888 !important;
	}


#content .postInfo .postDate,
#content .postInfo em {
	font-style: normal;
	}

#content .postInfo a {
	color: #888;
	}

#content .postInfo a:hover {
	color: #999;
	}


#content .rss { display: none; }

	
#content p {
	margin: 0 0 1em;
	}

#content h1 {
	font-size: 24px;
	}
	
#content h2 {
	font-size: 21px;
	}

#content h3 {
	font-size: 19px;
	}	
	
#content h4 {
	font-size: 16px;
	}

#content h1, 
#content h2, 
#content h3, 
#content h4 {
	margin: .5em 0;
	font-weight: bold;
	color: #e79e3a;
	}



#content h1 a:hover,
#content h2 a:hover,
#content h3 a:hover,
#content h4 a:hover {
	text-decoration: underline;
	}


/* Comments */
div.comments dl {
	margin: 0;
	padding: 0;
	background: #f3f3f3;
	}

div.comments dl dd {
	margin: 0 0 1em;
	}

div.comments dl dt.comment {
	border-bottom: 1px dotted #aaa;
	}
	
div.comments dl dt.comment,
div.comments dl dd.comment {	
	background: none;	
	}

div.comments dl dt.alternate {
	border-bottom: 1px dotted #ccc;
	}

div.comments dl dt.alternate,
div.comments dl dd.alternate {
	background: #f8f8f8;
	}

div.comments dt.comment a.commentNumber {
	text-decoration: none;
	color: #b2b2b2;
	font-size: 15px;
	font-weight: normal;
	}

div.comments dt.comment a.commentNumber:hover {
	color: #888;	
	}

div.comments dt.comment a {
	font-weight: bold;
	text-decoration: none;
	font-size: 15px;
	} 



/* =Footer
---------------------------------------------------- */	
#footer-wrap {
	margin: 0;
	padding: 0 0 30px;
	}
	
#footer {
	font-size: 12px;
	line-height: 17px;
	padding: 8px 0 5px;
	color: #e69632;
	background: #f8f8f8;
	}

#footer a {
	color: #e69632;
	text-decoration: none;
	}

#footer a:hover {
	color: #ce7200;
	text-decoration: underline;
	}


#footer #copyright {
	float: left;
	margin: 0;
	padding: 7px 0 0 15px;
	color: #e58a28;
	}

#embraceWater,
#discoverSky { 
	display: inline; 
	padding: 0 6px;
	}

	
/* =Home
---------------------------------------------------- */	
#homePage #body { background: url(img/home-bg.gif) no-repeat center 3px; }
#homePage #content { background: none; }
#homePage #content-wrap { background-position: 0 0; }
#homePage #content-dbl-wrap { background: url(img/cta-bg.gif) no-repeat center top;	}

#homePage #content-sub .title {
	margin: 0 0 10px;
	padding: 0 0 23px;
	font-size: 26px;
	text-align: center;
	font-weight: normal !important;
	background: url(img/sub-heading-bg.gif) no-repeat center bottom;
	}

#homePage #content-sub .blogList ul,
#homePage #content-sub .eventsList ul {
	margin: 0;
	}


/* Feature */
#feature-wrap {
	min-height: 406px;
	}
	
#feature {
	padding: 66px 0 0;
	color: #f5f4dc;
	}

#feature a {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
	}

#feature a:hover {
	color: #f5f4dc;
	font-weight: bold;
	text-decoration: underline;
	}

#f-img {
	float: left;
	width: 643px;
	min-height: 340px;
	padding: 0;
	margin: 0;
	}

#f-img img { display: block; }
	
#f-txt {
	position: relative;
	float: right;
	width: 270px;
	min-height: 270px;
	margin: 53px 0 0;
	padding: 0 13px 0 0;
	font-size: 16px;
	line-height: 22px;
	}
	
#feature p { margin: 0 0 .5em; }
#feature h1 { font-size: 24px; }	
#feature h2 { font-size: 21px; }
#feature h3 { font-size: 19px; }	
#feature h4 { font-size: 16px; }
	
#feature #f-txt h1,
#feature #f-txt h2,
#feature #f-txt h3,
#feature #f-txt h4 {
	color: #fff;
	font-weight: bold;
	line-height: 1.4em;
	}

#feature #f-txt h1 {
	margin: 0 0 30px;
	font-weight: 200;
	}


/* CTA */
#cta {
	min-height: 74px;
	padding: 0 0 29px;
	}

#cta #cta-txt {
	float: left;
	width: 540px;
	padding: 14px 0 0 106px;
	}

#cta #cta-btns {
	float: right;
	width: 247px;
	min-height: 39px;
	margin: 14px 24px 0 0;
	padding: 7px 12px 0;
	background: url(img/cta-btns-bg.gif) no-repeat 0 0;
	}


/* Sub Features */
#sf-1,
#sf-2,
#sf-3 {	
	float: left;
	width: 217px;
	min-height: 200px;
	margin: 0 0 0 1px;
	padding: 0 0 2px 0;
	border-bottom: 5px solid #de4e00;
	}

#sf-1 { margin-left: 0; border-color: #f1c916; }
#sf-2 { border-color: #e37b1e; }

#sf-1 img,
#sf-2 img,
#sf-3 img {
	vertical-align: bottom;
	}


/* =Inside
---------------------------------------------------- */	
#page-title {
	float: left;
	clear: both;
	width: 916px;
	height: 36px;
	margin: 0 0 27px !important;
	padding: 10px 30px 0 30px !important;
	font-size: 25px !important;
	line-height: 25px !important;
	color: #fff !important;
	font-weight: 200 !important;
	letter-spacing: 1px;
	}


#banner .element {
	width: 100%;
	height: 221px;
	margin: 0 0 27px;
	background: #333;
	overflow: hidden;
	}


.col-cont {
	float: left;
	clear: both;
	width: 100%;
	}

.col-1 {	
	float: left;
	width: 49%;
	}

.col-2 {	
	float: right;
	width: 49%;
	}



/* =Search
---------------------------------------------------- */
.search {
	float: left;
	width: 291px;
	height: 25px;
	margin: 0;
	padding: 0;
	}

.search label {
	float: left;
	width: 1px;
	height: 1px;
	text-indent: -9999px;
	}

.search .searchInput {
	float: left;
	width: 133px;
	height: 12px; 
	margin: 0;
	padding: 8px 11px;
	border: none;
	color: #e17213;
	font-size: 12px;
	font-weight: normal;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: url(img/search-input.gif) no-repeat 0 0;
	}
	
.search .searchButton {
	float: left;
	width: 37px;
	height: 0;
	padding-top: 28px;
	border: none;
	cursor: pointer;
	background: url(img/search-btn.gif) no-repeat 0 0;	
	}





/* =Form
---------------------------------------------------- */
.form_container {
	padding: 5px;

	}


.formHeader h2,
.formHeader p {
	margin: 0;
	padding: 0;
	}

.fieldItem,
.fieldItemInner {
	padding: 5px !important;
	}


#content .fieldItem .fieldTitle {
	
	}


#content .fieldItem .fieldContent {
	
	}

#content .fieldItem .fieldRow {
	
	}
	
#content .type-address .fieldRow {
	
	}

#content .fieldItem .title {
	font-size: 15px;
	letter-spacing: normal;
	border: none;
	}

#content .type-sectionbreak .fieldTitle {
	display: block;
	}
	
#content .type-sectionbreak .fieldTitle .title {
	letter-spacing: normal;
	font-size: 19px;
	}

.fieldSelected {
	
	}

.fieldItem .fieldNote {
	color: #999 !important;
	}


.choice-option label {
	display: inline;
	padding: 0 0 0 5px;
	}


#content .submitButtonContainer {
	padding: 5px 0;
	}

#content .submitButtonContainer .submitButton {
		
	}
	
#content .fieldItem {
	border: none;
	}

#content .fieldSelected {
	border: none;
	
	}

.formHeader .formDescription {
	margin: 0 0 1em;
	}

div.commentsForm {
	margin: 20px 0 0;
	padding: 5px 0 0;
	border-top: 1px dotted #bbb;
	}


div.commentsForm input.submitComment {
	margin-top: 1em;
	width: auto;
	}


div.commentsForm p.note {
	font-size: 10px;
	padding: 5px 10px;
	color: #999;
	background: #f3f3f3;
	}


/* =Tables
---------------------------------------------------- */




/* =Microformats
---------------------------------------------------- */
#footer .vcard {
	float: right;
	padding: 0 15px 0 0;
	text-align: right;
	}



/* =CMS
---------------------------------------------------- */	
#feature .sldw_prev a {
	left: 1% !important;
	}

#feature .sldw_next a {
	right: 1% !important;
	}

		
#feature .sldw_caption h3 {
	margin: 0;
	padding: 0 20px;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	font-size: 15px;
	}


#frm {
	height: 100%;
	}
	
.RadWindow th,
.RadWindow td,
.RadEditor th,
.RadEditor td {
	border: 0;
	}


#tree-div ul li { 
	padding-bottom: 0;
	}



/* <textEditor> */
.imgspacing-upperleft { 
	float: left; 
	margin: 0 10px 5px 0;
	}
.imgspacing-upperright { 
	float: right; 
	margin: 0 0 5px 10px; 
	} 
.imgspacing-midleft { 
	float: left; 
	margin: 5px 10px 5px 0; 
	} 
.imgspacing-midright { 
	float: right; 
	margin: 5px 0 5px 10px; 
	} 
.imgspacing-lowleft { 
	float: left; 
	margin: 5px 10px 0 0; 
	} 
.imgspacing-lowright { 
	float: right; 
	margin: 5px 0 0 10px; 
	}
	
.fontSize10 {font-size: 10px;}
.fontSize11 {font-size: 11px;}
.fontSize12 {font-size: 12px;}
.fontSize13 {font-size: 13px;}
.fontSize14 {font-size: 14px;}
.fontSize15 {font-size: 15px;}
.fontSize16 {font-size: 16px;}
.fontSize17 {font-size: 17px;}
.fontSize18 {font-size: 18px;}
.fontSize19 {font-size: 19px;}
.fontSize20 {font-size: 20px;}
.fontSize21 {font-size: 21px;}
.fontSize22 {font-size: 22px;}
.fontSize23 {font-size: 23px;}
.fontSize24 {font-size: 24px;}
.fontSize25 {font-size: 25px;}
.fontSize26 {font-size: 26px;}
.fontSize27 {font-size: 27px;}
.fontSize28 {font-size: 28px;}
.fontSize29 {font-size: 29px;}
.fontSize30 {font-size: 30px;}		


.left, .alignLeft {float: left; margin-right: 1.5em; margin-bottom: 1.5em;}
.right, .alignRight {float: right; margin-left: 1.5em; margin-bottom: 1.5em;}

.noborder {border: none !important;}
/* </textEditor> */




/* Calandar */
.eventsCalendar table {
	border: none !important;
	width: 100%;
	border-collapse: collapse;
	}
	
.eventsCalendar table td {	
	border-color: #333;
	}

.eventsCalendar td {padding: 0;}
	
.eventsCalendar table tr td {
	background: #333 !important;
	}
	


.eventsCalendar table table {
	margin: 0 !important;
	}
	
.eventsCalendar table table tr td {
	font-size: 15px !important;
	background: none !important;
	}	
	
.eventsCalendar table table tr td a {
	font-size: 11px !important;
	}	
	
	
.eventsCalendar table .calendarDay, 
.eventsCalendar table .calendarToday, 
.eventsCalendar table .calendarDayHeader, 
.eventsCalendar table .calendarTitle td, 
.eventsCalendar table .calendarWeekendDay, 
.eventsCalendar table .calendarOtherMonthDay   {
	padding: 10px 4px;
	border: 1px solid #ddd;
	}

.eventsCalendar table table, .eventsCalendar table table td {
	border: none;
	width: 100%;
	border-collapse: collapse;
	}
	
.eventsCalendar table tr td.calendarTitle td {
	text-align: center;
	font-weight: normal;
	padding: 6px 4px;
	text-transform: uppercase;
	}

.calendarNextPrevious {
	font-weight: normal;
	}

.calendarNextPrevious a {
	color: #fff !important;
	font-weight: normal;
	text-decoration: none;
	}

.calendarNextPrevious a:hover {
	text-decoration: underline;
	}


.calendarDayHeader {
	color: #bbb;
	font-weight: normal;
	height:1px;
	padding:4px 2px;
	text-align:center;
	border: 1px solid #666 !important;
	text-transform: uppercase;
	background: #777;
	}




.eventsCalendar table tr td.calendarDay {
	color: #777;
	background: #fff !important;
	}

.calendarDay a {
	color: #4284ab;
	}

.eventsCalendar table tr td.calendarToday, 
.calendarToday a {
	color: #fff;
	background: #de4e00 !important;
	}


.eventsCalendar table tr td.calendarWeekendDay {
	color: #777;
	background: #fff !important;
	}

.calendarWeekendDay a {
	color: #97958a;
	}
	
.eventsCalendar table tr td.calendarOtherMonthDay {
	color: #bbb;
	background: #f5f5f5 !important;
	}
	
.calendarWeekendDay,
.calendarDay,
.calendarOtherMonthDay,
.calendarToday {
	vertical-align: top;
	text-align: left;
	}

	
/* =Misc
---------------------------------------------------- */
/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.hide {display:none !important;}

.clear {clear:both !important;}

#accessibility {
	position: absolute;
	top: -9999px;
	left: 0; /* IE */
	font-size: 1px;
	}