@charset "utf-8";
/* CSS Document */

/* @group Typography */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
   
body { font-size: 75%; }


/* Default fonts and colors. 
   If you prefer serif fonts, remove the font-family 
   on the headings, and apply this one to the body:
   font: 1em Georgia, "lucida bright", "times new roman", serif; */

body {
	margin: 0;
	padding: 0;
	background-image: url(../images/shadow.gif);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #e7e7e8;
	border: none #FFFFFF 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #484849;
}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; line-height: normal; margin-top: 0; }

h1 { font-size: 2.7em; margin-bottom: 1em; }
h2 { font-size: 1.9em; margin-bottom: 0em; }
h3 { font-size: 1.3em; margin-bottom: 0em; }
h4 { font-size: 1.2em; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

/* Links */
a:link { color:#f7941e; }
a:visited { color:#484849; }
a:hover { color: #40c8f4; }
a:active { color: #f7941e; }

/* Required asterisk on forms */
.req { color: #F00; }

/* Container wraps the entire site (all columns) */
.container {
	width: 870px;
	margin: 0 auto;
	padding: 0px 15px 0px 15px;
}

/* Header */
a#logo {
	text-decoration: none;
}

.header {
	float: left;
	margin-top: 15px;
	margin-left: 70px;
	padding: 0;
	border: none #ffffff 0px;
	background: url(../images/logo.gif) no-repeat;
	height: 101px;
	width: 332px;
}

a#register {
	text-decoration: none;
}

.socials { float: right; margin-top: 50px; margin-left: 200px; margin-bottom: 15px;}

a#socials { text-decoration: none; width: 100px; }

.socialsFB {
	float: left;
	margin-right: 15px;
}

.socialsLI {
	float: left;
}
/* end header */

/* Menu */
.wrapperOut {
	background: #FFFFFF;
	margin-top: 5px;
	height: 28px;
	padding-top: 2px;
	border-top: solid #40c8f4 3px;
	border-bottom: solid #40c8f4 3px;
}

.wrapperIn {background:#40c8f4; height:26px; margin:0;}

ul.menu {list-style:none; margin:0; padding:0; font-size:.8em;}

ul.menu * {margin:0; padding:0;}

ul.menu a {display:block; color:#000; text-decoration:none;}

ul.menu li {
	position:relative;
	float:left;
	margin:0;
	border-right:solid #FFFFFF 2px;
}

ul.menu ul {
	position:absolute;
	top:28px; left:0;
	background:none;
	display:none;
	opacity:0;
	list-style:none;
}

ul.menu ul li {
	position:relative;
	border: none;
	width:160px;
	border-bottom: solid transparent 2px;
	background:none;
	filter: alpha(opacity=90);
	opacity:.9;
}

ul.menu ul li a {
	display:block;
	padding:7px 7px 7px;
	background-color:#40c8f4;
}

ul.menu ul li a:hover {
	background-color:#40c8f4;
	border: none;
}

ul.menu ul ul {
	left:160px;
	top:0px;
	border-left: solid transparent 2px;
}

ul.menu .menulink {
	border:none;
	padding:7px 10px 7px 10px;
	font-weight:bold;
/*	background:#40c8f4;*/
	color:#FFFFFF;
	width:auto;
}

ul.menu .menulink:hover, ul.menu .menuhover {/*background:#40c8f4;*/ color: #000000; border: none;}

ul.menu .sub {
	background:#40c8f4 url(../images/arrow.gif) 145px 10px no-repeat;
	filter: alpha(opacity=90);
	opacity:0.9;
}

ul.menu .topline {border:none;}
/* end Menu */

/* Banners */
.slideshow { margin: 0; }

.slideshowSponsors { margin: auto; }

.leftcol {
	float: left;
	margin-top: 10px;
	padding: 0;
	width: 605px;
	line-height: 1.5;
}

#imageContainer {
	height: 350px;
}

#imageContainer img {
	display: none; 	
	position: absolute; 	
	top: 0px;
	left: 0px; 	
	opacity: -0.01;
}

#homeLeftTopContent {
	margin: 0;
	padding: 5px;
	border: 5px solid #d0e39a;
}

.homecontent {
	margin: 10px 0px 10px 0px;
	padding: 20px;
	height: 270px;
	width: 564px;
	background-color: #eeeeee;
}

.hometext {
	display: inline;
	color: #636466;
	overflow: hidden;
}

/* Featured Alumni */
.homeboxLT {
	float: left;
	margin: 0;
	padding: 0;
	width: 296px;
	height: 285px;
	background-image: url(../images/bg_blue.gif);
	background-repeat: no-repeat;
}

.homeboxheaderLT { 
	margin: 40px 55px 0px 22px;
	font-size: 18px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: left;
}

.homeboxcontentLT {
	margin: 0px 0px 0px 22px;
	padding: 12px 5px 5px 5px;
	height: 178px;
	width: 235px;
	font-size: 11px;
	line-height: 17px;
	overflow: hidden;
}

.alumni-photo {
	float: left;
	padding-right: 10px;
}

.alumni-details {
	float: left;
	padding-top: 33px;
	color: #00aeef;
}

.alumni-name {
	font-weight: bold;
}

.alunmni-title {}

.alumni-company {
	font-style: italic;
}

.alumni-quote {
	float: left;
	margin-top: 2px;
	line-height: 1.3;
}

/* LE In The News */
.homeboxRT {
	float: right;
	margin: 0;
	padding: 0;
	width: 298px;
	height: 285px;
	background-image: url(../images/bk_orange.gif);
	background-repeat: no-repeat;
}

.homeboxheaderRT { 
	margin: 40px 20px 0px 55px;
	font-size: 18px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: right;
}

.homeboxcontentRT {
	margin: 15px 0px 0px 30px;
	padding: 7px;
	height: 178px;
	width: 230px;
	font-size: 11px;
	line-height: 17px;
	overflow: hidden;
}

.homelist {
	margin: 10px 0px 0px 0px;
	padding: 0;
}

.homelist li {
	list-style-type: none;
}

.homelist lh {
	color: #f7941e;
	font-weight: bold;
}

.rightcol {
	float: left;
	margin: 0;
	padding: 0;
}

/* Calendar of Events */
.rightcolbox {
	margin: 10px 0px 0px 10px;
	padding: 20px 0px 0px 0px;
	height: 350px;
	width: 254px;
	background-color: #aae0fa;
	color: #00aeef;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 2px;
}

.rightcolcontent {
	margin: 15px 5px 5px 5px;
	padding: 10px;
	height: 295px;
	background-color: #ffffff;
	text-align: left;
	color: #636466;
	font-size: 11px;
	text-transform: none;
	font-weight: normal;
	letter-spacing: normal;
	overflow: hidden;
}

.rightcolcontent a { color: #f7941e; text-decoration: underline; font-style: italic; }
.rightcolcontent a:active { color: #f7941e; text-decoration: underline; font-style: italic; }
.rightcolcontent a:hover { color: #f7941e; text-decoration: underline; font-style: italic; }
.rightcolcontent a:visited { color: #f7941e; text-decoration: underline; font-style: italic; }
.rightcolcontent a:link { color: #f7941e; text-decoration: underline; font-style: italic; }

/* Sponsors */
.rightcolbox2 {
	margin: 10px 0px 0px 10px;
	padding: 20px 0px 0px 0px;
	height: 265px;
	width: 254px;
	background-color: #aae0fa;
	color: #00aeef;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 2px;
}

.rightcolcontent2 {
	margin: 15px 5px 5px 5px;
	padding: 15px 15px 5px 15px;
	height: 210px;
	background-color: #ffffff;
	text-align: center;
	color: #636466;
	text-transform: none;
	font-weight: normal;
	letter-spacing: normal;
}

/* Quickjumps on home page */
a#quickjump { text-decoration: none; }

.quickjumpDonation {
	margin: 10px 0px 10px 10px;
	padding: 0;
	border: none #ffffff 0px;
	background: url(../images/btn_donation.gif) no-repeat;
	height: 70px;
	width: 254px;
}

.quickjumpNomination {
	margin: 10px 0px 10px 10px;
	padding: 0;
	border: none #ffffff 0px;
	background: url(../images/btn_nomination.gif) no-repeat;
	height: 70px;
	width: 254px;
}

.quickjumpRegistration {
	margin: 10px 0px 10px 10px;
	padding: 0;
	border: none #ffffff 0px;
	background: url(../images/btn_registration.gif) no-repeat;
	height: 70px;
	width: 254px;
}

.quickjumpNewsletter {
	margin: 10px 0px 10px 10px;
	padding: 0;
	border: none #ffffff 0px;
	background: url(../images/btn_newsletter.gif) no-repeat;
	height: 70px;
	width: 254px;
}
/* end quickjumps*/

.sponsors {
	float: left;
	border: 1px solid #c7c8ca;
	margin: 10px 9px 0px 0px;
	padding: 10px;
}

.newsbox {
	background: #f4f4f4;
	border: solid #d0d0d0 1px;
	margin-bottom: 20px;
	padding: 10px;
	height: 110px;
}

/* Class Alumni accordion */

.accordionButton {	
	width: 605px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	cursor: pointer;
}
	
.accordionContent {	
	width: 605px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	display: none;
}

.on {
	background: none;
	}
	
.over {
	background: none;
	}

/* @end */

/* Footer Menu */
.cat_1008165_divs { margin: 0px 0px 10px 0px; font-size: 11px; color: #FFFFFF; }
#nav_1008165, #nav_1008165 ul { float: left; width: 565px; margin: 7px 0px 10px 0px; padding: 0; list-style: none; display: inline; }
#nav_1008165 li { float: left; margin: 0; padding: 0px 10px 0px 10px; border-right: 1px solid #FFFFFF; font-weight: bold; }
#nav_1008165 a { color: #FFFFFF; text-decoration: none; }
#nav_1008165 a:link { color: #FFFFFF; text-decoration: none; }
#nav_1008165 a:hover { color: #FFFFFF; text-decoration: underline;}
#nav_1008165 a:visited { color: #FFFFFF; }
#nav_1008165 a:active { color: #FFFFFF; }
#nav_1008165 li.first { padding: 0px 10px 0px 0px; }
#nav_1008165 li.last { border-right: none; }

/* Footer */
.footer {
	margin: 10px 0px 0px 0px;
	padding: 0;
	height: 70px;
	width: 870px;
	background-color: #a6ce39;
}

.footerLeft {
	float: left;
	margin: 0;
	padding: 10px;
	width: 550px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
}

.footerRight {
	float: right;
	margin: 5px 0px 0px 0px;
	padding: 10px;
	color: #FFFFFF;
	font-size: 11px;
	width: 210px;
	text-align: right;
	font-weight: bold;
}

/* EXTEND Interactive in the footer */
#extend a { color: #FFFFFF; text-decoration: none; }
#extend a:link { color: #FFFFFF; text-decoration: none; }
#extend a:hover { color: #FFFFFF; text-decoration: none;}
#extend a:visited { color: #FFFFFF; text-decoration: none; }
#extend a:active { color: #FFFFFF; text-decoration: none; }

