/*=============================================================
===================== Score Advertising =======================
= File: default.css                                           =
= Description: default css for website                        =
===============================================================
= Version: 1.0 ====== Date: May 23, 2008 ======================
= Version:     ====== Date:              ======================
= Modifications:                                              =
=-------------------------------------------------------------=
= Date: 06/20/2008 - added sub_menu_par to highlite parent    =
= in sub-menu - Airton                                        =
=============================================================*/

* {
	-moz-box-sizing: border-box !important;
}

body {    /*this affects all stuff outside all other elements below*/
	background-image: url(/content/images/body_bg.jpg);
	background-position: top center;
	background-repeat: repeat-x;
	background-color: #a59f8f;
	color: #ffffff;
	margin: 0 0 0 0;
	text-align: center;
	color:black;
	font-family: "arial", Helvetica, sans-serif;
	font-size:12px;
}
a { text-decoration:none;
  	color: #908a7c;
	  text-decoration: none;
}
a:hover { 
    color: #5168c0;
    text-decoration:underline;
}

p{
  padding-left: 10px
}

h3 {
  padding-left: 10px
}

#page { /* This is the wrapper for the entire page */
	text-align: left;
	padding:0px;
	width: 780px;
	margin: 0 auto 0 auto;
	
}
#customDiv1 {
  background-image: url(/content/images/ribbon.png);
  float: right;
  width: 972px;
  height: 140px;
  position: absolute;
  margin-top: 270px;
  margin-left: -96px;
}

#customDiv2 {
  float: right;
  width: 500px;
  height: 80px;
  position: absolute;
  margin-top: 326px;
  margin-left: 70px;
  text-align: center;
  font-family: "arial", Helvetica, sans-serif;
	font-size:16px;
	color: #feda64;
		font-weight: normal;
}
#customDiv3 {
  float: right;
  width: 150px;
  height: 60px;
  position: absolute;
  margin-top: 305px;
  margin-left: 601px;
  text-align: center;
  font-family: "times", garamond;
	font-size:16px;
	color: #feda64;
		font-weight: bold;
}
#customDiv3 a{
	color:#feda64;
	text-decoration:none;
}
#customDiv3 a:hover{
	color:#feda64;
	text-decoration:none;
}
#masthead{ /* The div that contains the masthead image */
	border: 0px solid white;
	padding:0px;
	margin: 60 0 0 0;
	text-align:left;
}

#scrollingmarquee marquee { /* The scrolling marquee */
	font-family:"lucida sans";
	font-weight: bold;
	color:#2f3557;
	position: absolute;
	width: 220px;
	margin: 150 15 15 15;
}

#scrollingmarquee  {
	margin:0px;
	border: 0px solid white;
		width: 220px;
		top: 120px;
}

#homeLink { /* The link to home */
	z-index:100;
	position:absolute;	
	display:block;
	cursor: pointer;
	top:73px;
	margin-left:30px;

}
#homelink a{
	color:#a1afec;
	text-decoration:none;
}
#homelink a:hover{
	color:#000000;
	text-decoration:none;
}

#homeLinkIcon { /*To display a div that links to home, usually over the logo */
	background-image: url(/content/images/logo.png);
	border:0px solid black;
	z-index:99;
	position:absolute;	
	cursor: pointer;
	top:5px;
	margin-left:10px;
	width:228px;
	height:190px;
}


#phoneButton a{ /* The link to the contact page with the phone number */
  margin-right: 0pt;
  margin-bottom: 0pt;
  margin-left: 200px;
  position: absolute;
  top:16px;
  font-size:12px;
  font-weight:bold;
}

/* These Custom Divs can be set up in conf.inc.php */

/*#customDiv1{
	border: 1px solid red;
	position:absolute;
	background-image: url("/content/images/weather.gif");
	margin-top:-140px;
	margin-left:450px;
	width: 110px;
	height: 40px;
	cursor: pointer;
}

#customDiv2{
	border: 1px solid white;
	margin-top:-290px;
	margin-left:0px;
	position:absolute;
}

#customDiv3{
	border: 1px solid blue;
	margin-top:-80px;
	margin-left:350px;
	position:absolute;
}

#customDiv4{
	border: 1px solid purple;
	margin-top:-60px;
	margin-left:450px;
	position:absolute;
}*/

