/**   

Copyright 2012
For the use of Beta Alpha Psi - Gamma Psi Chapter of the University of Missouri - St. Louis

Author: Michael Macke
Last Revision: 1/22/2012

**/





/** Page Reset  **/
* {
  padding:0;
  margin:0;
}

/**   **/

/*****************************************************

	Table of Contents  
1. General Settings
2. Header
	2a. Styles for facebook.html
	2b. Styles for hidden twitter div in header
3. Menu (main)
4. Footer
5. Social Network Plugin  (also see: social.css, social.js,)
6. Officers
7. Bylaws
8. Accounting Lab
9. Schedule
10. Photo Page
11. Membership
	11a. Download page (html code is located in membership.html)


******************************************************/






/*****************************************************
1. General Settings
******************************************************/


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





a:link {text-decoration:none;} 
a:hover {text-decoration:none;} 

DIV, P, TD {font-family: Arial; font-size: 14px}
H1 {font-size: large; text-align: center}
H3 {font-size: large; text-align: center}
 {font-family: Arial; font-size: x-small}

IMG{border-style: none}
A.menu {font-family: Arial; font-size: x-small; text-decoration:none; color: white; padding-right: 15px;padding-left: 15px }
A.menu:hover {font-family: Arial; font-size: x-small;  color: rgb(248,213,145); }



body.normal{ 
height:100%;
width:100%;
background:#fff url('msc.png');
background-repeat:no-repeat;
background-position:right;
background-attachment:fixed;
}


#page-wrap {
	width:960px;
	margin:auto;
	position:relative;
	top:185px;
	padding-bottom:40px;
}


#page-background{
	height:100%; 
	width: 100%; 
	position: fixed; 
	background-image: url('msc.png'); 
	background-repeat: no-repeat; 	background-position: right; 
	z-index: -10;
}


#ContentBG {
	background-color: rgba(150,0,0,0.85);
	color:#fff;
	padding:15px;
	margin-top:20px;
	width:440px;

box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 0px rgba(255,255,255,0.2), inset 0 0px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 0px rgba(255,255,255,0.2), inset 0 0px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 0px rgba(255,255,255,0.2), inset 0 0px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 0px rgba(255,255,255,0.2), inset 0 0px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
}

#ContentBG.left {
	float:left;
	margin-right:20px;
}

#ContentBG.right {
	float:right;
}



#ContentBG.social {
	width:380px;
	float:right;
	margin-left:20px;
}

#ContentBG.index-left {
	width:500px;
	float:left;
}

#ContentBG.index-left b {
	color:rgb(248,213,145);
}




#ContentBG.Mission {
	width:500px;
	float:left;
	background:rgba(0,0,0,0);

}


#ContentBG.Mission-inner {
	background:rgba(248,213,145,0.85);
	color:rgb(150,0,0);
	margin:0px;
	width:470px;
	
}


#ContentBG.Mission-inner h2{
	
	text-shadow: 1px 1px 4px#fff;
}





.left {
	float:left;
}

.right{
	float:right;
}

.center {text-align:center;}

.shadow {
	box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 0px rgba(255,255,255,0.2), inset 0 0px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 0px rgba(255,255,255,0.2), inset 0 0px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 0px rgba(255,255,255,0.2), inset 0 0px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 0px rgba(255,255,255,0.2), inset 0 0px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
}

#fixed {position:fixed; width:100%; z-index: 1200;}




#white-bg{
	background-color: rgba(255,255,255,0.85);
	color:rgb(150,0,0);
	text-shadow:0 1px 0 #fff;
	margin:auto;
	margin-bottom: 5px;
	padding:10px;
	width:50%;
	text-align:center;
}



#white-bg-small{
	background-color: rgba(255,255,255,0.85);
	color:rgb(150,0,0);
	text-shadow:0 1px 0 #fff;
	margin:auto;
	margin-bottom: 5px;
	padding:5px;
	width:30%;
	font-weight:bold;
	text-align:center;
}





/*****************************************************
2. Header   
******************************************************/




#socialButtons-holder{
	margin:auto;
	background:rgba(248,213,145,0.9);
	width:320px;
	height:45px;
	margin-top:10px;
	border-top:2px solid #CECECE;
	border-bottom:2px solid #CECECE;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	
	
	
}

