@charset "UTF-8";
@import url('css/bootstrap.min.css');
@import url('css/960_grid.css');


/* =================  CSS 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, caption {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	
}
strong, b {font-weight:bold;}
em, dfn, i {font-style:italic;}



/* -------------------  FIXES for Admin bar problems with Bootstrap 3 - IMPORTANT  ----------------------------------- */


.form-group .dnnLabel { text-align: left; width: auto;}/*override for dnnLabels in the bootstrap */
.dnnLabel + span { white-space: normal; }

/* ADMIN */
#ControlBar, #ControlBar:before, #ControlBar:after, #ControlBar *:before, #ControlBar *:after,
#ControlBar li, #ControlBar li:before, #ControlBar li:after,
#ControlBar a, #ControlBar a:before, #ControlBar a:after,
.dnn_mact, .dnn_mact:before, .dnn_mact:after, .dnn_mact *:before, .dnn_mact *:after,
.dnn_mact li, .dnn_mact li:before, .dnn_mact li:after { 
	-webkit-box-sizing: content-box !important; /* Safari/Chrome, other WebKit */ 
	-moz-box-sizing: content-box !important; /* Firefox, other Gecko */ 
	box-sizing: content-box !important; /* Opera/IE 8+ */ }

/* fix for DNN dropdown lists being cut off*/
.dnnDropDownList .selected-item, .dnnDropDownList .selected-item a { height: 35px !important; }

/* fix for coloring on DNN Check boxes */
.dnnCheckbox .mark { background: none; }



/* ===================================================                    =================================================== 
   ===================================================	TAPSTAR STYLES    ===================================================
   ===================================================                    ===================================================
*/




html,
body {
	margin:0px;
	padding:0px;
	color: #666666;
	text-align:left;
	background: url(includes/bgSlice_02.jpg) #e5f5fd repeat-x;
	}



body {
	font-family:'Roboto', sans-serif;
	font-size: 14px;
	font-weight:400;
	line-height:22px;
	-webkit-font-smoothing: antialiased;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}



.clear {clear:both;}
.clear {content:"."; display:block; clear:both; height:0; visibility:hidden;}

h1, h2, h3, h4, h5, p {margin-bottom: 10px;}

h1 {
font-size:45px; 
font-family: 'Bubblegum Sans', cursive; 
font-weight:lighter; 
color:#0099CB;
margin:35px 0px 40px 0px;
} 


h1.content-page-title {margin-top:30px; margin-left:30px;}

