/* GLOBAL RESET */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td, select { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}
hr {display:none;}

/* The below restores some sensible defaults */

strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }
a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */
/*END RESET */

body, td, th, textarea, select, h2, h3, h4, h5, h6 {font: 12px/1.25em arial, sans-serif;}
body {
	background:url(images/pagebg.gif) #e7edf7 center repeat-y;
	text-align:center;
	color:#000;
}
#header {
	background:url(images/topbg.gif) top repeat-x;
	height:138px;
}
.wrap-header {width:960px; text-align:left; margin:0 auto;}
	#topbar {height:29px;}
		#topbar .links {float:left; font-size:90%; padding-top:6px;}
			.links a {margin-right:5px;}
			.links a:link, .links a:visited {color:#fff;} .links a:hover {color:#000}
		#topbar .search {float:right; padding-top:3px;}
		#topbar .search input {vertical-align:middle;}
		.txtsearch {background:url(images/search_txtbg.gif) no-repeat; width:165px; height:16px; border:none; font-size:90%; padding:3px 0 0 5px;}
	#branding {background:url(images/banner_bg.jpg) right no-repeat; height:57px; padding-top:22px;}

.btnsearch {background:url(images/search_button.gif); width:20px; height:19px; border:none;}
#mainnav {
	background:url(images/navi_bg.gif) no-repeat;
	height:23px;
	padding:7px 10px 0 10px;
}
#mainnav li {
		float:left;
		margin-right:10px;
		padding-right:10px;
		background:url(images/navi_delim.gif) top right no-repeat;
		font-size:90%;
		font-weight:bold;
		text-transform:uppercase;
		position:relative;
		z-index:999;
	}
	#mainnav li a:link, #mainnav li a:visited {color:#fff;}
	#mainnav li a:hover, #mainnav li.current a:link, #mainnav li.current a:visited {color:#f60}
	#mainnav li ul {
		position:absolute;
		top:15px; left:-2000em;
		background:#061957;
		width:200px;
		padding:8px 0 0 0;
	}
	#mainnav li:hover ul, #mainnav li.sfHover ul {
		top:15px; left:0;
	}
	#mainnav li ul li, #mainnav li.sfHover ul li {
		float:none;
		position:static;
		background:none;
		margin:0; padding:0;
	}
		#mainnav li li a {
			display:block;
			padding:5px 10px;
			color:#fff;
			width:180px;
		}
		#mainnav li li a:hover {background:#f90; color:#fff;}
		#mainnav li.current li a:link, #mainnav li.current li a:visited {color:#fff;}