.margin-fix{
	margin-top:-10px;
	float:left;
	
	
	
}


#social-holder-header{
	margin:auto;
	background:rgba(150,0,0,0.7);

	color:#fff;
	border-left:1px solid #fff;
	border-top:2px solid #CECECE;
	border-bottom:2px solid #CECECE;
	padding:5px;
	text-align:center;
	font-weight:bold;
	position:relative;
	top:5px;
}

#social-holder-header a{
	color:rgb(248,213,145);
}
#social-holder-header a:hover{
	color:#fff;
}

#social-holder3{
float:left;

margin-top:5px;
width:150px;
overflow:hidden;
}



#header{   border-style: solid; border-width: 3px; border-color: #FFF; background-color:white;}
#blackbg{width:100%; background:#fff;}
#header-redbg{width:100%; background:rgb(178,25,25);}
#header-purplebg{
	background-color:rgb(255,255,255);
	width:100%;
	height:100%;
}


#umsl-site{
	background:rgb(248,213,145);
	border-top:2px solid rgb(150,0,0);
	border-bottom:2px solid rgb(150,0,0);
	padding:5px;
	margin:auto;
	text-align: center;
}


#umsl-site a {
	font-size: 14px;
	color: rgb(150,0,0);
	font-variant:small-caps;
	
}

#umsl-site a:hover {
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
} 

/******
Social Media Slide
**********/
#header-greenbg{width:100%; background-color:rgb(150,0,0); 
background-image: url('images/SocialMedia.jpg');
background-repeat:no-repeat;
width:100%;
height:100%;
}

#facebook-sharing{
	
	position:relative;
	top:50px;
	left:100px;
}

#twitter-sharing{
	
	position:relative;
	top:20px;
	left:90px;
	
}






/*************
2.a  Styles for facebook.html
*****************************/


body.facebook{
	background:#fff;
}
#facebookBar{
	background-image: url('images/facebar.png');
	background-repeat:repeat-x;
	width:750px;
	height:47px;
}
#facebookFind{
	background-image: url('images/facebookFind.png');
	background-repeat:no-repeat;
	height:37px;
	position:relative;
	left:560px;
	top:-37px;
	
}

#facebookFind:hover{
	background-image: url('images/facebookFindHover.png');
}



#facebookText{
	background-image: url('images/facebookText.png');
	background-repeat:no-repeat;
	height:37px;
	width:104px;
	margin-left:30px;

	
}

#facebookText:hover{
	background-image: url('images/facebookTextHover.png');
}

#borders{
	border:1px solid red;
}


#facebook9{
	height:420px;
	width:750px;
	background:#fff url('images/facebookBG.png');
	background-position:center;
	background-repeat:no-repeat;
	overflow:hidden;
}

#facebookLeft{
	float:left;
	margin-top:10px;
	margin-left:15px;

}






#facebookTitle{
	margin:auto;
	background:rgba(255,255,255,0.9);
	border-bottom:2px solid #133783;
	border-top:2px solid #133783;
	padding:10px;
	color:#133783;
	margin-top:40px;
	width:294px;
	text-align:center;
	font-family:arial;
	
}

#facebookTitle a{
	color:#133783;
	text-decoration:underline;
}
#facebookTitle a:hover{
	color:#87A2D3;
}

#facebookContent{
	margin:auto;
	width:320px;
	padding:15px;
	color:#133783;
	line-height:130%;
	font-family:arial;
	font-weight:bold;
	
	
}

#facebook-border{
	margin:auto;
	background:rgba(255,255,255,0.9);
	border-top:2px solid #133783;
	border-bottom:2px solid #133783;
	margin-top:40px;
}





/*************
2.b  Styles for hidden twitter div in header
*****************************/

body.twitter{
	background:#C0DEED;
}
#twitterBar{
	background-image: url('images/twitbar.png');
	background-repeat:repeat-x;
	width:750px;
	height:47px;
}
#twitterFollow{
	background-image: url('images/twitFollow.png');
	background-repeat:repeat-x;
	width:260px;
	height:37px;
}
#twitter9{
	height:420px;
	width:750px;
	background:#C0DEED url('images/twitterBG.png');
	background-position:center;
	background-repeat:no-repeat;
	
}

