/*  
	Designer: AllanD  allandelacruz.com
*/

/* Meyer Reset http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End Reset */


/* General */

body {
	background: url(../images/BG.jpg) top center repeat-x;
	font-family: arial, sans-serif;
	line-height: 1.5;
	color: #4c4d4f;
	font-size: 90%;
	padding-bottom: 10px;
}
h1 {
	display: block;
	width: 198px;
	height: 108px;
	float: left;
	overflow: hidden;
	margin: 37px 0 0 37px;
	background:  url(../images/H1BG.gif) no-repeat;
}
h1 span {
	float: left;
	text-indent: -9999em;
}
.Container {
	width: 890px;
	margin: 0 auto;
}
a {
	color: #37909e;
}
a:hover {
	color: black;
	text-decoration: underline;
}
.warning {
	color: red;
}
.Border {
	border: 5px solid white;
}
.FloatLeft {
	float: left;
	margin-right: 20px;
}
.FloatRight {
	float: right;
	margin-left: 20px;
}
.ScheduleTable {
	border: 5px solid #647F4F;
	background: #BCDDA6;
	margin: 30px 0 30px 0;
	width: 400px;
	padding: 5px;
	float: right;
	text-align: center;
}
.field {
	border: 1px solid #9cc8cf;
	background: white;
	padding: 5px;
	font-size: 100%;
	font-family: arial, sans-serif;
}

/* Header */
.Header {
	height: 159px;
	background: url(../images/HeaderBG.jpg) no-repeat;
}
.BookSeminarButton {
	width: 359px;
	height: 57px;
	float: right;
	clear: right;
	margin: 20px 20px 0 0;
	display: block;
	background: url(../images/BookSeminarButton.gif) no-repeat;
}
.BookSeminarButton:hover,
.Activebook {
	cursor: pointer;
	background-position: 0 -57px;
}
.BookSeminarButton span {
	visibility: hidden;
}
.LanguageLink {
	float: right;
	text-align: right;
	padding-right: 10px;
	text-decoration: none;
	font-size: 85%;
}
.Menu {
	height: 27px;
	width: 606px;
	margin: 10px 28px 0 0;
	float: right;
}
.Menu .HomeButton {
	display: block;
	width: 163px;
	height: 27px;
	background: url(../images/HomeButton.gif) no-repeat;
}
.Menu .SeminarButton {
	display: block;
	width: 111px;
	height: 27px;
	background: url(../images/SeminarButton.gif) no-repeat;
}
.Menu .ScheduleButton {
	display: block;
	width: 105px;
	height: 27px;
	background: url(../images/ScheduleButton.gif) no-repeat;
}
.Menu .NewsletterButton {
	display: block;
	width: 85px;
	height: 27px;
	background: url(../images/NewsletterButton.gif) no-repeat;
}
.Menu .ContactButton {
	display: block;
	width: 142px;
	height: 27px;
	background: url(../images/ContactButton.gif) no-repeat;
}
.Menu li {
	float: left;
}
.Menu a:hover,
.Menu a.Active {
	background-position: 0 -27px;
}

/* Promo */
	/* Home */
	.Home .Promo {
		height: 244px;
		background: url(../images/PromoHomeBG.jpg) no-repeat;
	}
	.Home .PromoText {
		text-align: right;
		line-height: 1.4;
		font-size: 90%;
		padding: 65px 40px 0px 320px;
	}
	.Home .Promo h3 {
		font-size: 150%;
		color: #72A0A7;
		font-weight: normal;
	}
	/* Other */
	.Promo {
		height: 138px;
	}
	.Seminar .Promo {background: url(../images/PromoSeminarBG.gif) no-repeat}
	.Schedule .Promo {background: url(../images/PromoScheduleBG.gif) no-repeat;}
	.Newsletter .Promo {background: url(../images/PromoNewsletterBG.gif) no-repeat;}
	.Contact .Promo {background: url(../images/PromoContactBG.gif) no-repeat;}
	.BookSeminar .Promo {background: url(../images/PromoBookSeminarBG.gif) no-repeat;}
	.Chatroom .Promo {background: url(../images/PromoChatroomBG.gif) no-repeat;}
	.Stories .Promo {background: url(../images/PromoStoriesBG.gif) no-repeat;}
	.Alumnihome .Promo {background: url(../images/PromoAlumnihomeBG.gif) no-repeat;}
	.Donate .Promo {background: url(../images/PromoDonateBG.gif) no-repeat;}
	.Links .Promo {background: url(../images/PromoLinksBG.gif) no-repeat;}
	.Advantage .Promo {background: url(../images/PromoAdvantageBG.gif) no-repeat;}

		
