/* Author : Patrick Sy */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, /*p,*/ blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {	outline:0;}
body { line-height:1;}
/* ol, ul { list-style:none;} */

table { border-collapse:separate; border-spacing:0;}
caption, th, td { text-align:left; font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after { content:"";}
blockquote, q { quotes:"" "";}

/*** font styles ***/
a,h1,h2,h3,h4,h5,h6,p,pre,table,th,td,label,li,input,textarea,select,blockquote,code,dt,dd {}
a { text-decoration:none; cursor:pointer; color:#4eb009;}
a:hover, a:focus { text-decoration:none; color:#3a97f4;}
:focus { outline:0;}

h1,h2,h3 {}
p,strong,li,label,pre,table,th,tr,td,tbody,tfoot,thead,blockquote,code  {}
em { font-style:italic;}
strong { font-weight:bold;}
img { vertical-align:top;}
/* ol li { list-style:decimal inside;} */

span.break { display:block; margin-bottom:22px;}
.green { color:#9abb50;}
.rel { position:relative;}
.alignLeft { float:left;}
.alignRight { float:right;}
.caps { text-transform:uppercase;}
.abs div { position:absolute;}
.clr { height:0; clear:both; line-height:0px;}

/*** general ***/
body { background:url(../images/bg.jpg) repeat-x #1b519b; text-align:center; font-family:Arial; color:#666; font-size:12px; position:relative;}
.wrapper { background:url(../images/sideBg.png) 50% 0 repeat-y; width:1024px; text-align:left; margin:0 auto; position:relative;}

#header { background:url(../images/header.jpg) 50% 0 no-repeat; height:449px; z-index:2; position:relative;}
	#logo { top:15px; left:0; z-index:7; position:relative;}
	#tagline { top:80px; left:240px;}
	#search { background:url(../images/search.png) no-repeat; height:37px; width:100%; margin-bottom:5px; color:#9a9a9a; font-size:12px; position:relative}
		#search .txt { float:left; width:156px; margin-right:6px; color:#fff; font-size:12px; background:none; border:0;}
		#search .btn { width:20px;}
		#social { top:6px; left:500px; vertical-align:middle; line-height:27px;}
			#social .faceb { background:url(../images/ico_faceb.png) no-repeat;}
			#social .btn { width:23px; height:23px; text-indent:-2000px; display:block; float:right;}
			#social .btn:hover, #social .btn:focus { background-position:0 -60px;}
		#search #syllabus { left:15px; top:10px;}
		#search #site { left:605px; top:10px;}

#mBody { background:url(../images/bg_bot.png) 0 100% repeat-x; line-height:14px; z-index:3; position:relative; margin-top:-300px}
	#mBody .wrapper { background:url(../images/mContent.png) repeat-y;}
	#mBody .wrap { background:url(../images/mBot.png) 0 100% no-repeat; min-height:720px; margin:4px 0 9px 0}

	.sidebar { width:216px; float:left;}
		#nav { background:url(../images/nav.png) repeat-y; font-size:13px; font-family:Arial; margin-bottom:5px;}
			#nav .qmmc { background:url(../images/navTop.png) no-repeat; padding-top:18px;}
				#nav li a, .qmparent { display:block; border-bottom:1px solid #8e8e8e; text-align:left; margin:0 22px 0 18px; padding:6px 2px 0 0; height:20px; color:#fff; text-decoration:none;}
				#nav li a:hover, #nav li a:focus, .qmparent:focus, .qmparent:hover { background-color:#303030; color:#fff;}
				#nav li ul, .qmmc div { display:block; padding:0; margin:-28px 0 0 176px; background:#3e3e3e; border:1px solid #8e8e8e; border-width:1px 1px 1px 0}
				#nav li li a, .qmmc div a { color:#fff; padding:4px 12px; display:block; min-width:145px; border-bottom:1px solid #8e8e8e; text-decoration:none}
				#nav li li a:hover, #nav li li a:focus, .qmmc div a:hover, .qmmc div a:focus { background:#303030; color:#fff;}
			#nvBot { background:url(../images/navBot.png) no-repeat; height:20px;}
		.sidebar .box { background:url(../images/sbTop.png) no-repeat; padding-top:20px; margin-bottom:5px;}
			.sidebar .box .text { background:url(../images/sb.png) repeat-y; min-height:20px; padding:0 10px}
			.sidebar .box .sBot { background:url(../images/sbBot.png) no-repeat; height:20px;}

	/*** main content area ***/
	.mContent { width:796px; float:left; margin:0 0 0 12px;}
		#imgHeader { background:url(../images/imgHeader.png) no-repeat; min-height:198px; margin-bottom:5px;}
			#imgHeader div { float:left; width:159px; padding-top:18px; text-align:center;}
		.mText { background:url(../images/mTop.png) no-repeat; padding-top:25px;}
			.mText .text { background:#fff; padding:0 20px}
		.mBot { background:url(../images/mBot.png) no-repeat; height:20px;}
	
		.moreBtn { background:url(../images/btn_more.png) no-repeat; width:83px; height:22px; display:block; margin-top:10px; text-indent:-3000px;}
		.moreBtn:hover, .moreBtn:focus { background-position:0 -60px}
		.imgHolder { background:url(../images/imgHolder.png) no-repeat; width:156px; height:90px; padding:9px 9px 20px 9px; margin:0 7px;}
			.imgHolder a { overflow:hidden; height:inherit; width:inherit; display:block;}

	.btn { background:url(../images/btn.png) 0 0 no-repeat; color:#66a4d3; line-height:14px; width:177px; height:21px; font-size:12px; display:block; text-align:center; padding-top:7px; margin:2px auto 0 auto;}
	.btn:hover, .btn:focus { background-position:0 -60px; color:#fff; text-decoration:none}
	input.btn { border:0; margin:0; padding:0; background:0;}
	input.btn:hover, input.btn:focus { cursor:pointer;}

/*** footer ***/
#footer .wrapper { background:url(../images/footer.png) no-repeat; padding:20px 0; text-align:center; color:#4989c2; font-size:10px; position:relative; line-height:12px;}
	#footer .copyright { color:#fff; font-size:12px;}
	#footer a { color:#fff; text-decoration:none;}
	#footer a:hover, #footer a:focus { text-decoration:underline;}

/*** typo ***/
	.mContent h1, .mContent h2 { font-size:22px; color:#666; line-height:26px;}
	.mContent h2 { font-size:18px; line-height:20px;}
	.mContent h3, .mContent h4 { font-size:12px; font-weight:bold; margin:0; color:#333}
	.mContent h4 { font-size:12px; font-weight:normal;}
	.mContent h5, .mContent h6, .mContent p { font-size:12px; margin:0;}
	.mContent ul { padding-left:30px;}
	.mContent li { font-size:12px;}
	.mContent blockquote { display:block; text-align:center; font-size:14px; font-family:Tahoma}
	.mContent a { text-decoration:underline;}
	.mContent a:hover, .mContent a:focus {}