#twitterLeft{
	float:left;
	background:rgba(255,255,255,0.80);
	border-top:2px solid #267DB0;
	border-bottom:2px solid #267DB0;
	padding:15px;
	color:#267DB0;
	width:320px;
	margin-top:10px;
	margin-left:20px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}



#twitterShareButton{
	float:right;
	margin-top:8px;
}



#twitterFollowButton{
	float:right;
	margin-top:8px;
	position:relative;
	//left:152px;
	overflow:hidden;
}





#twitter_div {
	background:rgba(255,255,255,0.50);
	border-top:2px solid #267DB0;
	border-bottom:2px solid #267DB0;
	//font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight:bold;
	float:right;
	width:320px;
	margin-top:10px;
	margin-right:20px;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

#twitter_div img {
	margin-bottom:5px;
}
 
 
#twitter_div ul li {
	color: white;
	list-style-type:none;
	margin-bottom:10px;
	background-color: rgba(38,125,176,0.7);
	padding:5px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-left:2px solid #1C5C7F;
	border-right:2px solid #1C5C7F;


}
 
#twitter_div ul li a {
	text-decoration: none;
	color: #00FFFA;
}
 
#twitter_div ul li a:hover {
	text-decoration: none;
	color: #fff;
}
 
#twitter_div p {
	text-align: right;
	padding-right: 6px;
	padding-bottom: 10px;
}













/*****************************************************
3. Menu (main) 
******************************************************/

#menu{
	width: 750px; 
	margin:auto; 
	padding-top: 10px; 
	padding-bottom: 8px; 
	background-color:#B21919; 
	text-align: center; 
	font-size: 14px;
	margin-top:10px; 
	border: 2px solid white;
}
#menu a {color:#fff; font-size: 14px}

#menu a:hover {color: rgb(248,213,145);} 




/*****************************************************
4. Footer  
******************************************************/
#footer {
    background-color: rgba(255,255,255,0.90);	
    clear: both;
    position: fixed;
    bottom: 0 !important;
    overflow: visible;
    z-index: 1200;
    width:100%;
	box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 0px rgba(255,255,255,0.2), inset 0 0px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 0px rgba(255,255,255,0.2), inset 0 0px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 0px rgba(255,255,255,0.2), inset 0 0px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 0px rgba(255,255,255,0.2), inset 0 0px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
    border-top: 1px solid rgb(150,0,0);
    border-bottom: 1px solid rgb(150,0,0);
    height:30px;
   
     
}

.footer-inside {
    color: rgb(150,0,0);
    width: 960px;
    margin-top: 8px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
  color: rgb(150,0,0);
    font-size: 14px;
    line-height: 11px;
   text-align: center;
    font-weight: bold;
}






.left-footer {
	float:left;
}

.right-footer {
	float:right;
}

#footer-center {
	width:480px;
	margin:auto;
	color: rgb(150,0,0);
  
    margin-top: 8px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
  
    font-size: 14px;
    line-height: 11px;
    text-align: center;
    font-weight: bold;
}

#footer-center a{
	color:rgb(150,0,0);
	text-decoration:none;
    font-size: 14px;
    line-height: 11px;
    text-align: center;
    font-weight: bold;
}

/**** Delete Comment for text-shadow effect on hover
	#footer-center a:hover{
	text-shadow: 2px 2px  rgb(248,213,145);
	

}
****/




/*************************************************************************
5. Social Network Plugin  (more settings in social.css and social.js)
**************************************************************************/


#social-holder {margin:auto; border:2px blue solid; height:100px;}
#social-left {

	border-radius: 35px;
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;

box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 0px rgba(255,255,255,0.2), inset 0 0px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 0px rgba(255,255,255,0.2), inset 0 0px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 0px rgba(255,255,255,0.2), inset 0 0px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 0px rgba(255,255,255,0.2), inset 0 0px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);

}
#social-table {margin-top:-10px;}
#social-line {border-right: solid 1px #fff; padding-right:10px;}
#social-right {margin-left:15px; color:#fff; padding:10px; text-align:left;
	margin-bottom:15px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 0px rgba(255,255,255,0.2), inset 0 0px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 0px rgba(255,255,255,0.2), inset 0 0px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 0px rgba(255,255,255,0.2), inset 0 0px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 0px rgba(255,255,255,0.2), inset 0 0px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);}