#banner {margin-bottom:10px;}
.container-wrap-top { /*Content holder*/
	/*background:url(images/container_topbg.gif) no-repeat;*/ 
	padding:5px 15px 0 15px;
	width:930px;
}
.container-body { 
	width:960px;
	text-align:left;
	margin:0 auto;
}
.footlinks {padding:7px 10px 3px 10px; margin:10px 0; background:#0b226d; color:#fff;}
	.footlinks a:link, .footlinks a:visited {color:#fff;}
	.footlinks a:hover {color:#f90;}
.pfoot-left {float:left;}
.pfoot-left img {vertical-align:middle; margin-left:10px;}
.pfoot-right {float:right;}
.pfoot-right img {vertical-align:middle;}
.pfoot-right select {font-size:90%; width:150px; vertical-align:middle}
#footer {
	margin:10px 0;
	text-align:left;
	padding:0 10px;
	font-size:90%;
	color:#666;
}
/*pagecontents*/
#pagecontents {
	float:left;
	width:628px;
}
#spotlight {padding:20px 30px; background:url(images/spotlight_bg.gif) top left no-repeat;}
#spotlight h2 {margin:0 0 10px 0; font-size:150%; font-weight:bold;}
#spotlight h2 a, #spotlight h2 a:visited {color:#000;} #spotlight h2 a:hover {color:#f90;}
#spotlight .spotlight-avatar {float:left; display:inline; margin:3px 20px 10px 0; padding:1px; border:solid 1px #ccc}
#spotlight .spotlight-avatar img {border:solid 1px #fff}
#spotlight .spotlight-desc {line-height:1.7em; font-size:100%;}
#spotlight ul {clear:both; margin:10px 15px; list-style:square;}
		#spotlight li {list-style:square;}
.home-lcol {
	width:406px;
	float:left;
	display:inline;
	margin:0 10px 0 0;
}
.newsbox {
	background:url(images/catbox_topbg.gif) top left no-repeat;
	padding:5px 5px 0 5px;
}
.newsbox h3, .hashdr {
	font-size:120%; font-weight:bold;
	color:#fff;
	background:url(images/newsbox_hdr.gif) top left no-repeat #081c5e;
	padding:5px 10px;
}
.newsbox h3 a:link, .newsbox h3 a:visited {color:#fff;}
.newsbox h3 a:hover {color:#000;}
.newsbox-body {padding:10px 15px;}
.newsbox h4 {font-size:100%; font-weight:bold; margin-bottom:5px;}
.newsbox-avatar {float:left; display:inline; margin:0 15px 5px 0}
.newsbox-avatar img {border:solid 1px #ccc; padding:1px;}
.newsbox-desc {line-height:1.5em; font-size:100%; margin-bottom:10px;}
.newsbox ul {clear:both; margin:0 0 5px 15px;}
.newsbox ul li {list-style:square; color:#226eaf; font-size:90%;}
.newsbox ul li a,.newsbox ul li a:visited {color:#333; text-decoration:none;} .newsbox ul li a:hover {color:#f90;}
.newsbox-foot {
	background:url(images/catbox_botbg.gif) bottom right no-repeat;
	padding:15px 15px 10px 0;
	text-align:right;
	font-size:90%; font-weight:bold;
}
.newsbox-foot a, .newsbox-foot a:visited {color:#333; text-decoration:none;} .newsbox-foot a:hover {color:#f90;}
.home-small-sidebar {
	background:url(images/small_sidebar_topbg.gif) top no-repeat;
	float:right;
	width:212px;
}
.ssb-list {
	padding:12px 12px 0 12px;
}
.ssb-list h3 {
	font-size:100%; color:#226eaf; font-weight:bold;
	margin-bottom:7px; padding-bottom:7px;
	border-bottom:solid 1px #999;
}
.ssb-list .hashdr {color:#fff; border:none;}
.ssb-list ul li {
	font-size:90%;
	color:#666;
	border-bottom:solid 1px #e5e5e5; padding-bottom:5px; margin:0 0 5px 0;
}
.ssb-list ul li a, .ssb-list ul li a:visited {color:#333; text-decoration:none;} .ssb-list ul li a:hover {color:#f90;}
.ssb-list ul.hasstyle {list-style:square; margin-left:0;}
.ssb-list ul.hasstyle li {list-style:square inside;}
.ssb-foot {background:url(images/small_sidebar_botbg.gif) bottom no-repeat; padding:12px;}
.sub-twocols {}
.sub-twocols .odd {float:left; width:290px; margin-right:20px; display:inline; clear:left;}
.sub-twocols .even {float:left; width:290px}
.sub-twocols .full {clear:both;}
/*=============================================*/
/*sidebar*/
#sidebar {
	width:292px;
	float:right;
	display:inline;
	margin-left:10px;
}
.subcat {margin-bottom:5px;}
.subcat div {padding:5px 10px; background:#e4ede9;}
.subcat h3 {
	background:#226eaf;
	padding:5px;
	color:#ffc601;
	font-weight:bold;
}
.subcat ul {margin:3px 0 3px 15px;}
.subcat ul li {font-size:90%; color:#226eaf; list-style:square;}

#projects {margin-top:5px;}
#projects h3 {
	background:#081c5e;
	padding:5px;
	color:#fff;
	font-weight:bold;
}
#projects div {padding:5px 10px; background:#e4ede9;}
#projects .rsavatar {float:left; display:inline; margin:0 10px 10px 0;}
#projects .rsdesc {font-size:90%; color:#333;}
#projects .hasbg {background:#fff; border:solid 1px #e4ede9; padding:5px 10px;}
#projects ul {margin:3px 0 3px 15px;}
#projects ul li {font-size:90%; color:#226eaf; list-style:square;}
#projects ul li a , #projects ul li a:visited {color:#333;} #projects ul li a:hover {color:#f90;} 
#projects h4 {font-weight:bold; font-size:90%;}

#news-ticker {
	height:90px;
	overflow:hidden;
	padding:10px 0;

}
#news-ticker div {background:#fff;}
#news-ticker h4 {font-size:90%; font-weight:bold;}
#news-ticker p {font-size:90%;}
#news-ticker a {position:static;}



#newsletter {
	background:#226eaf;
	padding:5px 10px;
	color:#dae9f2;
}
#newsletter h3 {color:#ffc601; font-weight:bold;}
#newsletter a, #newsletter a:visited {color:#fff; font-weight:bold; text-decoration:none;}
#newsletter a:hover {color:#f90;}
#newsletter .sdesc {font-size:90%; font-weight:bold;}
#newsletter .note {font-size:90%; text-align:right; border-top:solid 1px #dae9f2; padding:5px 0 0 0; margin-top:5px;}
#newsletter form {margin:10px 0;}
.txtemail {width:200px; background:url(images/txtsearch_highbg.gif) top repeat-x #fff; border:solid 1px #ccc; font-size:90%; color:#666; padding:3px 2px;}
.btnsubs {color:#ffc601; font-weight:bold; background:none; border:none; font-size:90%;}
#partner {
	background:#fff; border:solid 1px #e4ede9; padding:10px;
}
#partner h3 {font-weight:bold; font-size:90%; color:#333; margin:0 0 10px 0;}
#partner ul li {text-align:center; margin-bottom:10px;}
/*#partner ul li img {margin:5px 5px;}*/

#support {margin-bottom:10px;}
	#support h3 {background:#081c5e; color:#fff; font-size:100%; font-weight:bold; padding:5px;}
	.support-body {padding:10px 20px; border:solid 1px #e4ede9; background:url(images/support_bg.jpg) top right no-repeat}
		.support-body p {margin-bottom:10px;}

/*=============================================*/
a, a:visited {color:#243773; text-decoration:none;}
a:hover {color:#f90;}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
strong {font-weight:bold;}
em {font-style:italic;}


/*==========================================================*/
#subcontents {padding:10px 20px;}
.article h2 {font-size:130%; margin-bottom:10px; font-weight:bold;}
.article h3 {clear:both; margin:5px 0; background:url(images/dotted.gif) top repeat-x; padding-top:5px; font-weight:bold;}
.article-contents {clear:both; color:#000;}
.article-contents p {margin:10px 0; line-height:1.5em}
.article-contents ul {list-style:square; margin:5px 0 5px 15px;}
.article-contents ul li {list-style:square;}
.article-contents ol {list-style:decimal;  margin:5px 0 5px 15px;}
.article-contents ol li {list-style:decimal;}
.other-news {font-size:90%; color:#333; padding:0 0 0 20px; margin:5px 0;}
.other-news li {line-height:1.6em; list-style:square;}
.trackback {
	margin-bottom:10px;
	font-size:90%;
	color:#666;
	background:url(images/dotted.gif) repeat-x bottom;
	padding-bottom:3px;
}
.trackback img {margin-right:5px;}
.search-result h3 {font-size:130%; margin-bottom:10px;}
.search-result dl {
	margin:5px 0;
	border-bottom:solid 1px #dbdbdb;
	padding-bottom:3px;
	font-size:95%;
}
.search-result dl dt {font-weight:bold;}
.paging {
	clear:both;
	margin:0 0 5px 0;
}
/*paging*/
.paging .linfo {
	float:left;
}
.paging .rinfo {
	float:right;
}
.paging .rinfo a, .paging .rinfo span {
    display: block;
    float: left;
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    border: 1px solid #fff;
    background: #fff;
	font-size:90%;
}
.paging .rinfo span.current {
    border: 1px solid #069;
    font-weight: bold;
    background: #069;
    color: #fff;
}
.paging .rinfo a {
    border: 1px solid #069;
    text-decoration: none;
}

.paging .rinfo a:hover {
    border-color: #081c5e;
}
#weblinks select {width:220px;}

/*Error message*/
.nov {
	color: #FF0000;
	font-weight: bold;
	visibility: hidden;
}
.errhint {
	color:#FF0000; 
	font-weight:bold;
}
/* ERROR FORM*/
form#theFAQForm span.error {	
	color: #cc0000;
	font-weight: 400;
}

form#theFAQForm input.error, textarea.error {
	border: 1px solid #cc0000;
	background-color: #ffffff;
}
form#theContactForm span.error {	
	color: #cc0000;
	font-weight:bold;
}

form#theContactForm input.error, textarea.error {
	border: 1px solid #cc0000;
	background-color: #ffffff;
}
form#theRegisterForm span.error {	
	color: #cc0000;
	font-weight: bold;
}

form#theRegisterForm input.error, textarea.error {
	border: 1px solid #cc0000;
	background-color: #ffffff;
}

form#theRemoveForm span.error {	
	color: #cc0000;
	font-weight: bold;
}

form#theRemoveForm input.error, textarea.error {
	border: 1px solid #cc0000;
	background-color: #ffffff;
}

form#frmNewsLetter span.error {	
	color: #cc0000;
	font-weight: bold;
}

form#frmNewsLetter input.error, textarea.error {
	border: 1px solid #cc0000;
	background-color: #ffffff;
}

form#theLossPassForm span.error {	
	color: #cc0000;
	font-weight: bold;
}

form#theLossPassForm input.error, textarea.error {
	border: 1px solid #cc0000;
	background-color: #ffffff;
}

/* Fieldset, dl, dt, dt for Contact Form, FAQ form */
fieldset {
	margin:10px 0;
	padding:10px 20px;
}
fieldset {
	border:solid 1px #ccc;
}
fieldset dt {
	margin:5px 0;
}
legend {
	font-size:130%;
	color:#333;
	padding:0 2px;
	font-weight:bold;
	margin:0;
	display:inline;
}
label {
	margin:5px 0;
	font-weight:bold;
}
.faqinput {
	width:200px;
}
.sbmbtn1 {
	padding:2px 3px;
}
textarea {
	margin:0;
	padding:0;
}
.qa dl {
	border-bottom:solid 1px #ccc;
	margin-bottom:10px;
	padding-bottom:10px;
}
.qa dt {
	margin:10px 0;
	font-weight:bold;
}
.qa dd {
	line-height:18px;
	clear:both;
}
.outMess{
	color: #ff0000;
	font-weight: bold;
}
.common-form {clear:both; margin:5px 0}
.common-form fieldset {padding:10px; margin:0;}
.common-form  h3 {font-size:130%;}
.common-form  dl {font-size:90%; margin:10px 0; color:#333;}
.common-form  dl dt {
	float:left;
	width:20%;
	padding:2px 0 0 0;
	clear:left;
	margin:0;
}
.common-form  dl dt label {
	display:block;
	font-weight:bold;
	width:100%;
	color:#666;
}
.common-form  dl dd {
	float:left;
	width:80%;
	padding:2px 0 0 0;
	margin:0;
}
.common-form input.med {width:180px; border:solid 2px #c3cddf; height:17px; padding:1px;}
.common-form input.long {
	width:350px;
	border:solid 2px #c3cddf
}
.common-form textarea {
	width:350px;
	height:150px;
	border:solid 2px #c3cddf;
}
.common-form select {width:305px;}
p.align-right {text-align:right;}
.download-cat {margin:5px; border-bottom:solid 1px #ccc; padding-bottom:5px;}
.download-cat .catdesc {font-size:90%; color:#666;}
.download {margin:5px 0}
.download img {margin-right:5px;}
.download dt {font-weight:bold; padding-left:35px;}
.download dd {font-size:90%; margin-bottom:10px;}
.rss { float:center; margin-top:2px; text-align: center; }
.rss a:hover { text-decoration: none; }
.staticInfo { margin: 10px 0; }
img.vericode {vertical-align:middle; margin:5px 0 5px 0px;}
.ul-twocols {width:530px;}
.ul-twocols li {float:left; width:45%;}
.ul-twocols .ul-twocols-left { width:330px;}
.ul-twocols .ul-twocols-right { width:200px;}
.logout { 
	float: right; 
	font-weight: bold;
}
p.align-center {text-align:center;}
#login {
	margin-top:5px;
	padding:10px;
	background:#E4EDE9;
}
#login p {font-size:90%; margin:10px 0;}
#login h3 {
	font-size:100%;
	font-weight:bold;
	margin-bottom:10px;
}
#login dl {margin:5px 0;}
#login dl dt {
	width:60px;
	float:left;
	margin-right:10px;
}
#login dl dt label {display:block; width:60px;}
#login dl dd {
	width:150px;
	float:left;
}
.txtlogin {
	background:url(images/form_txtbg.gif) repeat-x;
	height:16px;
	padding:3px 0 0 0;
	border:solid 1px #ccc;
	font-size:90%;
	width:150px;
}
#scrollfollow {
	position:absolute;
	top:105px;
	left:5px;
}
#gallery {margin:10px 0; border:solid 1px #E4EDE9; padding:10px;}
#gallery h3 {font-size:100%; font-weight:bold; margin-bottom:10px;}
#gallery ul {margin-left:15px;}
#gallery ul li {line-height:1em; float:left; margin:0 5px 5px 0;}
#gallery ul li a img {border: solid 1px #ccc; padding:2px;}
#gallery ul li a:hover img {border: solid 1px #fc6b00;}
#gallery p {clear:both; font-size:90%; font-weight:bold; margin:5px 0 10px 15px;}
#media-center {background:#333; height:260px;}