/******************** classes for loginForm, shows when logged OUT only  ***************/
#loginform { /* login form wrapper */
	/*float:right;*/
	position:absolute;
	margin-top:0px;
	margin:-65 0 0 520;
  /*position:relative;
	margin:-290 15 0 0;*/
}

#loginform fieldset label { /* ID and PIN labels */
	display: block;
	font-size: 8px;
	margin:20 0 0 0;
	position:absolute;
	margin-left:0px;
}

#loginform fieldset { /* The login fieldset */
	display: inline;
	border:0px;
}

#loginform fieldset div{ /* Floats the labels left */
	display: block;
	float: left;
}
	
#loginform fieldset .to{ /* Wraps around ID and Password fields */
	width:75px;
}

#loginform  input { /* Input field of the login form */
	width:58px;
	height:20px;
	font-size: 11px;
	font-weight:bold;
	margin:15 10 0 14;
	text-align:left;
	background: #d4cec2;
 	border:1px solid #8d887c;
}

#loginform  #warning { /* The warning div you get when your password is incorrect */
	text-align:center;
	margin:42 0 0 0;
	color: red;
	width:165px;
	background: black;
	position:absolute;
}


#loginform  .loginbutton{ /* The login button */
	background: url("/content/images/BT_small.png") no-repeat;
		cursor: pointer;
	border:0px;
	margin:8 0 0 0;
	width:75px;
	height:35px;
	padding:0 4 4 0;
		text-align:right;
			color: #a69f8f;
}

#rememberme{ /* Remember Me */
	clear:both;
}

#rememberme input{ /* Remember Me box */
	background-color:transparent;
}

#forgotPin { /* Forgot Pin Link Div */
	z-index:100;
	position:absolute;
	/*margin:-290 0 0 490;*/
	top:17px;
	margin-left:435px;
	width:80px;
	height:auto;
	font-size:10px;
}

/******************** END classes for loginForm   shows when logged OUT only***************/


/***************************stuff displayed while logged in only */
#welcomeUser a{
	border: 0px solid red;
	font-family:  arial, sans-serif;
	color: #666666;
	position:absolute;
	margin-top:-20px;
	margin-left:662px;
	text-decoration:none;
	line-height: bold;
	font-weight: bold;
}

#welcomeUser a:hover{
	color: #5168c0;
	text-decoration: underline;
	
}

#logOut {
	border: 0px solid red;
	float:right;	
	position:relative; 
	clear:both;
	margin-top:-260px;
	width:200px;
}

#sectionMenu{
	text-align:right;
	position: absolute;
	margin-top: -45px;
	margin-left:520px;
	border: 0px solid red;
	font-family: arial, sans-serif
	/*text-transform:lowercase;*/
	font-weight: normal;
	font-size: 11px;
	line-height: normal;
	
}

#sectionMenu a{
	text-decoration: none;
	
}


#sectionMenu a:hover{
	color: #5168c0;
	text-decoration: underline;
	
}

#sectionLink{
	padding:0 5 0 5;
	text-decoration:none;
	color:#666666;

}

#sectionHilite {
	font-weight:bold;
	font-size:12px;
	color:#5168c0;
	text-decoration:none;
}

#sectionHilite a:hover{
	text-decoration:none;
}

/*************************** END stuff displayed while logged in only */


/**************************************************************/
/***************  end of masthead stuff, following ************/
/*************** deals with page content stuff  ***************/
/**************************************************************/

#pageContent { /* The main page under header */
	background-color: #f5f3de;
	width: 780px;
	padding:5 0 10 0;
	margin: 0 0 20 0 ;
	font-size: 11px ;
 	border:1px solid #b88c41;

	/*min-height: 500px;*/
}


#albumNavi{ /* No idea, please fill in */
	position:absolute;
	margin:15px 30px;
}

/* ^^^^^^^^^^^^   submenu (inside #pageContent)   ^^^^^^^^^^^^^^^^ */
#sub_menuContainer { /* Sub Menu Wrapper */
  padding-bottom:10px;
	width: 600px;
	margin-top: 0px;
	margin-left:10px;

}

.sub_menu { /* Span for each submenu link */
	padding: 3px;
}

#sub_menuContainer #sub_menu_sel { /* Selected Submenu Icon */
	font-weight:bold;
}


