/*------------------------------------------------------------------
[Master Stylesheet]

Project:				www.distancelearning-asia.com
Version:			1.0
Last change:	13/05/09
Assigned to:		International Education Group
Author:				Pathompong(www.3nbdesign.com)

-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Table of contents]

1. Body
	2. Wrapper
		3. Header / #header
		4. Main Menu / #main-nav
		5. Content / #content
			6. Left Content / #left-content
				6.1 Splash / #splash
			7. Right Content / #right-content
				7.1 Sub Menu / #sub-nav
				7.2 Advertise / #advertise
	8. Footer Wrap / #footer-wrap
		8.1 Footer Menu / #footer-nav
		8.2 Footer Infomation / #footer-info
	9. Credit / #credit
	
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
/* Resets, Basic Setup, Basic Typography, Heading */

* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { background: #FFF url(../images/bg-body.gif) repeat-x 0 0; color: #363636; font-family: Verdana, Tahoma; margin: 0; padding: 0; min-height: 100%; }
ul { list-style: none; margin: 0; padding: 0; }
a { outline: none; }
a img { border: none; }

/* ------------------------------------------ */

#wrapper {
	margin: 0 auto;
	width: 810px;
}

/* Header */
#header {
	width: 810px;
	float: left;
	padding: 10px 0;
	height: 105px;
	margin: 10px 0px 0px 0px;
	background: #F7A00D;
}
html>/**/body #header {
	margin: 14px 0px 0px 0px;
}
#header h1 {
	float: left;
	width: 810px;
	height: 100px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#header h1 span {
	background: url(../images/logo-university-of-leicester-distance-learning1.gif) no-repeat 0 0;
	display: block;
	width: 100%;
	height: 100%;
}

/* Main Menu */
#main-nav {
	width: 810px;
	height: 30px;
	margin: 0;
	padding: 0;
	background: #F7A00D;
}
#main-nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#main-nav ul li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}
#main-nav ul li a {
	font: bold 14px/16px Verdana;
	padding: 5px 10px;
	text-decoration: none;
	color: #FFF;
	display: block;
}
#main-nav ul li a:hover {
	color: #6F166A;
}
#main-nav ul li a.current {
	color: #6F166A;
}

/* Content */
#content {
	float: left;
	width: 790px;
	min-height: 700px;
	padding: 5px 10px;
	margin: 0;
	background: #FFF url(../images/bg-content.gif) no-repeat left top;
}
#left-content {
	margin: 0;
	padding: 10px;
	width: 530px;
	float: left;
	font-size: 12px;
}
#splash {
	padding: 0px;
	margin: 0;
	height: 250px;
	width: 530px;
	background: #FFF;
	display: block;
}
.news-content, .testi-content {
	padding: 0px;
	width: 530px;
	display: block;
}
.news-left, .testi-left {
	display: block;
	width: 100px;
	margin: 0;
	padding: 10px;
}
.news-right {
	display: block;
	width: 380px;
	margin: 0 0 0 10px;
	padding: 10px;
	background: #FFFDEF url(../images/news.gif) no-repeat right top;
}
.testi-right {
	display: block;
	width: 380px;
	margin: 0 0 0 10px;
	padding: 10px;
}
#right-content {
	float: right;
	margin: 0;
	padding: 10px;
	height: 350px;
	width: 220px;
	display: inline;
}
#sub-nav {
	margin: 0;
	padding: 0;
	width: 220px;
}
#sub-nav-top {
	display: block;
	padding: 0;
	width: 220px;
	height: 74px;
	background: #F3E0B8 url(../images/sub-nav-top.gif) no-repeat left top;
	overflow: hidden;
}
#sub-nav-body {
	width: 220px; /*width of menu*/
}
#sub-nav-body .header {
	font: normal 14pt/22pt Verdana;
	color: #6F166A;
	background: #F3E0B8 url(../images/sub-nav-body.gif) repeat-y; /*last 2 values are the x and y coordinates of bullet image*/
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	padding: 7px 0 7px 14px; /*14px is left indentation of header text*/
}
#sub-nav-body .header a {
	text-decoration: none;
	color: #6F166A;
	display: block;
	font: normal 14pt/22pt Verdana;
}
#sub-nav-body .header a:hover {
}
#sub-nav-body ul {
	list-style-type: none;
	padding: 0;
	margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}