.error {color:#f00;}
div.error-box {
	border:solid 1px #e4ecf3;
	padding:5px 10px;
	font-size:90%;
	display:none;
	margin-bottom:5px;
	background:#ffffd3;
}
	div.error-box ol {list-style:disc; margin:0 0 0 15px;}
		div.error-box ol li {list-style:disc;}
	div.error-box label {font-weight:normal;}
	
#register {}
	#register h2 {font-size:120%; font-weight:bold; margin-bottom:10px;}
	#register table {border-collapse:collapse;}
	#register td {padding:5px 10px;}
	#register td.lbl {font-weight:bold;}
	
#album {margin:20px 0;}
	.albumlisting li {width:106px; float:left; margin-right:10px; margin-bottom:10px;}
		.albumlisting li img {border:solid 1px #ccc; padding:2px;}
#otherAlbum {border-top:solid 1px #ccc; padding-top:10px;}
	#otherAlbum h3 {font-size:100%; font-weight:bold; margin-bottom:10px;}
	
.counter {float:right; margin:-50px 0 0 0;}
.alumni {margin:20px 0;}
	.alumni .sitem {width:280px; float:left; margin:0 0 20px 20px}
	.alumni .sitem .img {width:106px; float:left; margin-right:10px;}
		.alumni .sitem .img img {border:solid 1px #ccc; padding:2px;}
		.alumni .sitem .title {font-weight:bold;}
		.alumni .sitem p {margin-bottom:5px;}
		#news-listing {margin:10px 0;}

	#news-listing .nitem {margin-bottom:10px; padding-bottom:10px; border-bottom:solid 1px #ccc;}
		#news-listing .nitem .img {float:left; margin:2px 15px 15px 0;}
			#news-listing .nitem .img img {border:solid 1px #ddd; padding:2px;}
		#news-listing .nitem dt {font-weight:bold; margin-bottom:5px;}
		#news-listing .nitem .note{ font-size:12px; font-style:normal; color:#000; font-weight:normal; }
		
.video-listing {margin-bottom:20px;}
	.video-listing li {padding:3px 10px; background:#eee; border-bottom:solid 1px #ddd;}
	
/*#spotlight .videoparent img {border:solid 1px #fff}*/
