﻿/* //// HOME ----------------------------------------- //// */
@charset "utf-8";
/*
#page_home html {
	background-position:0 -40px}
#page_home body {
	background:none !important}
*/
/* container ----------------------------------------------- */
#page_home #container {
	margin-bottom:0;
	padding-top:2px}

/* media player ----------------------------------------------- */
#page_home #media {
	top:2px;
	margin-bottom:2.8em;
	border:0}

/* notice ----------------------------------------------- */
#notice {
	float:left;
	clear:both;
	margin:-3em 0 4em;
	padding:0 10px;
	min-width:280px;
	border:3px solid #aaa198;
	background:#fffcf4;
	overflow:hidden}
.notice_top #notice {
	margin-bottom:1em}

#notice h2 {
	display:inline;
	float:left;
	margin:0 0 0 -10px;
	padding:1em 20px;
	height:100%;
	background:#aaa198;
	color:#FFF;
	font-weight:bold;
	line-height:1;
	text-transform:uppercase}
#notice p {
	display:inline;
	float:left;
	margin:.8em 0 0;
	padding:0 10px;
	line-height:1.4}

/* ---- priority_medium ---- */
#notice.priority_medium {
	border-color:#ffd803}
#notice.priority_medium h2 {
	background:#ffd803}

/* ---- priority_high ---- */
#notice.priority_high {
	border-color:#d7111c}
#notice.priority_high h2 {
	background:#d7111c}

/* ---- width option ---- */
#notice.full {
	width:919px}

/* section ----------------------------------------------- */
#page_home .section {
	margin:0 0 4em;
	padding:0;
	width:948px;
	line-height:1.6;
	overflow:auto}

/* ---- featured ---- */
#featured {
	width:665px;
	/* min-height:40px; */
	/* height:auto !important; */
	height:70px;
	/*border:1px solid #d9d6cf; */
	border:0px;
	/* background:#f7f7f5; */
	background:#ffffff;
	margin-top: -2px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 28px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 4em;
	padding-left: 0;
	/* width: 50%; 
	float:left; */
}
#featured h2 {
	margin:0 0 7px;
	padding:.5em 8px;
	color:#4f2c0a;
	font:bold 1em Verdana,sans-serif;
	background:#e1dfd9; /* rgba fallback */
	background:rgba(215,217,208,.65)}
#featured img {
	float:left;
	margin:-5px 13px 2px 2px}
#featured p {
	margin:0 0 .5em;
	padding:0 13px;
	text-align: left;
}

/* community links */
ul#community {
	position:absolute;
	bottom:14px;
	left:512px;
	margin:0;
	padding:3px 0;
	width:100%;
	border-top:1px solid #cfc9c2;
	overflow:hidden
}
ul#community li {
	display:inline;
	float:left;
	margin:0 3px}
ul#community li a {
	display:block;
	padding:.5em 0 .5em 16px;
	color:#FFF;
	text-align:center}
ul#community li#community_msi a {
	padding-left:0;
	width:111px;
	background:#9fad4c}
ul#community li#community_facebook {
	margin:0 7px}
ul#community li#community_facebook a {
	width:73px;
	background:#314a9d url(/static/images/home/community_links.gif) no-repeat 8px 50%;
	text-transform:lowercase}
ul#community li#community_twitter a {
	width:62px;
	background:#87dee3 url(/static/images/home/community_links.gif) no-repeat -81px 50%;
	text-transform:lowercase}

/* ---- promos ---- */
ul#promos {
	float:left;
	position: absolute;
	padding:0;
	left:30;
	margin:0;
	width:750px;
	min-height:190px;
	height:auto !important;
	height:190px
}
ul#promos li {
	display:inline;
	float:left;
	margin:8px 3px 8px 10px;
	padding:9px 3px;
	width:150px;    /* box width  */
	min-height:154px; height:auto !important; height:154px;
	background:#AAA198;
	color:#FFF;
	line-height:1.4}
ul#promos li:hover {
	margin:4px 0 4px 7px;
	padding:13px 6px}

ul#promos li h2 {
	margin:0;
	padding:0 4px 3px;
	font:bold 1em Verdana,sans-serif}
ul#promos li h2 a {
	color:#FFF;
	font-size: 13px;	 /*box upper word size */
}
ul#promos li img {
	width:150px;	/*box image width */
	height:66px;
	border:1px solid #d9d7d0
}
ul#promos li p {
	margin:0 4px 1em;
	font-size: 10px;	 /*box lower word size */
	text-align: left;
}


