/* PAGE LAYOUT STYLES */
	html, body {width:100%;font-size:100%;text-align:left;}
	body{ margin: 0; background: #fff;}
	a, a:hover, a:active {text-decoration:none;}
	h1, h2, h3, h4 {font-weight:bold;}
	body, h1, p, li, li a {font-family: "Myriad Pro", Arial, sans-serif;}
	p, li {line-height:170%;margin-bottom:15px;}
	#wrapper{ position:relative; width:100%; }
	.section{ min-height: 300px;}
	.inner {width:960px;margin:0 auto;}
	.section {padding-top:120px;display:inline-block!important;width:100%;}


div.footer_primary_wrapper, .totop {
	display:none;
}

.siteFooter {display: inline-block; background: #5d87a1; width: inherit; color: #000; font-size:77%; padding-top: 10px; padding-bottom: 10px; color: #fff; line-height: 1.5; font-weight: bold;}
.siteFooter a {color: #fff; font-size: 100%; text-decoration: underline;}
.siteFooter a:hover {color: #00467f; font-size: 100%; text-decoration: underline;}

.scroller_Wrapper{
    min-height: 15px;
	height:275px;
	overflow:hidden;
	position: relative;
	}

.scrollFrame{
    background: transparent;
    display: inline-block;
    height: 100%;
    margin-bottom: 10px;
	width:880px!important;
	min-height:275px;
	padding:20px;
	padding-left:60px;
	paddding-right:60px;
	overflow:hidden;
	float:left;
}

.scrollFrame .addthis_toolbox {
	display:none;
}

.scrollFrame h2{
	color:#fff;
}
.scroller_OuterWrapper{
	width:100%;
	overflow:hidden;
	position:relative;
}
.frameContent{
	min-height:150px;
}

.scroller_Nav h3{
	 display:inline-block;
	 position:absolute;
	 top:450px;
     cursor: pointer;
    height: 45px;
    text-indent: -9999em;
    width: 45px;
    z-index: 2;
}

.scroller_Nav h3#frameLink_Next {
    background: url("/images/scroller/next.png") no-repeat scroll center center transparent;
	    right: 5px;

}

.scroller_Nav h3#frameLink_Prev {
    background: url("/images/scroller/previous.png") no-repeat scroll center center transparent;
	left:5px;
}


/*Section 4 - About. Container: sectionabout */

/* FAQs toggle styles*/

.inner #faq h3 {
	padding-left:40px;
	background: url("/images/scroller/plus.png") no-repeat left center transparent;
	line-height:45px;
	margin-bottom:10px;
	cursor:pointer;
}

.inner #faq h3.active {
	background: url("/images/scroller/minus.png") no-repeat left center transparent;
}

.inner .tab_container p, .inner .tab_container li, .inner .tab_container li a, .inner .tab_container h1, .inner .tab_container h2, .inner .tab_container h3, .inner .tab_container h4 {
	color:#fff;
}

.inner .tab_container h3 {
	margin-bottom:15px;
	margin-top:15px;
}

.inner .tab_container ul {
	list-style-type: disc;
	list-style-position:inside;
}

ul.tabs {
	display:block;
	height:30px;
	margin-bottom:40px;
	margin-left:80px;
}

.inner ul.tabs li {
	float:left;
	color:#fff;
	display:block;
	padding:10px;
	border:1px solid #fff;
	margin-right:15px;
	cursor:pointer;
}

.inner ul.tabs li:hover {
	border: solid 1px #ffd200;
}

.inner ul.tabs li.active {
	background:#fff;
	color:#00467f; 
}

.inner .tab_container ul li {
	margin-bottom:5px;
}

.inner .tab_content {
	padding-right:300px;
	min-height:600px;
}

.inner div.intro {
				padding-left:80px;
				color:#fff;
}

.tab_container {
padding-bottom:40px;
}

/* NAVIGATION STYLES */
	
.scrollerNav {
    background: none repeat scroll 0 0 #444444;
    border-bottom: 4px solid #02B294;
   overflow: visible;
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 3;
	*margin-left:-17px;
    
}

