/*=============================================================
===================== 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/bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #000000;
	color: #ffffff;
	margin: auto;
	text-align: center;
	font-family: "arial", Helvetica, sans-serif;
	font-size:11px;
	border: 0px solid black;
}
a { text-decoration:none;
  	color: #93ff3c;
	  text-decoration: none;
}
a:hover { 
    color: #ffffff;
    text-decoration: none;
}

#page { /* This is the wrapper for the entire page */
	text-align: left;
	padding:0px;
	width: 780px;
	margin: 14px auto 0px auto;
	background-image: url(/content/images/top_bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
#customDiv1 span{
	background-image: url("/content/images/Athabasca_logo.png");
	border:0px solid black;
	width:130px;
	height:160px;
  position: absolute;
  margin-top: -10px;
  margin-left:20px;
  z-index: 100;
	cursor: pointer;
	font-size:12px;
	padding-top: 10px;
}
#customDiv1 span a{
  color: #ffffff;
  text-decoration: none;
}
#customDiv1 span a:hover{
  color: #698147;
    text-decoration: none;
}

/*#customIndexDiv1 span{
  background-image: url("/content/images/customIndexDiv1.png");
  height: 104px;
  width:120px;
  border:0px solid;
  position: absolute;
  margin-left:720px;
  margin-top:250px;
  z-index: 10;
}*/


#header{
  display:block;
  height:100px; 
	border: 0px solid black;
	padding:0px;
	margin:0px;
}

#masthead{ /* The div that contains the masthead image */
	border: 0px solid white;
	padding:0px;
	margin: 0px;
	text-align:left;
}

#scrollingmarquee{ /* The scrolling marquee */
	width:290px;
	position:absolute;
	top:85px;
	margin-left:460px;
	color: #5ea2bb;
	
}

#homeLink { /* The link to home */
	z-index:100;
	cursor: pointer;
	position:absolute;
	margin-top: 10px;
	margin-left: 152px;
	font-family: "Times", Garamond;
	font-size: 13px;
}
#homelink a{
	color:#ffffff;
	text-decoration:none;
}
#homelink a:hover{
	color:#698147;
	text-decoration:none;
}

#homeLinkIcon { /*To display a div that links to home, usually over the logo */
  float:left;
}


#phoneButton a{ /* The link to the contact page with the phone number */
  margin-right: 0pt;
  margin-top: 18pt;
  margin-left: 420px;
  position: absolute;
  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;  
	top:0px;
	margin: 10 15 0 0;
	/*position:relative;*/
	/*margin:-290 15 0 0;*/
}

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

#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:18px;
	font-size: 11px;
	font-weight:bold;
	margin:8 10 0 14;
	text-align:left;
	color: #ffffff;
	background-color: #3d4d30;
	border: 0px;
}

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


#loginform  .loginbutton{ /* The login button */
	background: url("/content/images/button.jpg") no-repeat;
	border:0px;
	margin:8 0 0 4;
	width:60px;
	height:25px;
	padding:0 3 3 3;
	cursor: pointer;
	color: #000000;
}

#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;*/
	margin-left:685px;
	margin-top:48px;
	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;
	position:absolute;
	margin-top:45px;
	margin-left:668px;
	text-decoration:none;
	line-height: bold;
	font-weight: bold;
}

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

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

#sectionMenu{
	border: 0px solid red;
	font-weight: normal;
	font-size: 11px;
	line-height: normal;
/*	float:right;	*/
	margin-left:550px;
	position:absolute;
	margin-top: 23px;
	margin-right: 20px;
	
}

#sectionMenu a{
	text-decoration: none;
	
}


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

#sectionLink{
	padding:0 2 0 2;
	text-decoration:none;
}

#sectionHilite {
	font-weight:bold;
	font-size:12px;

	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 */
	width: 780px;
	padding:5px 0px 10px 0px;
	/*width: 780px;
	padding:10px 5px 10px 15px;*/
	margin: 0px;
	border: 8px solid #99ea58;
	font-size:12px;
	background-color: #325766;
	/*min-height: 500px;*/
}


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

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

.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 */
	float:right;
	border: 0px solid blue;
	text-align:center;
	margin:-35px auto;
	padding-top:32px;
	height:65px;
	
}

#pageContentHeader {
  width: 750px;
  padding-top: 4px;
  padding-left: 6px;
}

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

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

}




/* ^^^^^^^^^^^^   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{
	/*background-color: #e8e8e8;*/
	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 #999999;
	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{
	border: 1px solid #000000;
	margin:0px 0px 0px 0px;
	padding:0px;
	height:28px;
  text-align: center;
  width: 780px;
	background-color: #ffffff;
	height:28px;
	font-size:13px;
}

#dropmenuHilite2 span{
}

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

#dropmenu2 li{

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

#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: 0px solid #000000;
	margin:0px 0px 0px 10px;
	padding:0;
  text-align: center;
  width: 761px;
	font-size:13px;
	top: 80px;
  background-color: #427487;
	height:26px;
}

#dropmenuHilite1 span{
  color:red;
}

#dropmenu1 ul{
	border: 0px;
	padding:4px 0 6px 0;
	font-size:13px;
	list-style:none;
	width:656px;
	position: relative;
  margin: 0 0 0 106;
}

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

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

#dropmenu1 ul li a:hover{
	text-decoration:none;
	background-color: #82b15e;
	padding: 4px 13px 6px 13px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

.dropmenudiv1{
	background-position: top center;
	background-color: #427487;
	position:absolute;
	top: 0;
	text-decoration:none;
	border-bottom: 1px solid #000000;
	z-index:1000;
	visibility: hidden;
	margin-top: 1px;
	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;
	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;
}

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

/* ^^^^^^^^^^^^  floating menu   ^^^^^^^^^^^^^^^^^^ */

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

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

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

/* ^^^^^^^^^^^^  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 15 0 0;
	float:right;
	width:350px;
	height:302px;
	padding: 90 30 20 15;
	background: url(/content/images/recent_news.jpg) 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;
}

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

.newsboxPad{
	border: solid blue 0px;
}

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

.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;
}

#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;
	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;
}

#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;
}

/****************   page_footer  **********************************/
#page_footer{
width:100%;
/*border:solid black;
border-width:0px 1px 1px 1px;*/
text-align:center;
padding:0px;
	font-size:10px;
	color: #698147;
}

#page_footer span{  /* for the pipes between the links*/
margin:5px;
}

#page_footerAddress{
background: url(/content/images/footer_address.png) no-repeat;
width:100%;
padding:8px;
text-align:center;
color: #698147;
height: 40px;
margin-top:0px;
font-size:12px;
}

#page_footerSiteLinks{
float:left;
	font-size:10px;
}

#page_footerCopyright{
	font-size:10px;
/*no style applied here, it is centered by #page_footer{text-align:center;}, and it pushes the bottom of page_footer down */
}

#page_footerScoreLinks{
float:right;
}


/****************   End of page_footer  **********************************/