@charset "iso-8859-1";

/* ---------------------------------------------------------------------------------------------- */
/*  Global stylesheet customized for CLT Alumni - Kappa Alpha Psi Fraternity                      */
/* ---------------------------------------------------------------------------------------------- */
/*  Authored by: Bro. Martin J. McNeese / Charlotte, NC						  */
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/*  General styles for HTML elements & overall page structure                                     */
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */

body {
	text-align: 			center;
	margin: 			0;
	padding:			0;
	/*background: 			#A5A5A5 url(imgs/_background-template.jpg) repeat-x;*/
	/*background-color:		#150102;*/
	background-color:		#2D1F18;
	color:				#313131;
	font:				normal 8pt arial,helvetica,sans-serif;
	}

form {
	margin: 			0;
	padding: 			0;
	}

a {
	color:				#9D1215;
	}

img {
	border:				none;
	}
	

.template-fbo-input, .page-inputs {
	font: 				normal 8pt arial,helvetica,sans-serif;
	background-color: 		#FFF;
	border: 			1px solid #555;
	height: 			15px;
	color:				#555;
	padding-left:			4px;
	}

.page-inputs {
	background-color: 		#EEE;
	border: 			1px solid #888;
	}

.genformelement {
	font: 				normal 8pt arial,helvetica,sans-serif;
	background-color: 		#EEE;
	border: 			1px solid #888;
	color:				#555;
	padding-left:			4px;
	}

.btn {  
  	color:				#404040;
  	font: 				bold 7pt verdana,arial,helvetica,sans-serif;
  	background:			#c9c9c9 url(imgs/inactive.gif) no-repeat;
  	border:				1px solid #AEACA8;
  	padding:			2px 4px 1px;
	}
	
	
#container {
	width: 				970px;
	padding:			0;
	margin: 			0 auto;
	text-align: 			left;
	height:				auto;
	}

#login {
	width: 				950px;
	height:				30px;
	padding:			9px 0 0 20px;
	font: 				normal 8pt arial,helvetica,sans-serif;
	color:				#FFF;
	background:			#664434 url(imgs/_background-fbo-login.jpg) no-repeat;
	border-bottom:			1px solid #150102;
	}

#login a:link { text-decoration: none; background: transparent; color: #CAB8AF; }
#login a:visited { text-decoration: none; background: transparent; color: #CAB8AF; }
#login a:hover { text-decoration:none; background: transparent; color: #FFF;}
#login a:active { text-decoration: none; background: transparent; color: #CAB8AF; }
	

#masthead {
	width: 				931px;
	height:				22px;
	padding:			160px 0 0 39px;
	background:			#9D1215 url(imgs/_masthead4.jpg) no-repeat;
	}
	
#ticker {
	width: 				920px;
	height:				29px;
	padding:			0;
	font: 				normal 8pt arial,helvetica,sans-serif;
	color:				#FFF;
	background:			#000 url(imgs/_background-ticker.jpg) no-repeat;
	}

#date-personalization {
	width: 				930px;
	height:				23px;
	padding:			10px 0 0 40px;
	font: 				normal 8pt arial,helvetica,sans-serif;
	color:				#555;
	background:			#F8F0D3 url(imgs/_background-person.gif) repeat-x;
	border-top:			1px solid #BBB;
	}

#content-stage {
	width: 				970px;
	height:				auto;
	padding:			0;
	margin:				0;
	text-align:			left;
	background-color:		#FFF;	
	}

.col3 {
	background:			#FFF url(imgs/_background-cspace-homepage.jpg) repeat-y;
	}

.col2 {
	background:			#FFF url(imgs/_background-cspace-page.jpg) repeat-y;
	}

/* ----------------------------------- Page content grid  ------------------------------------ */

#col-left {
	width:				400px;
	height:				auto;
	float:				left;
	text-align:			left;
	padding:			10px;
	}

#col-left p {
	padding:			0;
	margin:				0 0 15px 0;
	}	

#col-middle {
	width:				290px;
	height:				auto;
	float:				left;
	text-align:			left;
	padding:			10px;
	/* background-color:		#c50000;*/
	}

#col-leftmiddle {
	width:				650px;
	height:				auto;
	float:				left;
	text-align:			left;
	padding:			20px 40px;
	font:				normal 10pt arial,helvetica,sans-serif;
	}

#col-right {
	width:				220px;
	height:				auto;
	float:				left;
	text-align:			left;
	padding:			0 10px 10px 10px;
	/* background-color:		#F8F0D3;*/
	margin-bottom:			30px;
	}
	
