/*
 * comon.css
 */


/*
 * General Tag Styles
 */
* { margin:0; padding:0; }

img { vertical-align:bottom }

.Clear { clear:both; dispaly:block }

/*
 * Layout Styles
 */
#Container { height:auto; min-height:100% }
#MiddleContainer { position:relative; clear:both; background:url("middle_bg.png") }
#MiddleContainer .Shadow { font-size:0; height:4px; background:url("middle_shadow.png") no-repeat }

#Layout { width:760px; margin:0 auto; border:solid black; border-width:0 1px 1px 1px }
#LayoutNorth { margin:0 12em }
#LayoutCenter { margin-right:200px }
#LayoutEast { width:200px; position:absolute; right:0; }
#LayoutSouth { clear:both }

/*
 * My Account
 */
#MyAccount {
	padding:2px 6px;
	background:#0D402B;
	border-bottom:solid 1px #262626;
	font-size:13px;
	text-align:right }

#MyAccount a {
	font-weight:bold;
	text-decoration:none;
	color:#E6E6E6 }

#MyAccount a:hover {}

/*
 * Title Logo
 */
#Title {
	position:relative;
	top:0;
	left:0;
	height:180px;
	background:url("common_title_bg.jpg");
}

#Title h1 { position:absolute; top:0px; left:18px; width:164px; font-size:14px; color:white; }
#Title h1 img { border:none; }
#Title h1 span.Contact { width:100%; display:block; position:absolute; top:108px; left:0px; text-align:center; }
#Title h1 span.Name { display:none; }

/*
 * Todays Weather and Cource Conditions
 */
#TodaysWeather, #TodaysCourse {
	position:relative;
	margin-left:560px;
}

#TodaysWeather h4, #TodaysCourse h4 {
	padding-top:9px;
	margin-left:6px;
	color:#AEAEFB;
}

#TodaysWeather li, #TodaysCourse li {
	/*clear:both;*/
	margin-left:18px;
	margin-top:3px;
	color:white;
	padding:1px 4px;
	font-size:13px;
	background-color:#262626;
	border: solid 1px #666666;
	list-style-type:none;
	border-right:0;
}

#TodaysWeather li.Icon {
	min-height:31px;
	_height:31px;
}

#TodaysWeather li span, #TodaysCourse li span {
	/*_width:60px;*/
	position:absolute;
	/*padding-top:3px;*/
	left:130px;
}

#TodaysWeather img, #TodaysCourse img {
	border:none;
}

#TodaysWeather li.Icon span {
}

#MenuMemberIcon {
	float:left; position:absolute; top:0px; left:40px;
}

/*
 * Menu
 */
#Menu {
	position:absolute;
	bottom:9px;
}

#Menu ul {
	/*clear:both;*/
	padding-left:9px;
}

#Menu li {
	float:left;
	width:94px;
	margin-right:6px;
	padding:2px 2px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	list-style-type:none;
	color:white;
	border:solid 1px #EEEEEE;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='menu_bg.png');*/
}

#Menu>ul>li {
	background-image:url("menu_bg.png");
}

#Menu li a {
	color:white;
	text-decoration:none;
}

#Menu li a:hover {
	color:#F59FBC;
}

/*
 * Information
 */
#Information {
	position:relative;
	background:#404040;
	width:100%
}
#Information div.Border {
	border-top:1px solid #737373;
}
#Information h6 {
	position:absolute;
	top:9px;
	left:9px;
}
#Information p {
	text-align:right;
	padding:9px;
	font-size:12px;
	color:#CCCCCC;
}

/*
 * Relations
 */
#Relations {
	margin-top:6px;
	text-align:center;
}
#Relations table {
	margin:0 auto;
}
#Relations img {
	border:0px none;
}

/*
 * Copyright
 */
#Copyright {
	margin-top:9px;
	clear:both;
	text-align:center;
	color:#666666;
	font-size:0.75em;
}

#Copyright a {
	color:#666666;
	text-decoration:none;
}

/*
 * Content Width:560px  542px
 */
#Content {
	padding:18px 12px;
}

#Content h2 {
	font-size:1.2em;
	padding:0.2em 1em;
	margin-bottom:9px;
	border:4px solid #424142;
	border-width:4px 0;
	line-height:135%;
}

#Content .Description {
	margin-bottom:18px;
	padding:9px 9px;
	font-size:0.9em;
	line-height:135%;
	border:1px solid #736D64;
	background:#EDE9E6;
}
#Content .Description span.Term {
	display:block;
	clear:both;
	font-size:0;
}

#Content p {
}



/*
 *
 */
.Box {
	width:536px;
	margin:0 auto;
}
.Box h4 {
	background:url("content_caption_1_bg.png");
	font-size:1em;
	font-weight:bold;
	color:#eeeeee;
	padding:0.2em 1em;
}
.Box p {
	font-size:0.8em;
	margin:0;
	border:1px solid #736D64;
	background:#EDE9E6;
	padding:1em;
	line-height:135%;
}
.Box p img {
	float:left;
	margin-right:9px;
	margin-bottom:9px;
	/*
	border:1px solid #666666;
	*/
}
.Box p span.Term {
	display:block;
	clear:both;
	font-size:0;
}
.Box .Shadow {
	height:15px;
	background:url("content_caption_shadow.png");
}