#social-right a{
	color:rgb(248,213,145);
	border:0px;

}

#social-right img{
	border:0px;

}



#social-right a:hover{
	color:#fff;

}

#twitter-follow { border: 0;
width:100%;
background:rgb(150,0,0);
padding:5px;}



#social-left:hover{
	background:rgb(248,213,145);

}




/*****************************************************
6. Officers 
******************************************************/
#page-wrap-officer {
	padding-top:30px;
	width:960px;
	margin:auto;
	position:relative;
	top:185px;
	padding-bottom:40px;
}



#officer-title{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	width:150px;
	background:rgba(150,0,0,0.85);
	text-align:center;
	padding:10px;
	color: #fff;
	text-shadow: 1px 1px 4px#000;
	font-variant:small-caps;
}

#office-title h1{
font-variant:small-caps;
}

#officer-profile-title{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	width:150px;
	background:rgba(150,0,0,0.85);
	text-align:center;
	padding:10px;
	color: #fff;
	text-shadow: 1px 1px 4px#000;
	font-variant:small-caps;
}

#officer-links{
	background:rgba(150,0,0,0.85);
	padding:5px;
	color:#fff;
	width:205px;
	text-align:center;
}


#officer-links a{
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}

#officer-links a:hover{
	color:rgb(248,213,145);
}



#officer-links-border-first{
	float:left;
	padding:5px;
	margin-bottom:20px;
}

#officer-links-border{
	float:left;
	padding:5px;
	margin-left:20px;
	margin-bottom:20px;
}


#officer-links-holder{
	width:100%;
	margin-bottom:20px;
}


#officer-profile-last{
	width:930px;
	padding:15px;
	margin-top:20px;
	margin-bottom:180px;
}



#officer-profile{
	width:930px;
	padding:15px;
	margin-top:20px;
}
	


#officer-profile-first{
	width:930px;
	padding:15px;
	margin-top:20px;
}

#officer-name{
	background-color: rgba(248,213,145,0.85);
	color:rgb(150,0,0);
	padding:10px;
	text-shadow:1px 1px 3px #fff;
	
}

#officer-name-border{
	float:left;
	margin-left:25px;
	color:rgb(150,0,0);
	padding:8px;
	
}


#officer-social{
	background:rgba(150,0,0,0.85);
	padding:5px;
	color:#fff;
}


#officer-social-border{
	float:right;
	padding:5px;
	
}

#officerNumber-border{
	float:right;
	padding:5px;
	margin-right:15px;

}

#officerNumber{
	background:rgba(248,213,145,0.85);
	padding:12px;
	color:rgb(150,0,0);
	font-weight:bold;
	font-size:1.2em;
	text-align:center;
}


#opacity-link{
	float:left;
	
}

#opacity-link:hover{
	float:left;
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */

}


#officer-pic-border{
	float:left;
	background:rgba(150,0,0,0.85);
	padding:8px;
}

#officer-pic-inner{
	border:2px solid #fff;
	background:#fff;
}


#officer-info{
	float:right;
	width:715px;
	margin-top:15px;
	background:rgba(150,0,0,0.85);
	color:#fff;
	padding:10px;
}


#officer-info a{
	color:rgb(248,213,145)
	font-weight:bold;
}

#officer-info a:hover{
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

#officer-info-indent{
	text-indent: 0.5in ;
}




/*****************************************************
7. Bylaws
******************************************************/
#page-wrap-bylaw {
	padding-top:30px;
	width:960px;
	margin:auto;
	position:relative;
	top:185px;
	padding-bottom:40px;
}





#bylaw-header{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	width:100px;
	background:rgba(150,0,0,0.85);
	text-align:center;
	padding:10px;
	color: #fff;
	text-shadow: 1px 1px 4px#000;
	
	
}
#bylaw-header h1{
font-variant:small-caps;
}






