html, body {
	background: #FFF url('/media/vle-grey-tile.png') repeat-y center;
	height: 100%;
}
    
/* Header */
#headerWrapper{
	background: #FFF url('/media/vle-header-tile.png') repeat-x;
	height: 72px;
	overflow: hidden;
}
#header {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}
#logo{
	float: left;
	margin-top: 15px;
}
/* End Header */

/* Top Navigation */
#nav{
	width: 980px;
	margin-top: 20px;
}
#nav ul{
	margin-left: 0;
}
#nav li{
	float: left;
	padding: 7px 0px 4px 5px;
	margin: 0 9px 0 0;
}
#nav li a{
	padding: 7px 5px 4px 0px;
	font-size: 1.2em;
	color: #FFF;
	text-transform: uppercase;
	text-shadow: #474902 1px 1px 2px;
	font-weight: bold;
}
#nav li a:hover{
	color: #000;
	text-shadow: none;
	text-decoration: none;
}
#nav li:hover, #nav li.sfhover{
	background: url('/media/vle-top-nav-left.png') no-repeat left top;
}
#nav li a:hover{
	background: url('/media/vle-top-nav-right.png') no-repeat right top;
}

#breadcrumb{
	float: left;
	background: url('/media/vle-icon-home.png') no-repeat 0 50%;
	margin-top: 20px;
	margin-left: 3px;
	padding-left: 25px;
}
#breadcrumb ul{
	margin: 0;
}
/* End Top Navigation */

/* Content */
#wrapper{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -140px;
}
#contentWrapper{
	background: url('/media/vle-whiteOut.png') no-repeat center top;
}
#main{
	width: 980px;
	margin: 0 auto;
	background: #FFF;
	overflow: hidden;
	position: relative;
}
#content {
	width: 980px;
	margin: 0 auto;
	background: #FFF;
	overflow: hidden;
	padding-bottom: 40px;
}
#contentLeft{
	width: 770px;
	float: left;
}
#contentRight{
	width: 210px;
	float: right;
}

#fullWidth{
	width: 980px;
}
#fullWidth #article{
	width: 972px;
	background: #FFFFFF url('/media/vle-page-tile-full-width.png') repeat-x top;
	height: 100%;
	overflow: hidden;
	border-left: 4px solid #FFF;
	margin-right: 30px;
}
#article{
	width: 762px;
	background: #FFFFFF url('/media/vle-page-tile.png') repeat-x top;
	height: 100%;
	overflow: hidden;
	border-left: 4px solid #FFF;
}
#article img{
	float: right;
	padding: 2px;
	border: 1px solid #b6adad;
	margin: 1px 5px 5px 5px;
}
.articleHeaderImage{
	display: block;
	clear: both;
	width: 766px;
}
.articleHeaderImage img{
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Side navigation */

#sideNav{
	background: #FFF;
	border-top: 8px solid #343e45;
	border-bottom: 8px solid #343e45;
	position: relative;
}
#sideNav.about{margin: 180px 0 0 0;}

#sideNav li{
	margin: 0 0 1px 0;
}
#sideNav li li{
	margin: 0 0 0 0;
	cursor: pointer;
}

#sideNav li:hover ul{
	left: auto;
}
#sideNav li a{
	display: block;
	background: #b94d88 url('/media/vle-bulletSideNavOff.png') no-repeat 96% 50%;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	padding: 13px 22px 12px 7px;
}
#sideNav li a.doubleLine{
	padding: 6px 10px 6px 7px;
}
#sideNav li a:hover{
	background: #d485b3 url('/media/vle-bulletSideNavOver.png') no-repeat 96% 50%;
	text-decoration: none;
	color: #343e45;
}
#sideNav li a.on{
	background: #515d67 url('/media/vle-bulletSideNavOn.png') no-repeat 96% 50%;
	color: #FFF;
}
#sideNav li ul{
	border-top: 1px solid #FFF;
}
#sideNav li ul li a{
	background: #c0bfb6 url('/media/vle-bulletSideNavSub.png') no-repeat 7% 50%;
	color: #FFF;
	padding: 4px 0 4px 30px;
	font-size: 0.8em;
}
#sideNav li ul li a:hover{
	background: #c0bfb6 url('/media/vle-bulletSideNavSub.png') no-repeat 7% 50%;
}
#sideNav li ul li a.on{
	background: #c0bfb6 url('/media/vle-bulletSideNavSub.png') no-repeat 7% 50%;
	color: #343e45;
}
/* Safari Fix for the right nav pop-out */
@media screen and (-webkit-min-device-pixel-ratio:0){
			#sideNav li.parents ul, #homeNav li.parents ul{
				top: 42px;
			}
			#sideNav li.students ul, #homeNav li.students ul{
				top: 84px;
			}
			#sideNav li.staff ul, #homeNav li.staff ul{
				top: 126px;
			}
			#sideNav li.business ul, #homeNav li.business ul{
				top: 168px;
			}
		}
/* ###: t4 navigation fixes :########## */
#sideNav li span {
	background: #515d67 url('/media/bulletSideNavOn.png') no-repeat 96% 50%;
	color: #FFF; text-decoration: none; display: block;
	text-transform: uppercase; font-weight: bold; padding: 13px 0 12px 7px;
}

#sideNav li ul li span {
	background: #c0bfb6 url('/media/bulletSideNavSub.png') no-repeat 7% 50%;
	color: #343e45; padding: 4px 0 4px 30px; font-size: 0.8em;
}

/* End Content */

/* Extra Settings */

.clear{
	clear: both;
}
.push{
	height: 140px;
}
.left{
	float: left;
}
.right{
	float: right;
}
.noMargin{
	margin: 0;
} 
  
/* Footer */
#footer {
	width: 980px;
	height: 140px;
	margin: 0 auto;
	border-top: 5px solid #343e45;
}
#footer li {
	float: left;
}
#footerRss, #footerLinks{
	padding-top: 15px;
}
#footerLinks{
	float: left;
}
#footerRss{
	float: right;
}
#footerRss .feedIcon{
	background: url('/media//ui/icon-rss.png') no-repeat right center;
	padding-right: 20px;
}
/* End Footer */
/* New styles */
#accordion {
	float: none;
	width: 700px;
	margin-left: 12px;
}

/* Stretching Panel */
.padded {
	padding: 0px;
	clear: both;
	zoom: 1;
}

.padded ul li {
	list-style: inside square;
}
.padded ol li {
	list-style: decimal;
}

.block {
	display: block;
}

p.code {
	background: #000;
	color: #cfc;
	padding: 20px;
	font-family: Courier;
	font-size: 1.2em;
	margin-left: 4em;
}

h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 1em;
	color: #343e45;
}

li h3 {
	display: inline;
}

p {
	margin-bottom: 1em;
}
.note{color:#FF0000;}
strong {
	font-weight: bold;
}
ol.code { font-size: 1.0em;border: 1px solid #ccc; padding: 5px; margin: 0 0 1em 4em; }
ol.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #e8eaea; border: 1px solid #ccc; margin: 0 0 2px 2.2em; list-style-type: decimal-leading-zero; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
/*	
.clearfix:after {
	 content: ".";
	 display: block;
	 clear: both;
	 visibility: hidden;
	 line-height: 0;
	 height: 0;
}

.clearfix {
	 display: inline-block;
}

html[xmlns] .clearfix {
	 display: block;
}

* html .clearfix {
	 height: 1%;
}
*/	
.yui-accordionview {
	margin-bottom: 1.5em;
}
/* End Stretching Panel */