#col-right .nav {
	width:				205px;
	height:				auto;
	text-align:			left;
	padding:			7px 0 7px 15px;
	background:			transparent url(imgs/bg-subnav.gif) no-repeat;
	border-top:			1px solid #DED4AF;
        margin:				0;
	font-weight:			bold;
	}

#col-leftmiddle #breadcrumb a {
	color:				#777;
	}
	
#col-leftmiddle #breadcrumb {
	width:				650px;
	height:				auto;
	float:				left;
	text-align:			left;
	padding:			0;
	font-size:			7.5pt;
	margin-bottom:			15px;
	}

#col-leftmiddle #pagetools {
	width:				650px;
	height:				20px;
	float:				left;
	text-align:			right;
	padding-top:			8px;
	font-size:			7.5pt;
	margin:				15px 0;
	border-top: 			1px solid #CCC;
	border-bottom: 			1px solid #CCC;
	}

#col-leftmiddle #header {
	width:				650px;
	height:				auto;
	float:				left;
	margin:				0;
	padding:			0;
	}

#col-leftmiddle .font1 { font-size:100%; }
#col-leftmiddle .font2 { font-size:125%; }
#col-leftmiddle .font3 { font-size:150%; }

#btt {
	text-align:			right;
  	font-size:			7.5pt;
	width:				650px;
	height:				auto;
	padding:			20px 0;
	float:				left;
	}

#fontcontrol .none {
	padding:			0;
	margin:				0;
	}

.fbo-links {
	padding:			4px 7px;
	width:				auto;
	height:				auto;
	border:				1px solid #CCC;
	background-color:		#FFFDF0;
	}

.border-left {
	border: 			5px solid #DDD;
	margin: 			0 10px 10px 0;
	/* cursor: 			pointer; 
	cursor: 			hand; */
	}

.border-right {
	border: 			5px solid #DDD;
	margin: 			0 0 10px 10px;
	}

.border-all {
	border: 			5px solid #DDD;
	}

/* ----------- Homepage styles only ------------------------ */
#col-left .mini-header, #col-middle .mini-header, #col-right .mini-header {
	background:			transparent url(imgs/_background-calloutheader.jpg) no-repeat;
	width:				369px;
	height:				13px;
	color:				#FFF;
	font-weight:			bold;
	padding:			3px 4px 4px 27px;
	/* text-transform: 		uppercase; */
	margin-bottom:			8px;
	}

#col-left .subcalls {
	height:				180px;
	width:				190px;
	float:				left;
	}

#col-left .pad20 {
	padding-right:			20px;
	}

#col-middle #news {
	width: 				288px;
	border: 			1px solid #AAA;
	height:				auto;
	text-align:			left;
	vertical-align:			text-top;
	margin-bottom:			15px;
	background-color:		#FFF;
	}

#col-right .mini-header {
	width:				189px;
	}

#col-middle #news .mini-header {
	width:				257px;
	}

#col-middle #news #items {
	padding:			10px;
	margin:				0;	
	}

#col-middle #news #items p {
	padding:			0 0 15px 0;
	margin:				0;	
	}
	
#manofmonth {
	width:				278px;
	height:				auto;
	border:				1px solid #AAA;
	padding:			40px 5px 5px 5px;
	margin-top:			11px;
	background:			#FFF url(imgs/KMOTM-Banner.jpg) no-repeat;
	}

#manofmonth #photo {
	float:				left;
	width:				80px;
	height:				auto;
	padding:			0 12px 0 0;
	}

#manofmonth #info {
	float:				left;
	width:				180px;
	height:				auto;
	padding:			0 5px 0 0;
	text-align:			left;
	font-size:			8pt;
	}

#email-list {
	background:			transparent url(imgs/background-for-email-list.gif) repeat;
	width:				198px;
	height:				auto;
	padding:			10px;
	margin-bottom:			10px;
	/*border:				1px solid #BDB596;*/
	}

#email-list p {
	padding:			0 0 6px 0;
	margin:				0;
	}

/* ----------- End homepage styles only -------------------- */

/* ---------------------------------------------------------------
#dhtmltooltip {
	position: 			absolute;
	left: 				-300px;
	width: 				200px;
	border: 			1px solid #AAA;
	padding: 			5px;
	background-color: 		#F8F6EA;
	visibility: 			hidden;
	z-index: 			100;
	text-align:			left;
	}

#dhtmlpointer {
	position:			absolute;
	left: 				-300px;
	z-index: 			101;
	visibility: 			hidden;
	}

-----------------------------------------------------------------*/