#bylaw-title{
	margin-right:auto;
	float:left;	
	background:rgba(150,0,0,0.85);
	text-align:center;
	padding:10px;
	color: #fff;
	text-shadow: 1px 1px 4px#000;
	text-align:center;
	width:300px;
	margin-left:275px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
}


#bylaw-title2{
	margin:auto;
	margin-bottom:20px;
	width:850px;
}


#bylaw-arrow{
	float:right;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:5px;
	height:24px;
	background-image:url('images/arrow.png');
	background:rgba(150,0,0,0.85);
}

#bylaw-arrow:hover{
	background:rgba(248,213,145,0.85);
}







#bylaw-menu{
	width:930px;
	margin-left:15px;
}


#article-link{
	border-radius: 35px;
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	width:211px; 
	margin-right: 15px; 
	background:rgba(150,0,0,0.85); 
	float:left; 
	padding:5px; 	
}


#article-link-end{
	border-radius: 35px;
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	width:211px; 
	background:rgba(150,0,0,0.85); 
	float:left; 
	padding:5px; 
}


#article-link-row2{
	border-radius: 35px;
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	width:211px; 
	margin-top:15px; 
	margin-right: 15px; 
	background:rgba(150,0,0,0.85); 
	float:left; 
	padding:5px; 
}


#article-link-row2-end{
	border-radius: 35px;
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	width:211px; 
	margin-top:15px; 
	background:rgba(150,0,0,0.85); 
	float:left; 
	padding:5px; 
}


#article-link-inner{
	border-radius: 35px;
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px; 	
	padding:5px; 
	color:#fff;
	text-align:center;
}


#article-link-inner:hover{
	background:rgba(248,213,145,0.6);
	cursor:pointer;
}


#article-link-inner a{
	color:#fff;
}


#bylaw-articlesbg{
	width:930px;	
	padding:15px;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	margin-top:20px;
}

#bylaw-articles-inner{
	width:900px;	
	padding:15px;
	background:rgba(150,0,0,0.85);
	color:#fff;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	margin-top:20px;
}


#margin-bottom{
	color:#fff;
}

#margin-bottom{
	color:#fff;
	margin-top:40px;
}







/*****************************************************
8. Accounting Lab  
******************************************************/


#page-wrap-lab{
	width:960px;
	padding-top:30px;
	margin:auto;
	position:relative;
	top:185px;
	padding-bottom:40px;
}



#lab-header{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	width:230px;
	background:rgba(150,0,0,0.85);
	text-align:center;
	padding:10px;
	color: #fff;
	text-shadow: 1px 1px 4px#000;
	
	
}
#lab-header h1{
font-variant:small-caps;
}





#lab-hours{
	margin-left:auto;
	margin-right:auto;
	background:rgba(255,255,255,0.85);
	text-align:center;
	padding:10px;
	color: #fff;
	width:50%;
	
}

#white-hours-bg{
	background-color: rgba(248,213,145,0.85);
	color:rgb(150,0,0);
	margin:auto;
	padding:10px;
	text-align:center;
}

#lab-week-bg{
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	color: #fff;
	width:50%;
	margin-top:30px;
}



#lab-room-bg{
margin-left:auto;
	margin-right:auto;
	background: rgba(248,213,145,0.85);
	text-align:center;
	padding:10px;
	color: rgb(150,0,0);
	
}



#lab-room-whitebg{
margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding:10px;
	color: #fff;
	width:30%;
	background:rgba(255,255,255,0.85);

}




#lab-schedule-bg{
margin-left:auto;
	margin-right:auto;
	background: rgba(248,213,145,0.85);
	padding:10px;
	color: rgb(150,0,0);
	font-weight:bold;
	
}



#lab-schedule-whitebg{
margin-left:auto;
	margin-right:auto;
	padding:10px;
	color: #fff;
	margin-top:10px;
	background:rgba(255,255,255,0.85);

}


#lab-divider.first{
	border-bottom: 1px solid rgb(150,0,0);
	padding-bottom: 10px;
	margin-top:0px;
}

#lab-divider{
	margin-top:5px;
	border-bottom: 1px solid rgb(150,0,0);
	padding-bottom: 10px;
}