.StandardContent_Wrapper {
	width:100%;
}


.scrollerNav ul {
    display: inline-block;
    left: 50%;
    margin: 0 auto 0 -450px;
    position: relative;
    width: 900px;
}

.scrollerNav ul li{
	float:left;
	margin-right:40px;
	margin-bottom:0px;
	}

.scrollerNav li{
		display: inline-block;
	}
	
.scrollerNav li a{
		display: block;	
		font-weight: normal;
		text-decoration: none;
		color: #666;
		font-size: 18px;
		color:#fff;
		padding:16px 10px;
		padding-top:22px;
		line-height:30px;
		
	}	
	
.scrollerNav li a:hover{
		color: #ffd200;
	}
	
.scrollerNav li.active a{
		
		color: #ffd200;
			}	
	
.scrollerNav li.active a:before {
    border-color: transparent transparent transparent #ffd200;
    border-style: solid;
    border-width: 9px;
    content: "";
    display: block;
    float: left;
    width: 0;
	line-height:30px;
	margin-top:5px;
}

.scrollerNav li a:hover{
	}

.inner .block {
width:65%;
display:block;

}
.section.two {
padding-left:0px;
padding-rigth:0px;
}

.section.two .inner .block {
width:100%;
} 

.block.right {
float:right;
}

.block.left {
float:left;
}

/* MODAL WINDOW STARTS HERE */

/* Z-index of #mask must lower than #boxes .window */
#mask, #mask1 {
  position:fixed;
  z-index:9000;
  background-color:#000;
  display:none;
  top:0;
  bottom:0;
  left:0;
  right: 0;
  
}

#boxes .window h2{
	color:#00467f;
	font-size: 200%;
}

#boxes .window h3{
	color: #9c5708;
	font-size: 100%;
}

.modallink {
    height: 150px;
    width:150px;
	float:left;
    overflow: hidden;
	margin-bottom: 10px;
	margin-top: 10px;
	z-index:1;
	display:inline-block;
	}

.modallink img {
		width: 150px;
		height: auto;
		overflow: hidden;
}

.modallink .crop {
	height: 165px;
	overflow: hidden;
}
	

#boxes .window img{
	float: right;
	padding:0px;
	padding-top:15px;
	border: solid 3px #fff;
	border-bottom:solid 10px #fff;
	width: 140px;
	height: auto;
	margin-left: 10px;
	background: url("/images/supersunday/phototexturebg.jpg") repeat scroll 0 0 transparent;
}
   
#boxes .window {
  position:fixed;
  width:600px;
  max-height:450px;
  display:none;
  z-index:9999;
  padding:20px;
  background: #ffffff;
  border: solid 10px #00467f;
  -moz-box-shadow: 3px 3px 30px 5px ;
	-webkit-box-shadow:  3px 3px 30px 5px ;  
        box-shadow:  3px 3px 30px 5px ;
	overflow-y:scroll; 
	overflow-x:visible;	
	border-radius:7px;

}

.modalPanel {padding-left: 70px; padding-top: 20px; margin-bottom: 20px;}

.modalPanel h2 { font-family: "Myriad Pro", Arial, sans-serif; font-size: 100%;}

.modalPanel h3 { font-family: "Myriad Pro", Arial, sans-serif; font-size: 90%; color: #333; font-weight: normal;margin-bottom:15px;}

.modalPanel h2, .modalPanel h3 {position:relative;top:10px;}
 
.modalBox {width: 150px; display:inline-block; *float:left; margin-right: 25px; height: 250px;} 

/* Customize your modal window here, you can add background image too */
#boxes #dialog {
  width:375px;
  height:203px;
}

#boxes, #boxes p {color: #333;}
.close {
	background: #00467f;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 25px;
	position: absolute;
	right: 0px;
	text-align: center;
	top: 0px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
}

.close:hover { background: #afbd22; 
}

.modalPanel {
	display:block;
}