/**
 * Few Colors used:
 * Menu BG Color: #bb5a26
 * Body BG Color: #f5f8f9
 * Body Border Color: #4a6c90
 * Border trim Color: #9daab0
 *
 *  Diagram:
 *    
 *  |-------48em------------|
 *  .-----------------------.
 *  |      |                |
 *  |-12.8-|-----35.8em-----|
 *  |  em  |                |
 *
 *  Some of these demensions are altered since the em size is relative
 *  to it's parent size. 
 *  Therefore, if parent width is 60em and you want the child
 *  to be the same width but has a font size of 0.8em then the
 *  size would have to be 125% of 60em. 
 *  60em * 1.25 = 75em  
 *  75em would be the proper matching width
 *  of the child.
 *
 * Organization is as follows:
 * 1. General Elements
 * 2. Header
 * 3. Body
 *    3.1 Sidebar
 *    3.2 Content
 * 4 Footer
 *    4.1 Footer Menu
 *
 * Can't stand the heat... gtfo the kitchen.
 * We on a mission,
 * -JGR, 09/05/2008
 */

 
/**
 * 1. General Elements =======================================================
 */
body {
	/* Set background of body to white
	 * removed all margins, set font size and family for
	 * entire document, body width */
	margin: 			0;
	font-size:			1em;
	font-family:		Arial, Helvetica, sans-serif;
	border:				none;
	background-color:	#fff;
}

a:link, 
a:visited,
a:active {	
	color: 				#0380b7;
	font-size:			0.9em;
}

a:hover {
	color: 				#000;
}

img {
	/**
	 * By Default take borders off all images,
	 * Specifically for images in anchors
	 */
	border: 			none;
	
}

form {
	margin: 			0; /* take off default margins on forms */
}

input {
	border: 			1px solid #999;
}

/**
 * 2. Header ============================================================
 */
#headerContainer {
	/* Container that holds the logo and quicklinks
	 * Does not hold the main menu bar
	 */
	 background-color:	#fff;
}

#headerCenterer {
	margin:				auto; 
	width:				48em;
	height:				7.5em; 
}

#headerLogo {
	margin: 			0.3em 0 0 1em;
}

#headerQuickLinks
{
	font-size:			.8em;
	float:				right;
	margin: 			7.5em 0.8em 0 0;
	padding: 			0;
}

#headerQuickLinks li
{
	display: 			inline;
}

#headerSpacer {
	border-top:			0.4em solid #000;
	border-bottom:		1px solid #fff;
}

/**
 * 3. Body ============================================================
 */
 
#bodyBackground {
	background-image:	url(../images/bg.jpg);
	background-repeat:	repeat-x;
	background-color:	#f5f8f9;
	padding-bottom:		10em;
}

#bodyContainer {
	margin:				auto;
	width:				48em;
	background-color:	#fff;
	border:				none;
	border-left:		1px solid #4a6c90;
	border-bottom:		1px solid #4a6c90;
	border-right:		1px solid #4a6c90;
}

/**
 * 3.1 Body - Sidebar ============================================================
 */
#bodySidebarContainer {
	float:				left;
	width:				12.8em;
	border:				none;
	margin:				0;
}

#bodySidebarContainer h1 {
	font-size:			1em;
	margin:				0; /* take out default for FF */
}

#bodySidebarAccountModule {
	height:				19.5em;
	padding:			.5em .5em 0 .5em;
	border-bottom:		1px solid #9daab0;
	background-image:	url(../images/tabbg.gif);
	background-repeat:	repeat-x;
	background-color:	#f9fbfc;
	text-align:			center;
	font-size:			0.8em;
	margin-top:			-2.45em;
	position:			relative; /* allows div to display over menubar for IE6 */
}

#bodySidebarAccountModule h1 {
	font-size:			1.25em;
	text-align:			left;
	margin-bottom:		1em;
	margin-top:			0;
}

#bodySidebarChatModule {
	background-image:	url(../images/welcome/chatbg.jpg);
	background-repeat:	no-repeat;
	background-color:	#fff;
	background-position:bottom right;
	padding:			0.5em 0.5em 0 1em;
	height:				9.7em; 
	border-bottom:		1px solid #9daab0;
	position:			relative;
}

#bodySidebarChatModule #languageLink {
	bottom:				0.1em;
	display:			block;
	font-size:			0.6em;
	font-weight:		bold;
	position:			absolute;
	right:				0.5em;
}

#bodySidebarChatModule h1 {
	padding:			0.5em 0;
}

#bodySidebarChatModule p {
	font-size:			0.8em;
	margin:				0;
}

#bodySidebarArticles {
	padding:			1em;
}

#bodySidebarArticles li,
#bodySidebarArticles ul {
	margin:				0;
	padding:			0;
	list-style:			none;
}

#bodySidebarArticles ul {
	padding-left:		1em;
}

#bodySidebarArticles li {
	padding:			0.1em 0 0 0;
}

#bodySidebarSubmenu {
	padding:			0;
}