#lab-divider-last{
	margin-top:10px;
}












/*****************************************************
9. Schedule 
******************************************************/

#page-wrap-schedule {
	padding-top:30px;
	width:960px;
	margin:auto;
	position:relative;
	top:185px;
	padding-bottom:40px;
}



#schedule-header{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:8px;
	width:230px;
	background:rgba(150,0,0,0.85);
	text-align:center;
	padding:10px;
	color: #fff;
	text-shadow: 1px 1px 4px#000;
	
	
}
#schedule-header h1{
font-variant:small-caps;
}


#schedule-download{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	width:140px;
	background:rgba(150,0,0,0.85);
	text-align:center;
	padding:10px;
	color: #fff;
	text-shadow: 1px 1px 4px#000;	
}

#schedule-download a{
	color:#fff; 
}

#schedule-download h1{
font-variant:small-caps;
}

#schedule-download:hover{
	background:rgba(248,213,145,0.85); 
}



#schedule-dateHolder{
width:40%;  
float:left;
text-align:center;
}

#schedule-dateHolder.inner{
width:338px;  

}



#schedule-dateFont{
word-spacing: 2em;
font-size:1.3em;
}


#schedule-eventHolder-titles{
color:rgb(248,213,145); 
float:left;
text-align:right;
line-height: 160%;
}


#schedule-eventHolder-info{
color:#fff;  
float:left;
margin-left:10px;
text-align:left;
line-height: 160%;
}


#schedule-eventHolder{width:40%; float:right;}


#schedule-holder{
	
}


#schedule-bg{
	margin-left:auto;
	margin-right:auto;
	background: rgba(248,213,145,0.85);
	padding:10px;
	color: rgb(150,0,0);
	font-weight:bold;
}



#schedule-whitebg{
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	color: #fff;
	margin-top:10px;
	//background:rgba(255,255,255,0.85);
	width:200px;
	text-align:center;
}


#schedule-mainbg{
	margin-left:auto;
	margin-right:auto;
	background: rgba(150,0,0,0.85);
	padding:10px;
	color:#fff;
	font-weight:bold;
	
}



#schedule-main-whitebg{
	width:940px;
	margin-right:auto;
	padding:10px;
	color: #fff;
	margin-top:10px;
	//background:rgba(255,255,255,0.85);

}



#schedule-divider{
	margin-top:5px;
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
}

#schedule-divider-last{
	margin-top:10px;
}





/*****************************************************
10. Photo Page  
******************************************************/

#photo-header{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	width:130px;
	background:rgba(150,0,0,0.85);
	text-align:center;
	padding:10px;
	color: #fff;
	text-shadow: 1px 1px 4px#000;
	
	
}
#photo-header h1{
font-variant:small-caps;
}



#page-wrap-photo {
	width:960px;
	padding-top:30px;
	margin:auto;
	position:relative;
	top:185px;
	padding-bottom:40px;
}


#page-wrap-photo iframe{
	width:100%;
	height:100%;
}



#photo-linksBG{
	margin:auto;
	background:rgb(150,0,0);
	margin-bottom:900px;
	border:1px solid blue;
	padding:15px;
}


#photo-linksBG a{
	color:#fff;

}


#photo-linksBG a:hover{
	color:rgb(248,213,145);

}




#photo-semester{
	
	width:210px; 
	margin-right: 15px; 
	float:left; 
	padding:5px; 
	border-right:1px solid #fff;	

}

#photo-semester.last{
	margin-right:0px;
	border:0px;	

}



#photo-semester a{

	color:#fff; 	

}

#photo-semester h2{
	text-shadow: 1px 1px 1px #000;
	font-variant:small-caps;
	color:rgb(248,213,145);		
	text-align:center;


}


#photo-semester b{
	text-shadow: 1px 1px 1px #000;
	font-variant:small-caps;
	font-size:1.3em;
	font-weight:1200;
	color:rgb(248,213,145);		

}

#photo-semester a:hover{

	color:rgb(248,213,145);	

}


