/**
 * Layout
 */

body {
	background: #ffffff;
	margin: 0px;
	font: 11px/14px Verdana;
}
 
#container {
	width: 976px;
	text-align: left;
	margin: 0px auto 0px auto;
}
#hdr {
	margin: 0px 0px 0px 0px;
	width: 976px;
}
#hdr .head {
	background: #26392c url(/images/head.top.bg.jpg) no-repeat;
	height: 29px;
	color: #ffffff;
	line-height: 29px;
	text-align: right;
	padding: 0px 10px 0px 10px;
}
#hdr .head a {
	color: #ffffff;
	text-decoration: none;
	margin: 0px 5px 0px 5px;
	height: 25px;
}
#hdr .head a:hover {
	color: #abc4b3;
}
#hdr .head .homebtn {
	float: left;
	height: 29px;
	width: 200px;
	cursor: pointer;
}
#hdr .nav {}
#hdr .foot {
	text-align: right;
	margin: 0px;	
	padding: 5px;	
}
#hdr .foot .breadcrumb {
	height: 30px;
	line-height: 30px;
	float: left;
}
#hdr .foot .breadcrumb a{
	text-decoration: underline;	
}
#ftr {
	width: 976px;	
	margin: 16px 0px 16px 0px;
}
#ftr .info {
	color: #666666;
	float: left;
}
#ftr .links {
	color: #a6a6a6;
	float: right;
	text-align: right;
}
#ftr a {
	color: #487457;
	text-decoration: none;
}	
#ftr a:hover {
	text-decoration: underline;
}		
#ftr .design {
	color: #8b8b8b;
	font-size: 9px;
}	
#ftr .design a {
	color: #8b8b8b;
	text-decoration: none;
}	
/**
 * Home Page
 */
#home .content {
	background: #5d816a;
	padding: 15px;
	color: #ffffff;
	font: 11px/14px Verdana;
	padding-top:1px;
}
#home .area1, .area2 {
	border: solid #4e6e59 4px;
	background: #384d40;
	float: left;
	margin: 0px 15px 0px 0px;
	padding: 6px;
	width: 323px;
}
#home .item {
	position: relative;
	cursor: pointer;
	height: 65px;
	margin: 0px 0px 5px 0px;
}
#home .item:hover {
	background: #3e5546;
}
#home .item .thumb {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 65px;
	height: 65px;
}
#home .item .link {
	position: relative;
	top: 5px;
	left: 75px;	
	width: 240px;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -1px;
	font-weight: bold;
}
#home .item .description {
	position: relative;
	top: 4px;
	left: 75px;
	width: 240px;
}
#home .area3 {
	float: left;
	width: 230px;
	letter-spacing: -0.5px;
}
#home .area3 .box {
	background: none;
	border: solid #6d8b78 1px;
	padding: 6px;
	margin: 0px 0px 10px 0px;
}
#home .area3 .box ul {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
	list-style-type: square;
	list-style-image: none;
}
#home .area3 li { padding: 0px; }
#home .area3 .box p { margin: 5px 0px 5px 0px; }
#home .area3 .box .more {
	display: block;
	color: #ffffff;
	font-size: 8px;
	text-transform: uppercase;
	text-align: right;
}
/**
 * Conent Page
 */
#subpage {}
#subpage .content {
	color: #454f4a;
	float: left;
	width: 700px;
	padding: 15px 6px 20px 30px;
	font: 12px/16px Verdana;
}
#subpage .menu {
	float: left;
	width: 239px;
}
/**
 * Menu
 */
#subpage .menu ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
}
/** Level 1 **/
#subpage .menu li {
	list-style: none;
	padding: 0px;
	width: 239px;
}
#subpage .menu li a {
	background: #ffffff url(/images/menu.li.gif) no-repeat;
	color: #324e39;
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0px 0px 0px 10px;
	text-decoration: none;
	border-right: 1px solid #d0d7d3;
}
#subpage .menu a:hover {
	background: #e1eae4 url(/images/menu.li.ovr.gif) no-repeat;
}
#subpage .menu a.on {
	background: #ffffff url(/images/menu.li.on.gif) no-repeat;
	border-right: none;
	font-weight: bold;
}	
#subpage .menu a.onexp {
	background: #ffffff url(/images/menu.li.onexp.gif) no-repeat;
	font-weight: bold;
	border-right: none;
}			
#subpage .menu .endcap {
	border-left: 1px solid #d0d7d3;
	border-bottom: 1px solid #d0d7d3;
}

/** Level 2 **/	
#subpage .menu li li a {
	background: #f6f9f0 url(/images/menu.li.li.gif) no-repeat;
	border-left: 1px solid #d0d7d3;
	border-right: none;
	padding: 0px 0px 0px 20px;
	height: 30px;
	line-height: 30px;
	color: #819389;
}	
#subpage .menu li li a:hover {
	background: #f6f9f0 url(/images/menu.li.li.gif) no-repeat;
	text-decoration: underline;
}
#subpage .menu li li a.on {
	background: #ffffff url(/images/menu.li.li.gif) no-repeat;
	font-weight: bold;
	padding: 0px 0px 0px 20px;	
	color: #8b058a;
}			
#subpage .menu .special {
	border-right: 1px solid #d0d7d3;
	padding: 9px;	
}	
/** Level 3 **/	
#subpage .menu li li li a {
	background: #f6f9f0 url(/images/menu.li.li.li.gif) no-repeat;
	border-left: 1px solid #d0d7d3;
	border-right: none;
	padding: 0px 0px 0px 40px;
	height: 30px;
	line-height: 30px;
	color: #819389;
}	
#subpage .menu li li li a:hover {
	background: #f6f9f0 url(/images/menu.li.li.li.gif) no-repeat;
	text-decoration: underline;
}
#subpage .menu li li li a.on {
	background: #ffffff url(/images/menu.li.li.li.gif) no-repeat;
	font-weight: bold;
	padding: 0px 0px 0px 40px;	
	color: #8b058a;
}	
/**
Course Layout
**/	
#course { margin: 0px auto 0px auto;}
#course .column1 {
	float: left;
	padding: 0px;
	width: 350px;	
}
#course .column2 {
	float: left;
	padding: 0px 0px 0px 20px;
	width: 320px;	
}
/**
Tabs
**/	
#tabs {
	background: #DCDCDC url(/images/tab.bg.gif) repeat-x;
	height: 40px;
	position: relative;
}
#tabs ul {
	left: 0px;
	list-style: none;
	margin: 0px; /* IE */
	padding: 0px; /* NS */
	position: absolute;
	top: 9px;
}
#tabs li {
	float: left;
	font: 12px Arial;
	padding-right: 4px;
}
#tabs a {
	color: #324e39;
	text-decoration: none;
	padding: 0px 20px 0px 20px;
	background: url(/images/tab.li.gif) repeat-x;
	border: 1px solid #d0d7d3;
	border-bottom: 0px none;
	height: 28px;
	line-height: 28px;
	float: left; /* NS */
}
#tabs a:hover {
	background: url(/images/tab.li.gif) repeat-x;
	text-decoration: underline;
}
#tabs a.on {	
	background: url(/images/tab.li.gif) repeat-x;
	font-weight: bold;
	color: #8b058a;
}
#tabs a.current:Hover { }