#iconMenu{ /* Small Icon Menu Wrapper */
	/*(position:absolute;*/
	float: right;
	border: 0px solid blue;
	text-align:center;
	padding-top:20px;
	height:40px;
	margin: -30px auto;
}

#iconMenuIcon img{ /* Takes off border for icon menu icons */
	border:none;
}

#iconMenuIcon{ /* Div Around Icon Image */
	float:right;
	color:#e5aa60;
	text-align: center;
	margin:0 7px;
}




/* ^^^^^^^^^^^^   end of sub menu   ^^^^^^^^^^^^^^^^ */

/* classes for validator */
.tfvHighlight{
	color: red;
	text-align: right;
	padding: 0px;
}

.tfvNormal{
	color: black;
	text-align: right;
	padding-right: 0px;
}
	
.smallFormElements{
	margin-top:3px;
  	font-size: 9px;
 
}
 
div.row {
	clear: both;
	padding-top: 4px;
	font-size: .8em;
}
  
div.row span.label {
	float: left;
	width: 150px;
	text-align: right;
	padding-right: 10px;
	font-size: 12px;
}
  
  
div.row span.formw {
	float: right;
	width: 520px;
} 
  
#niceForm{
	float: left;
	width: 680px;
	border: 0px solid #333; 
	padding: 0px;
	margin: 0px auto; 
}

#form.niceform {
}

form.niceform input{
	font-size:13px;
}

.niceform button{
	width:80px;
	margin-left:300px;
	margin-top:15px;
}

.niceform .button{
	background: url(/content/images/form_button.jpg) no-repeat;
	height: 27px;
	width: 67px;
	border: 0;
}

form.nice div row.input{
	width:400px;
}

form.niceform textarea{

	font-size:13px;
	width:400px;
}

.message a{
	display:block;
	border: 1px solid #2e3340;
	color: #545353;
	padding:5 15 5 15;
	width:60px;
}

.message{
	color:red;
	font-size: 17px;
	text-align:center;
}

form.niceform span.label{
	float:left;
}
/* end classes for validator */


/* ^^^^^^^^^^^^   MENU 2  ^^^^^^^^^^^^^^^^^^ */
#dropmenu2{
	position:absolute;
	border: 0px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	height:28px;
  text-align: center;
  width: 745px;
  top: 96px;

}

#dropmenuHilite2 span{
}

#dropmenu2 ul{
	border: 0px;
	margin:0px;
	padding:8 0 0 0;
	list-style:none;
	width:100%;
}

#dropmenu2 li{

	border: 0px;
	padding-top:0px;
	padding-bottom:0px;
	display:inline;
	margin:0px;
	padding-left:39px;
	padding-right:18px;
}

#dropmenu2 ul li a {
	font-weight: normal;
	border: 0px solid red;
	text-decoration: none;
}

#dropmenu2 ul li a:hover{
	text-decoration:none;
}

.dropmenudiv2{
background-position: top center;
	position:absolute;
	top: 0;
	text-decoration:none;
	font:normal 12px;
	border-bottom: 1px solid #000000;
	z-index:1000;
	visibility: hidden;
	margin-top: 4px;
	margin-left:-20px;
	width:140px;
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

.dropmenudiv2 a{
	display: block;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	font-weight: normal;
	font-size: 13px;
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 5px;
	padding-bottom: 8px;
}

.dropmenudiv2 a:hover{
	text-decoration: none;
	
}
/* ^^^^^^^^^^^^  end of MENU 1  ^^^^^^^^^^^^^^^^^^ */

/* ^^^^^^^^^^^^   MENU 1  ^^^^^^^^^^^^^^^^^^ */
#dropmenu1{
	border: 0;
	margin:0;
	padding:0;
/*	width:100%;*/
  text-align: center;
  width: 700px;
	font-size:13px;
	position: absolute;
	top: 85px;
	margin-top: -17px;
	margin-left: 28px;
  z-index: 100;

}

#dropmenuHilite1 span{
	color:#feda64;
}

#dropmenu1 ul{
	border: 0px;
	padding: 3px 0 3px 0;
	font-size:13px;
	list-style:none;
	width:640px;
  font-family:"lucida sans", Helvetica, sans-serif;
	margin-top: 0px;
	margin-left: 130px;

}

#dropmenu1 li{
	border: 0px;
	display:inline;
	margin:0px;
	padding: 3px 0 3px 0;
}