h2 {font-size:20px; color:#916d3b; margin-bottom:20px;}
h3 {font-size:16px; font-weight:700; color:#916d3b; margin-bottom:10px;}


h4 {font-size:140%; color:#453C34; font-family: 'Bubblegum Sans', cursive; font-weight:lighter;} /**16px**/
h5 {font-size:120%; color:#064b63;} /**14px**/

h6, h6 a {font-size:13px; color:#064b63; line-height:20px; margin-bottom:2px;} /**13px**/
h6 a:hover {color:#0099CB; text-decoration:underline;}


p {font-size:15px; line-height:22px; color:#916d3b; margin-bottom:30px;} /**13px**/
p.subhead {font-size:20px; line-height:28px; margin-bottom:50px;}
p a:hover {color:#0099CB; text-decoration:underline;}

p.RuleBelow {padding-bottom:10px; border-bottom: 2px solid #E1E1E1;}



a {color:#0098ba; outline:none;text-decoration:none;}
a: hover {color:#6eb43f; text-decoration:underline;}

.border-white-4 { border: 4px solid #fff;}
.tapstar-blue {color:#0099CB;}


.page-mainContent ul  {padding-bottom:20px; padding-top:0px; list-style:disc; margin-top:-10px; margin-left:20px;}
.page-mainContent ul li {position: relative; padding:0px 0 10px 6px; font-size:15px; line-height:26px; color:#916d3b;}
.page-mainContent ul li a {color:#135eab; text-decoration:underline;}
.page-mainContent ul li a:hover {color:#455960;}




.pT5  {padding-top:5px;}   .pB5  {padding-bottom:5px;}    .pL5  {padding-left:5px;}   .pR5  {padding-right:5px;}
.pT10 {padding-top:10px;}  .pB10 {padding-bottom:10px;}  .pL10 {padding-left:10px;}  .pR10 {padding-right:10px;}
.pT15 {padding-top:15px;}  .pB15 {padding-bottom:15px;}  .pL15 {padding-left:15px;}  .pR15 {padding-right:15px;}
.pT20 {padding-top:20px;}  .pB20 {padding-bottom:20px;}  .pL20 {padding-left:20px;}  .pR20 {padding-right:20px;}
.pT25 {padding-top:25px;}  .pB25 {padding-bottom:25px;}  .pL25 {padding-left:25px;}  .pR25 {padding-right:25px;}
.pT30 {padding-top:30px;}  .pB30 {padding-bottom:30px;}  .pL30 {padding-left:30px;}  .pR30 {padding-right:30px;}
.pT35 {padding-top:35px;}  .pB35 {padding-bottom:35px;}  .pL35 {padding-left:35px;}  .pR35 {padding-right:35px;}
.pT40 {padding-top:40px;}  .pB40 {padding-bottom:40px;}  .pL40 {padding-left:40px;}  .pR40 {padding-right:40px;}
.pT45 {padding-top:45px;}  .pB45 {padding-bottom:45px;}  .pL45 {padding-left:45px;}  .pR45 {padding-right:45px;}
.pT50 {padding-top:50px;}  .pB50 {padding-bottom:50px;}  .pL50 {padding-left:50px;}  .pR50 {padding-right:50px;}
.pT55 {padding-top:55px;}  .pB55 {padding-bottom:55px;}  .pL55 {padding-left:55px;}  .pR55 {padding-right:55px;}
.pT60 {padding-top:60px;}  .pB60 {padding-bottom:60px;}  .pL60 {padding-left:60px;}  .pR60 {padding-right:60px;}
.pT65 {padding-top:65px;}  .pB65 {padding-bottom:65px;}  .pL65 {padding-left:65px;}  .pR65 {padding-right:65px;}
.pT70 {padding-top:70px;}  .pB70 {padding-bottom:70px;}  .pL70 {padding-left:70px;}  .pR70 {padding-right:70px;}
.pT75 {padding-top:75px;}  .pB75 {padding-bottom:75px;}  .pL75 {padding-left:75px;}  .pR75 {padding-right:75px;}
.pT80 {padding-top:80px;}  .pB80 {padding-bottom:80px;}  .pL80 {padding-left:80px;}  .pR80 {padding-right:80px;}



.boxShadow{-moz-box-shadow: 1px 2px 5px #888; -webkit-box-shadow: 1px 2px 5px #888; box-shadow: 1px 2px 5px #888;}


/************* Images **********************************/
.img.alignleft {float:left; margin:10px 16px 10px 0;}
.img.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.img.alignright {float:right; margin:5px 0px 5px 11px;}

.ImgAlignRight {float:right; margin:5px 0px 5px 11px;}






/************* Main Containers **********************************/

#containerarea{min-height:100%; height:auto !important; height:100%; margin: 0 auto -427px; text-align:left; overflow:auto; background: url(includes/bgNav.jpg) no-repeat center top;}
#bottomContainerareaGrass_in,
#bottomContainerareaBeach_in,
.push {height: 427px; clear: both;} /* For Sticky footer IMPORTNAT */


#topContainerarea{text-align:left; margin:0px;}
#topContainerarea_in {width:980px; margin:auto;}

#navContainerarea{text-align:left;}
#navContainerarea_in {width:980px; margin:auto;}

#index_bannerContainerarea{text-align:left; margin:0px 0 0 0;}
#index_bannerContainerarea_in {margin:auto; width:980px;}

#index_ContentContainerarea{text-align:left; margin:0px;  overflow:auto;}
#index_ContentContainerarea_in {margin:auto;width:980px; padding:10px; background:#fff;}

#contentContainerarea{text-align:left; margin:0px; overflow:auto;}
#contentContainerarea_in {margin:auto;width:980px; background:#fff; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}




#footerContainerarea{text-align:left;}
#footerContainerarea_in {width:980px; margin:auto; background:#fff; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}

#bottomContainerareaGrass {text-align:left; background: url(includes/bottom_grass_tile.jpg) repeat-x bottom;}
#bottomContainerareaGrass_in {width:1250px; height:427px; margin:auto; background: url(includes/bottom_grass.jpg) no-repeat bottom;}

#bottomContainerareaBeach {text-align:left; background: url(includes/bottom_beach_tile.jpg) repeat-x bottom;}
#bottomContainerareaBeach_in {width:1250px; height:427px; margin:auto; background: url(includes/bottom_beach.jpg) no-repeat bottom;}



/************* Main Navigation ********/


#Mainnav{float:left; margin:125px 0 0 10px; font-size:18px; font-family: 'Bubblegum Sans', cursive; font-weight:lighter;}
#Mainnav ul, #Mainnav li{float:left; list-style:none; }
#Mainnav li a,
#Mainnav li a:link, 
#Mainnav li a:visited, 
#Mainnav li a:hover{display:block; margin:0 3px 0 0px; color:#0099CB; padding: 10px 45px 10px 20px; text-decoration: none;}
#Mainnav li a:hover, #Mainnav ul li.active a {color:#5DB333;}
#Mainnav ul li.active a {color:#F69520;}



/************* Breadcrumbs ********/
.breadcrumb-wrap {margin-top:30px;}

#dnn_dnnBreadcrumb_lblBreadCrumb {margin-left:15px; color:#ccc;}
#dnn_dnnBreadcrumb_lblBreadCrumb a {color:#8B8B8B;}

.breadcrumb,
.breadcrumb a {background-color:#fff; font-size:13px; padding:0px 8px; color:#ccc;}




.sideNav-title {
	padding:15px; 
	background-color:#F3F3F3; 
	color:#77a342; 
	font-size:24px; 
	font-family: 'Bubblegum Sans', cursive; font-weight:lighter;
	margin:20px 0 0px 0; }



/************* Sidenav ********/

/* override Bootstrap styles */
.panel {-webkit-box-shadow: none; box-shadow: none; border-radius: 0px; border:none;} /* Bootstrap */
.panel-heading {border-top-left-radius: 0px; border-top-right-radius: 0px; border:none; border-bottom: 0px;} /* Bootstrap */
.panel-body {border-radius:0px; border:none;} /* Bootstrap */


.section-menu-topPad {padding-top:15px;}
.section-panel-wrapper {margin-bottom:-18px; width:100%;}
.section-panel-icon {float:left;}
.panel-section {float:none;}

.panel-section > .panel-heading {color: #333; background-color:#F3F3F3; padding:25px 15px 10px 15px; margin-left:0px;}
.panel-section .panel-title {font-family: 'Bubblegum Sans', cursive; font-weight:lighter; font-size:20px; color:#916d3b; padding-bottom:10px;}
.panel-section .panel-title a,
.panel-section .panel-title a:hover {text-decoration:none;}
.panel-section .panel-title a:hover {color:#0099CB;}
.panel-section .panel-subtitle {font-size:13px; padding-top:5px; font-weight:300; padding-right:20px; color:#616161;} 
.panel-section > .panel-body {color: #333; background-color: #F3F3F3; margin-left:0px; padding:5px 10px;}
.section-icon {font-size:22px; padding:12px; color:#fff;}

.section-arrow-down {position:relative; top:19px; font-size:21px; color:#F3F3F3;}
.haschild .section-arrow-down {color:#916d3b;}


ul.panel-test {margin-bottom:50px;}
ul.panel-test li {list-style:none;}

ul.section-landing-Nav {margin-bottom:5px; margin-top:-5px; margin-left:-10px;}
ul.section-landing-Nav li {font-family:'Roboto', sans-serif; list-style: none; border-bottom:#916d3b 1px dotted;}
ul.section-landing-Nav li a {display:block; color:#3c3e41; font-size:14px; font-weight:400; background-color:#F3F3F3; padding:20px 0 10px 5px; text-decoration: none;}
ul.section-landing-Nav a:hover,
ul.section-landing-Nav a:active {color:#135eab;}
ul.section-landing-Nav li:last-child {border-bottom:0px;}



.indexBanner {padding-top:10px; height:390px !important; margin-bottom:20px;}



.indexFeatureHeader, 
.indexPagesHeader  {
	background: url(includes/greenheader_Slice.gif) #8fc76a repeat-x bottom; 
	-moz-border-radius: 5px 5px 0px 0px; 
	-webkit-border-radius: 5px 5px 0px 0px; 
	border-radius: 5px 5px 0px 0px; 
	behavior: url(Static/scripts/PIE.htc);
	font-family: 'Bubblegum Sans', cursive;
	font-size:24px; 
	color:#fff; 
	padding:7px 0 10px 20px; 
}


.indexPagesHeader {margin-bottom:2px;}
.feature-header-icon {float:right; padding-right:20px; padding-top:2px;}




.indexFeatureWrap {background:#f1f1f1; padding:20px 0 20px 0; overflow:auto;}
.indexFeatureWrap p {color:#0099CB; font-size:15px; text-align:center; padding-top:10px;}
.indexFeatureCol1 {float:left; padding-left:25px;}
.indexFeatureCol2 {float:left; padding-left:20px;}
.indexFeatureCol3 {float:left; padding-left:20px;}


/************* Index Popular Pages ********/


.indexPagesWrap {background:#f1f1f1; padding:20px 0 20px 0; overflow:auto;}
.indexPagesWrap p {color:#0099CB; font-size:15px; text-align:center; padding-top:10px;}
.indexPagesCol1 {float:left; background:#f1f1f1; width:300px;}
.indexPagesCol2 {float:left; background:#f1f1f1; width:300px; margin-left:20px;}
.indexPagesCol1 h4, .indexPagesCol2 h4 {padding-top:10px; color:#4fad61;}


.pad20 {padding:20px;}
.content-text-padding {padding:30px 30px 0px 0px;}

.Blue {color:#0099CB;}
.Green {color:#4fad61;}







/************* Content Pages ********/

h1.content-page-title {margin-top:50px;}
.content-text-padding {margin:5px 0 40px 0;}

h1.content-page-title, 
.content-text-padding,
p.subhead,
.content-text-padding {margin-left:50px;}

.img-caption {font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size:14px; color:#333; padding-top:10px; padding-left:3px;}
.caption-icon {padding-right:5px; color:#0099CB;}



.experiment-link p {padding:30px; font-size:16px; font-weight:700; color:#77a342; background-color:#f1f1f1; margin-top:50px; border-left: solid 2px #77a342; }
.experiment-link p a {color:#77a342; text-decoration:underline;}
.experiment-link p a:hover {color:#0099CB; text-decoration:underline;}

.experiment-icon {float:right; font-size:40px; color:#0099CB; line-height:1px; margin-top:-10px;}





/************* Footer ********/
p.footer {font-size:12px; color:#0099CB; padding:10px 0px; margin-left:0px; margin-bottom:0px;}
.footerPad1 {padding-left:30px;}
.footerPad2 {padding-left:10px;}
.footerPad3 {float:right; padding-right:20px;}


/************* Buttons ********/
a.button {
	height: 20px;
	display: inline-block;
	margin: 0 5px 20px 0px;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	line-height: 12px;
	padding: 8px 10px 0 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.08);
	-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.08);
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.08);
	behavior: url(Static/scripts/PIE.htc);
}

a.button.green {
	position:relative; z-index:0;
	background-image: url(../images/index/button_green.png);
	border: 1px solid #adc671;
	color: #5d7731;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
	behavior: url(Static/scripts/PIE.htc);
}

a:hover.button.green {border: 1px solid #8bb14d;}


a.button.white {
	margin-top:10px;
	font-size: 12px;
	background-image: url(includes/button_white.png);
	border: 1px solid #d3d3d3;
	color: #064b631;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.8);
	behavior: url(Static/scripts/PIE.htc);
}


a:hover.button.white {border: 1px solid #c4c4c4;}




.Searchbutton {
	height:30px;
	margin-left:5px;
	font-weight: bold;
	font-size: 11px;
	padding: 6px 10px 7px 10px;
	background-image: url(includes/button_blue.png);
	border: 1px solid #8dc5da;
	color: #42788e;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}