#hey{
	background:rgba(150,0,0,0.85); 

	margin-bottom:15px;
	padding:15px;



	box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 0px rgba(255,255,255,0.2), inset 0 0px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 0px rgba(255,255,255,0.2), inset 0 0px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 0px rgba(255,255,255,0.2), inset 0 0px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 0px rgba(255,255,255,0.2), inset 0 0px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
	
}








/*****************************************************
11. Membership
******************************************************/


#page-wrap-membership {
	padding-top:30px;
	width:960px;
	margin:auto;
	position:relative;
	top:185px;
	padding-bottom:40px;
}



#membership-title{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	width:110px;
	background:rgba(150,0,0,0.85);
	text-align:center;
	padding:10px;
	color: #fff;
	text-shadow: 1px 1px 4px#000;
	font-variant:small-caps;
}

#office-membership h1{
font-variant:small-caps;
}


#membership-left{
	margin:auto;
	border-bottom:2px solid rgb(150,0,0);
	border-top:2px solid rgb(150,0,0);
	//background:rgba(248,213,145,0.8);
	
}

#membership-inner{
	
	background:rgba(255,255,255,0.8);
	padding-left:10px;
	padding-right:10px;
	padding-top:1px;
	padding-bottom:1px;
	color:rgb(150,0,0);
	font-weight:bold;
	border-bottom:3px solid rgb(150,0,0);
	border-left:3px solid rgb(150,0,0);
	//border:2px solid rgb(150,0,0);
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

#membership-inner li{
	margin-left:15px;
	margin-bottom:10px;
}

#membership-inner ul{
	width:670px;
	float:left;
	margin-left:10px;
	
}

#requirements-title{
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:15px;
	background:rgba(150,0,0,0.8);
	text-align:center;
	padding:10px;
	border-bottom:2px solid #fff;
	border-top:2px solid #fff;
	color: #fff;
	//text-shadow: 1px 1px 4px #000;
	width:270px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;

}

#requirements-title h1{
	font-size:1.2em;
}

#center-content{
	margin:auto;
	float:left;
}


#requirements-docs{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	background:rgba(150,0,0,0.8);
	text-align:center;
	padding:10px;
	border-bottom:2px solid #fff;
	border-top:2px solid #fff;
	color: #fff;
	//text-shadow: 1px 1px 4px #000;
	width:180px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;

}

#requirements-docs h1{
	font-size:1.2em;
}

#docs-inner{
	width:200px;
	margin-top:20px;
	margin-right:15px;
	background:rgb(248,213,145);
	border-bottom:2px solid #fff;
	color: rgb(150,0,0);
	//text-shadow: 1px 1px 4px #000;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	float:right;
	
}

#docs-content{
	margin:15px;
}

#docs-content a{
	color:#fff;
	text-shadow: 1px 1px 4px #000;
}

#docs-content a:hover{
	color:rgb(150,0,0);
	text-shadow: 0px 0px 0px ;
	
}










/********************
11.a  Download page (html code is located in membership.html)
*******************************/





#downloadBG{
	height:420px;
	width:750px;
	background:#fff url('images/documentsBG.png');
	background-position:center;
	background-repeat:no-repeat;
	
	
}

#download-title{
	text-shadow:0 1px 0 #fff;
	background:#EAEAEA;
	font-weight:bold;
	font-size:1.8em;
	position:relative;
	top:10px;
	color:rgb(150,0,0);
	text-align:center;
	border-top:2px solid rgb(150,0,0);
	border-bottom:2px solid rgb(150,0,0);
	font-variant:small-caps;
}


#download-content{
	width:500px;
	margin-top:60px;
	margin-left: auto; 
	margin-right: auto;
	border-left: 6px solid rgb(150,0,0);
	border-right: 2px solid rgb(150,0,0);
	border-top: 2px solid rgb(150,0,0);
	border-bottom: 2px solid rgb(150,0,0);
	//background:rgba(248,213,145,0.85);
	background:rgba(255,255,255,0.85);
	padding:15px;
	text-align:center;
	line-height:200%;
}



#download-content a{
	color:rgb(150,0,0);
	font-weight:bold;
}


#download-content a:hover{
	border-top:1px solid rgb(150,0,0);
	border-bottom:1px solid rgb(150,0,0);
}


#margin-fix{
	margin-bottom:50px;
}