#dropmenu1 ul li a {
	color: #a7b4ec;
	font-weight: normal;
	border: 0px;
	text-decoration: none;
	padding: 3px 6px 3px 6px;
}

#dropmenu1 ul li a:hover{
	color: #feda64;
	text-decoration:none;
	background-color: #3d4466;
	padding: 3px 5px 3px 5px;
	border-left: 1px solid #b88c41;
	border-right: 1px solid #b88c41;
}

.dropmenudiv1{
	background-position: top center;
	background-color: #565f8f;
	position:absolute;
	top: 0;
	text-decoration:none;
	border-bottom: 1px solid #000000;
	z-index:1000;
	visibility: hidden;
	margin-top: 4px;
	margin-left:-20px;
	width:140px;
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

.dropmenudiv1 a{
	text-decoration: none;
	color: #a7b4ec;
	display: block;
	border-top: 1px solid #b88c41;
	border-left: 1px solid #b88c41;
	border-right: 1px solid #b88c41;
	border-bottom:1px solid #b88c41;
	font-weight: normal;
	font-size: 13px;
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 5px;
	padding-bottom: 8px;
}

.dropmenudiv1 a:hover{
	color: #dfb65e;
	text-decoration: none;
	background-color:#3d4466;
	
}
/* ^^^^^^^^^^^^  end of MENU 2  ^^^^^^^^^^^^^^^^^^ */

/* ^^^^^^^^^^^^  floating menu at bottom contains copyright   ^^^^^^^^^^^^^^^^^^ */

.floatmenu{
  	
  	font-size: 11px;
  	font-weight:normal;
  	color: #666;
}

.floatmenu a {
  	color: #666;
  	text-decoration: none
}

.floatmenu a:hover {
  	/*color: #8cc43f;*/
  	text-decoration: underline
}

.copyrights{
  	margin:15 0 0 0;
}  

.copyrights td{
  	color: #666;
  	font-size: 11px;

}

.copyrights a{
  	color: #666;
  	font-size: 11px;
	text-decoration: none;
	margin:0px 5px;
}

.copyrights a:hover{

 	text-decoration: underline;
}

.copyrights hr {
  	border-color:  #666;
  	border-bottom-width: 0px;
  	border-top-width: 1px;
  	border-style: solid;
  	height: 0px;
  	width: 100%;
}
/* ^^^^^^^^^^^^  end of floating menu   ^^^^^^^^^^^^^^^^^^ */


/*INDEX PAGE  RECENT PHOTOS AND NEWS*/

.indexbox{
	border: solid red 0px;
	width:100%;
	height:380px;
	margin:0 0 0 0;
}

.newsbox{
	border: 0px;
	margin:10 0 0 0;
	float:right;
	width:335px;
	height:302px;
	padding: 90 30 20 10;
	background: url(/content/images/recent_news.gif) no-repeat;
}

.newscontent{
	border: solid blue 0px;
	margin-top:-47px;
	font-size:12px;
}

.newscontent td {
  padding: 0px;
}

.newscontent b{
	font-size:12px;
	font-weight:bold;
	color: #feda64;
}

.newscontent a{
	font-size:12px;
}
	
.newscontent a:hover{
}

.newsboxPad{
	border: solid blue 0px;
}

.photobox{
	border: solid blue 0px;
	float:left;
	width:335px;
	height:302px;
	padding: 60 0 20 30;
	background: url(/content/images/recent_photos.gif) no-repeat;
	margin:10 0 0 0;
}

.photoboxPad{
	border: 0px;
	margin-top: -15px;
}
	
div.indexFloat {
	border: 0px;
  	float: left;
  	width: 120px;
  	height: 135px;
	margin:-10 0 0 20;
  	padding: 15 10 0 0;

}

div.indexFloat a{	

	text-decoration:none;
}

div.indexFloat a:hover{
}

div.indexFloat p{
	padding:0px;	
	margin-top:2px;
	margin-bottom:2px;
	color: #feda64;
}

#photoContainer img{
	border: 1px solid #000000;
}

div.indexFloat a img{
	border: 1px solid #000000;
}
/* END INDEX PAGE  RECENT PHOTOS AND NEWS*/


/* *************  roster *****************/
.filterMenu{
/*	float:right;*/
	padding-top:7px;
}