#sub-nav-body ul li {
	font: normal 11pt/16pt Verdana;
	text-indent: 10px;
	list-style: none;
	padding-bottom: 2px; /*bottom spacing between menu items*/
}
#sub-nav-body ul li a {
	font: normal 11pt/20pt Verdana;
	color: #6F166A;
	background: #F2F0E3 url(../images/bullet.gif) no-repeat 0 0;
	display: block;
	padding: 5px 0;
	line-height: 17px;
	padding-left: 20px; /*link text is indented 20px*/
	text-decoration: none;
}
#sub-nav-body ul li a:visited {
	color: #6F166A;
	background: #F2F0E3 url(../images/bullet.gif) no-repeat 0 0;
}
#sub-nav-body ul li a:hover { /*hover state CSS*/
	color: #F2F0E3;
	background: #6F166A;
}
#sub-nav-bottom {
	padding: 0;
	width: 220px;
	height: 10px;
	background: #F3E0B8 url(../images/sub-nav-bottom.gif) no-repeat left top;
	overflow: hidden;
}
#advertise {
	margin: 0;
	padding: 0;
	width: 220px;
}

/* Footer */
#footer-wrap {
	clear: both;
	height: 314px;
	background: #000 url(../images/bg-footer.gif) repeat-x 0 0;
	margin: 0 auto;
	padding: 0;
}
#footer-nav {
	width: 790px;
	height: 59px;
	clear: both;
	background: #F7A00D url(../images/bg-footer-nav.gif) no-repeat left top;
	margin: 0 auto;
	padding: 30px 10px 10px 10px;
	color: #6F166A;
}
#footer-nav ul li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}
html>body #footer-nav ul li a:link, html>body #footer-nav ul li a:visited {
	font: normal 15px/28px Verdana;
}
html>/**/body #footer-nav ul li a:link, html>/**/body #footer-nav ul li a:visited {
	font: bold 15px/28px Verdana;
}
#footer-nav ul li a:link, #footer-nav ul li a:visited {
	font: bold 15px/28px Verdana;
	padding: 5px 10px;
	text-decoration: none;
	color: #6F166A;
}
#footer-nav ul li a:hover {
	color: #6F166A;
	text-decoration: underline;
}
#footer-info {
	width: 693px;
	height: 154px;
	clear: both;
	background: #F7A00D url(../images/bg-footer-info.gif) no-repeat left top;
	margin: 30px auto;
	padding: 5px 5px 0 5px;
	color: #4B0049;
	line-height: 22px;
}
#footer-info ul li.company {
	font: bold 20px/30px Verdana;
}
#footer-info ul li.address {
	font: normal 14px/22px Verdana;
}
#footer-info li.contact {
	font: normal 15px/28px Verdana;
}
#footer-info ul li.email {
	font: bold 16px/24px Verdana;
}
#footer-info ul li.copyright {
	font: normal 12px/34px Verdana;
}
html>body #footer-info a:link, html>body #footer-info a:visited {
	font: normal 16px/24px Verdana;
	font-size: 110%;
}
html>/**/body #footer-info a:link, html>/**/body #footer-info a:visited {
	font: bold 16px/24px Verdana;
}
#footer-info a:link, #footer-info a:visited {
	font: bold 16px/24px Verdana;
	text-decoration: none;
	color: #4B0049;
}
#footer-info a:hover {
	text-decoration: underline;
}
#credit a:link, #credit a:visited {
	margin: 0 auto;
	padding-right: 30px;
	display: block;
	font: normal 11px/14px Verdana;
	color: #DADADA;
	text-decoration: none;
	background-color: #363636;
}
#credit a:hover {
	color: #363636;
	text-decoration: none;
	background-color: #DADADA;
}