.font8pt {
	font-size:			8pt;
	}

.font7pt {
	font-size:			7.5pt;
	}

.steps {
	width:				568px;
	height:				62px;
	float:				left;
	margin-bottom:			25px;
	padding:			26px 10px 10px 70px;
	border:				1px solid #CCC;
	}

/* ----------------------------------------------------------------------------------------- */
	
#footer {
	width:				930px;
	background:			#FFF url(imgs/_background-footer.jpg) repeat-x;
	height:				auto;
	padding:			20px;
	color:				#999;
	font: 				normal 8pt arial,helvetica,sans-serif;
	text-align:			left;
	float:				left;
	}

#footer #nav {
	width:				930px;
	height:				35px;
	float:				left;
	}

#footer #addr {
	float:				left;
	width:				299px;
	padding-right:			15px;
	border-right:			1px solid #DDD;
	}

#footer #disclaim {
	float:				left;
	width:				595px;
	padding-left:			20px;
	}

#footer #mep {
	width:				930px;
	height:				auto;
	float:				left;
	margin-top:			15px;
	}

/* ------------------------- Main navigation classes  ----------------- */

#mainnav {
	width: 				auto;
	height: 			auto;
	}

#mainnav ul {
	font: 				bold 11px arial,helvetical,sans-serif;
	margin: 			0;
	padding: 			0;
	list-style: 			none;
	float: 				left;
	}

#mainnav ul li {
	float: 				left;
	margin: 			0;
	}

#mainnav ul a {
	display: 			block;
	margin: 			0 3.5em 0 0;
	}

#mainnav ul a:link { text-decoration: none; background: transparent; color: #555; }
#mainnav ul a:visited { text-decoration: none; background: transparent; color: #555; }
#mainnav ul a:hover { text-decoration:none; background: transparent; color: #9D1215;}
#mainnav ul a:active { text-decoration: none; background: transparent; color: #555; }

#col-right .nav a:link, #col-left a:link { text-decoration: none; background: transparent; color: #9D1215; }
#col-right .nav a:visited, #col-left a:visited  { text-decoration: none; background: transparent; color: #9D1215; }
#col-right .nav a:hover, #col-left a:hover  { text-decoration:underline; background: transparent; color: #9D1215;}
#col-right .nav a:active, #col-left a:active  { text-decoration: none; background: transparent; color: #9D1215; }

/* ------------------------- end main navigation classes  -------------- */
/* --------------------------------------------- */
/*  Clear floats without structural markup hack  */
/* --------------------------------------------- */
	
.clearfix:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
	}

.clearfix {
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ----------------------------------------------------------------------------------------------- 
	These are standard sIFR styles... do not modify
   -------------------------------------------------------------------------------------------- */

.sIFR-flash {
	visibility: 		visible !important;
	margin: 		0;
}

.sIFR-replaced {
	visibility: 		visible !important;
}

span.sIFR-alternate {
	position: 		absolute;
	left: 			0;
	top: 			0;
	width: 			0;
	height: 		0;
	display: 		block;
	overflow: 		hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter
   spacing in this case is used to make the browser text metrics match up with the sIFR text metrics 
   since the sIFR text in this example is so much narrower... your own settings may vary... any weird
   sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #col-leftmiddle #header h1 {
	visibility: 		hidden;
	font-size: 		28px;
	padding:		0;
	margin:			0;
}

.sIFR-hasFlash #col-right h2 {
	visibility: hidden;
	/*letter-spacing: 	-9px;*/
	font-size: 		16px;
	padding:		0;
	margin:			0 0 7px 0;
}



.sIFR-hasFlash #col-left h3 {
	visibility: 		hidden;
	padding:		0;
	margin:			0 0 7px 0;	
	font-size: 		18px;
}

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

.sIFR-hasFlash h4 {
	visibility: 		hidden;
	letter-spacing: 	-5px;
	font-size: 		21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: 	-4px;
	visibility: 		hidden;
	font-size: 		24px;
}

////////////////////////////////////////////////// */
/* ----------------------------------------------------------------------------------------------- */




#newphotogallery {
	width:			650px;
	height:			400px;
	text-align:		center;
	padding:		50px 0 0 0;
	background-color:	#2D1F18;
	float:			left;
	margin:			0 0 20px 0;	
	}

#newphotogallery img {
	margin:			0 0 10px 0;
	}