.filterMenu p{
	display: inline;
	margin:0 10 0 10;
}

.filterMenu a{
	display: inline;
	margin:0 10 0 10;
}

.roster_detail_staff{
	font-weight:bold;
	font-size:14px;
	margin-left:350px;
}

.roster_detail_top{
	background: url(/content/images/dashes.gif) no-repeat;
	width:730px;
	font-weight:bold;
	line-height: auto;
/*	text-align: left;
	margin-left: 17px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;*/
	font-size:12px;
	/*height:95px;*/
	margin-top:10px;
}

.roster_detail_topTitle{
	font-weight:bold;
	font-size:18px;
	margin-left: 350px;
}

.roster_detail_mid{
	width:700px;
/*	background: url(/content/images/dashes.gif) no-repeat;*/
	font-weight:bold;
	font-size:18px;
	margin-left: 17px;
}

.roster_detail_bot{
	width:700px;
	margin-left: 17px;
	font-size:12px;
}

.roster_detailText{
	margin:30 0 0 175;
}

.rosterName{
	font-weight:bold;
	font-size:23px;
/*	text-align:left;*/
	margin-left:360px;
	margin-top:0px;
	margin-bottom:0px;
	padding:10 0 5 0px;
	line-height:120%;
}

.rosterSubTitle{
	font-weight:bold;
	font-size:15px;
	margin:0px;
}

.membertype{
	font-weight:bold;
	font-size:14px;
	margin-left:350px;
	padding:0px;
	}

.rosterphoto{
	border: 1px white solid;
	position: absolute;
	margin-left: 40px;
	margin-top: 80px;
}

.rosterphotoCustom{
	border: 1px white solid;
	position: absolute;
	margin-left: 10px;
}

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

.rosterdetails a{
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	margin:0px;
}
  
.rosterdetails{
	font-weight:bold;
	font-size:14px;
}

.RosterRolodex{
	text-align:center;
	margin: 30 0 10 0;
	padding:0px;
}

.RosterLetters {
	font-size: 14px;
	font-weight:bold;
	padding-left: 9px;
	padding-right: 9px;
}
	
.rostereditImage{
	position:absolute;
	margin-top:-280px;
	margin-left:-60px;
} 

.rosterMessage {
}

#rosterUpdDiv {
  margin: 0;
}

#rosterUpdDiv p{
  margin: 0 15px 15px;
}

/* *************  end of roster *****************/


/****************    Catalog   *****************************/

/****************    End of Catalog   *****************************/

/****************    GOOGLE MAPS   *****************************/
#googleframe{
	border: 1px solid gray;
	background-color: red;
	margin-left:10px;
}
/****************    END GOOGLE MAPS   *************************/

/****************    lightbox   *****************************/
#GB_overlay {
	background-image: url(/content/images/overlay.png);
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	z-index: 100;
	width:  100%;
	height: 150%;
}

* html #GB_overlay {
	background-color: transparent;
/*	background-image: url(/content/images/blank.gif);*/
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/content/images/overlay.png", sizingMethod="scale");
}

#GB_window {
	top: 100px;
	text-align:center;
	position: absolute;
	z-index: 101;
	height: 100%;
}

#GB_frame {
	text-align:center;
}

#GB_caption {
	color:white;
	z-index: 151;
	cursor: pointer;
	border: 0px solid purple;
}

#GB_captiontop {
	margin-top:60px;
	color:white;
	cursor: pointer;
}

#GB_window img {
	cursor: pointer;
	border: 6px #585858 solid;
}

#GB_printbutton{
	position: absolute;		
	left:700px;
	top:40px;
}
/****************    End of lightbox   *****************************/

/****************    escoremail mailform   *****************************/
#mailform {
	margin: 20 0 10 50;
}

#mailform form table tbody tr td div{
	text-align:left;
	margin: 10 0 10 50;
}
/****************    End of mailform   *****************************/

/****************    Newsletters  **********************************/
#newsletterTable {
  width: 740px;
  border: 1px solid #000000;
  margin-left:10px;
}

#newsletterTable td {
  padding: 5px 3px;
  width: 33%;
}

#newsletterTable td a {
}

#newsletterDiv {
  margin: 0 0 0 15px;
  width: 95%;
}

/****************   End of Newsletters  **********************************/    

#mastImage {
  z-index: -100;
}