/* Content */
.Home .ContentTop {
	padding: 20px 60px 20px 60px;
	min-height: 338px;
	background: url(../images/ContentTopHomeBG.jpg) no-repeat top;
}
.ContentTop {
	padding: 20px 60px 20px 60px;
	min-height: 338px;
	background: url(../images/ContentTopOtherBG.jpg) no-repeat top;	
}
.ContentTop h3 {
	font-size: 140%;
	color: #647F4F;	
	font-weight: normal;
}
.ContentTop h3.center {
	color: #616264;
	line-height: 1;
}
.DonateCenter {
	width: 210px;
	margin: 0 auto;
}
.Stretch {
	background: url(../images/ContentBG.gif) repeat-y;
}
.Content p {
	margin-bottom: 20px;
}
.Content .Sticky1 {
	margin: 15px 0 0 5px;
	float:right;
}
.Content .Sticky2 {
	margin: 15px 30px  25px 0;
	float:left;
}
.sidebar {
	width: 233px;
	float: right;
}
.main {
	width: 510px;
	float: left;
}
.full {
	border: 1px solid blue;
}
/* SideWidget */
.SideWidget .SideWidgetTitle {
	font-size: 125%;
	height: 38px;
	width: 233px;
	padding: 11px 0 0 17px;
	margin-bottom: 10px;
	margin-left: -15px;
	background: url(../images/WidgetTitleBG.gif) no-repeat;
}
.SideWidget {
	padding: 0 5px 5px 15px;
	font-size: 85%;
	width: 213px;
	margin-bottom: 20px;
	background: url(../images/WidgetBG.gif) repeat-y;
}
.SideWidget h3 {
	color: #5b7549;
}
/* Footer */
	/* Home */
	.Home .Footer {
		line-height: 1.3;
		font-size: 90%;
		height: 229px;
		background: url(../images/FooterHomeBG.jpg) top no-repeat;
	}
	.Home .Footer h3 {
		font-size: 140%;
		color: #5facb8;	
		font-weight: normal;
		margin-bottom: 10px;
	}
	.Home .Footer .Widget {
		height: 202px;
		overflow: hidden;
		float:left;
	}
	.Home .Footer .Widget1 {
		padding: 25px 0 0 50px;
		width: 240px;
	}
	.Home .Footer .Widget2 {
		width: 240px;
		padding: 25px 0 0 50px;
	}
	.Home .Footer .Widget3 {
		width: 215px;	
		padding: 25px 45px 0 50px;
	}
	.Home .FooterButton {
		display: block;
		width: 210px;
		height: 40px;
	}
	.Home .FooterButton:hover {
		background-position: 0 -40px;
	}
	.Home .DonateButton {
		background: url(../images/DonateButton.gif) no-repeat;
	}
	.Home .ToolsButton {
		margin-top: 20px;
		background: url(../images/ToolsButton.gif) no-repeat;
	}
	.Home .ChatroomButton {
		margin-top: 20px;
		background: url(../images/ChatroomButton.gif) no-repeat;
	}
	.Home .AlumniButton {
		margin-top: 10px;
		background: url(../images/AlumniButton.gif) no-repeat;
	}
	/* Other */
	.Footer {
		height: 44px;
		background: url(../images/FooterOtherBG.gif) top no-repeat;
	}

/* FooterText */
	.FooterText {
		text-align: center;
	}
	.FooterText .small {
		font-size: 80%;
	}
/* Fixes */
	/* Goullitine http://www.positioniseverything.net/easyclearing.html */
	.ContentTop:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	.ContentTop {
		display: inline-block;
	}
	/* Hides from IE-mac \*/
	* html .ContentTop {
		height: 1%;
	}
	.ContentTop {
		display: block;
	}