#bodySidebarSubmenu ul,
#bodySidebarSubmenu li {
	margin: 			0;
	padding:			0;
	list-style-type:	none;
}

#bodySidebarSubmenu a,
#bodySidebarSubmenu a:link,
#bodySidebarSubmenu a:visited,
#bodySidebarSubmenu a:hover,
#bodySidebarSubmenu a:active {
	display:			block;
	color:				#ed5100;
	color:				#0380b7;
	text-decoration:	none;
	font-weight:		bold;
	font-size:			0.9em;
	width:				auto;
	
}

#bodySidebarSubmenu a:hover,
#bodySidebarSubmenu a:active {
	background-color:	#0380b7;
	color:				#fff;
}

#bodySidebarSubmenu ul a {
	padding:			0.1em;
	padding-left:		1em;
}

#bodySidebarSubmenu ul ul a {
	padding:			0.1em;
	padding-left:		2em;
}

#bodySidebarSubmenu ul ul ul a {
	padding-left:		3em;
}


#halfAndHalfModule {
	height:				154px;
	background-image:	url(../images/welcome/halfandhalf_bg.jpg);
	background-position:bottom left;
	padding:			0;
}

#halfAndHalfModule h2 {
	font-weight:		normal;
	font-size:			1.2em;
	padding:			0.3em 0 0 0.7em;
	margin:				0;
}

#halfAndHalfModule p {
	margin:				1em 0 0 1.3em;
	width:				12em;
	font-weight:		900;
	font-size:			0.7em;
}

#halfAndHalfModule img {
	padding:			0 0.3em 0 0;
}

/**
 * 3.2 Body - Content ============================================================
 */
#bodyContentContainer {
	font-size:			0.8em;
	/**
	 * Since we are scaling the text in this area down to size .8em
	 * our relative em size is changed so our new corrected left margin
	 * is 16em verus 12.8em
	 */
	margin-left:		16em;
	border:				none;
	min-height:			20em;
	padding:			1em;
	background-image:	url(../images/contentborder.jpg);
	background-repeat:	no-repeat;
	background-position:top left;
}

#bodyEnrollModule {
	background-image:	url(../images/welcome/enrollmodule_bg.jpg);
	background-repeat:	no-repeat;
	height:				134px;
	padding:			10px;
	width:				349px;
/*
	background-position:top right;
	padding:			0.5em;
	padding-left:		1em;
	height: 			11em;
	margin-right:		15em;
*/
}

#bodyEnrollModule h1 {
	font-size:			1.25em;
	margin:				0;
	padding:			.5em 0;
	font-weight:		bold;
}

#bodyQuickLinks {
	float:				right;
	width:				13.5em;
	height:				11em;
	border-left:		1px solid #9daab0;
	padding:			0.5em;
	padding-left:		1em;
}

#bodyQuickLinks h1 {
	font-size:			1.25em;
	margin:				0 0 0.5em 0;
	padding:			0.5em 0;
	font-weight:		bold;
}

#bodyQuickLinks a {
	margin-bottom: 		.5em;
	display:			block;
}

#bodyWelcomeFlash {
	border-bottom: 		1px solid #9daab0;
	background-color:	#e7eff3;
	height:				17.58em;
	
}

#bodySubFlash {
	border-bottom:		1px solid #9daab0;
	border-left:		1px solid #9daab0;
	height: 			10.2em;
	margin-left:		12.8em;
	background-color:	#9daab0;
	
	/**
	 * Was getting serious problems trying to format site cross browser...
	 * ended up hacking the layout of the flash on subpages for IE6. 
	 * Wouldn't say it was IE6's fault.  It was actually FF3.  FF3 wasn't
	 * using margins right
	 */
	-margin:			0;
	-float:				right;
}

/**
 * 4.1 Footer - Menu ============================================================
 */
#footerTop {
	margin:				-2em auto 0 auto;
	width:				48em;
}

#footerTop ul {
	float:				right;
	font-size:			0.8em;
	list-style-type:	none;
	margin:				0 0 0.5em 0;
	padding:			0;
}

#footerTop ul li {
	display:			inline;
}

#footerBottom {
	background:			#FFF;
	border-top: 		1px solid #000;
	clear:				both;
	height:				5em;
	padding-top:		0.2em;
}

#footerBottom div {
	margin:				0 auto;
	width:				48em;
}

#footerBottom ul {
	float:				left;
	font-size:			0.8em;
	list-style-type:	none;
	margin:				0;
	padding:			0;
}

#footerBottom ul li {
	display:			inline;
}

#footerBottom p {
	float:				right;
	font-size:			0.8em;
	margin:				0;
}


/**
 * 5. Crap ===================================================================
 */
#crapContainer {
	width:				48em;
	margin:				0 auto;
	height:				1em;
}

#ebillingLink {
	float:				left;
	margin-top:			0.5em;
}

#facebookLink {
	float:				right;
	color:				#000;
	font-weight:		bold;
	font-style:			italic;
	text-decoration:	none;
}

#facebookLink:hover {
	text-decoration:	underline;
}

#facebookLink img {
	 vertical-align:	middle;
}