/*

Author: Jonath Lee
Website: www.jonathlee.com
Project: ESnet Academy Website
Copyright Jonath Lee 2008. All Rights Reserved.

*/

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,
b, u, i, center,
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;	vertical-align: baseline;	background: transparent;}


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #FFF url(images/bg.png) repeat-x center top;
}

/*--------------------------*/
/*------MAIN STRUCTURE------*/
/*--------------------------*/
#wrapper {margin: 0 auto;	width: 960px;}
#header {color: #333;	width: 960px;	float: left;	height: 100px;}
#navigation {
	float: left;
	width: 960px;
	color: #333;
	height: 32px;
	z-index: 999;
}
#flashHeader{
	width:960px;
	height:320px;
	float: left;
	padding: 20px 0;
	z-index: 2;
}
#leftcolumn {	color: #333;	width: 230px;	float: left;}
#content{
	float:left;
	display:inline;
	width:500px;
	line-height: 20px;
	color: #333;
}
#rightcolumn {	float: right;	color: #333;	width: 200px;	display: inline;	line-height: 18px;}
#footer {	width: 100%;	clear: both;	height:90px;	padding-top: 10px;}
#footerContent{	width:960px;	margin:0 auto;	height: 50px;	border-top: solid 1px #CCC;}

/*--------------------------*/
/*-------TEXT STYLING-------*/
/*--------------------------*/
h1{
	font-size:20px;
	line-height: 100%;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Verdana;
	color: #F50;
	border-bottom: solid 1px #F0F0F0;
	margin-bottom: 10px;
	padding-bottom: 3px;
}
h2{
	font-size:18px;
	color: #000;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Verdana;
}
h3{
	font-size:16px;
	font-weight: bold;
	color: #000;
}
h4{
	font-size:14px;
}
h5{
	font-size:12px;
}
h6{
	font-size:10px;
}
.txtBlack{ color:#000;}
.txtWhite{ color:#FFF;}
.txtBlue{
	color: #06F;
}
.txtRed{
	color: #F00;
}
.txtGreen{
	color: #66CC00;
}


/*--------------------------*/
/*------FUNCTION ITEMS------*/
/*--------------------------*/
#logo{	width:190px;	height:85px;	float:left;	padding-top: 15px;}
#search{
	float: right;
	height: 22px;
	width: 250px;
	clear: right;
	padding-top: 40px;
}
.searchBtn{	height: 22px;	width: 60px;	float: right;	border-style: none;	background: url(images/btnSearch.png) no-repeat left top;}
.searchInp{	float: left;	height: 18px;	width: 176px;	border: 1px solid #CCC;}


.newsColumn{width: 200px;}
.newsBoxHead{
	height: 22px;
	width: 200px;
	font-size: 20px;
	font-weight: normal;
	color: #F50;
	font-family: "Trebuchet MS", Arial, Verdana;
	border-bottom: solid 1px #F0F0F0;
}
.newsBox{
	width: 200px;
	padding: 8px 0;
}
.newsBox strong{font-weight:bold;	color: #06C;}
.newsBox a:link, .newsBox a:visited {
	color: #666;
	text-decoration: none;
	line-height: 18px;
	display: block;
}
.newsBox a:hover{
	color: #09F;
}

.columnBox{width: 280px;	background: url(images/newsBody.png) repeat-y center top;	margin: 10px 0;}
.columnHead{	background: url(images/newsHead.png) no-repeat center top;	width: 260px;	color: #555;	height: 12px;	padding: 10px;}
.columnBody{	width: 260px;	padding: 0 10px;}
.columnBottom{background: url(images/newsBottom.png) no-repeat center top;	height: 10px;	width: 280px;}


.copyright{	float:right;	width: 280px;	text-align: right;	margin-top: 10px;	height: 16px;	color: #555;	clear: right;}
.contentHolder{
	float:left;
	width:100%;
	text-align: justify;
	margin-bottom: 20px;
}

.servicesItem{ float:left; width:500px; display:inline; margin:15px 0;}
.servicesItem img{ float:left; padding-right:15px;}
.servicesIconBox{ display:inline; float:left; width:90px;}
.servicesTextBox{ display:inline; float:right; width:400px; }
/*--------------------------*/
/*-------NAVIGATIONS--------*/
/*--------------------------*/
a {	color: #06C;	text-decoration: underline;}
a:link, a:visited {
	text-decoration: underline;
	color: #06C;
}
a:hover {color: #39F;	text-decoration: underline;}
a:active { color:#369;}

a.lnk01:link, a.lnk01:visited {
	color:#06C;
	font-weight:bold;
	text-decoration: none;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 16px;
	display: block;
	padding-bottom: 4px;
}
a.lnk01:hover {
	color:#07F;
	text-decoration:underline;
}
a.lnk01:active { color:#666;}

a.lnk02:link, a.lnk02:visited {
	color:#666;
	text-decoration: none;
}
a.lnk02:hover {
	color:#000;
	text-decoration:underline;
}
a.lnk02:active { color:#666;}


.altNav{	font: bold 12px Arial;	width: 650px;	overflow: hidden;	height: 16px;	margin-top: 10px;	float: left;}
.altNav ul{float: left;}
.altNav ul li{	display: inline;	text-align: left;}
.altNav ul li a:link, .altNav ul li a:visited {	float: left;	text-decoration: none;	width: 80px;	font-weight: normal;	color: #06F;}
.altNav ul li a:hover{	color: #036;	text-decoration: underline;}

.content2column{
	width:240px;
	display:inline;
	text-align: left;
}
.columnType1{
	width:480px;
	background:url(images/columnBg.png) repeat-x top left;
	height:130px;
	border:solid 1px #E6E6E6;
	padding: 10px;
}

.feedbackText{
	width:100px;
	float:left;
	display: inline;
	line-height: 24px;
}
.feedbackInputBox{
	width:400px;
	float:right;
	text-align: right;
	display: inline;
}
.feedbackInput{
	border: solid 1px #CCC;
	width: 360px;
	height: 16px;
	margin-bottom: 8px;
	font-size: 12px;
	color: #333;
}
.feedbackInputMulti{
	border: solid 1px #CCC;
	width: 360px;
	margin-bottom: 8px;
	font-size: 12px;
	color: #333;
}
.feedbackDropdown{	border: solid 1px #CCC;
	width: 360px;
	height: 22px;
	margin-bottom: 8px;
	font-size: 12px;
	color: #333;}
/*--------------------------*/
/*-------RIGHT COLUMN-------*/
/*--------------------------*/

.rightColumnHead{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 20px;
	font-weight: normal;
	color: #F50;
	border-bottom: solid 1px #F0F0F0;
	height: 22px;
	margin-bottom: 10px;
	line-height: 20px;
}
#memberlogintitle{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 20px;
	font-weight: normal;
	color: #F50;
	border-bottom: solid 1px #F0F0F0;
	height: 22px;
	margin-bottom: 10px;
	line-height: 20px;
}
#btnLogin{	background: url(images/btnLogin.png) no-repeat left top;	height: 28px;	width: 120px;	border: none;	color: #FFF;	font-weight: bold;}
#memberlogin label{width:60px;	float:left;	display: inline;	line-height: 24px;}
.loginTxt{	width:60px;	float:left;	display: inline;	line-height: 24px;}
.loginInpBox{width:128px;	float:right;	text-align: right;	display: inline;}
.loginBtn{	background: url(images/btnLogin.png) no-repeat left top;	height: 28px;	width: 120px;	border: none;	color: #FFF;	font-weight: bold;}
.loginInp{	border: solid 1px #E6E6E6;	width: 120px;	height: 16px;	margin-bottom: 8px;	font-size: 12px;	color: #333;}
.loginOptional {	width:200px;	clear:both;	line-height: 22px;	padding-top: 5px;}


.rightcolumnBox {	float:left;	width:200px;	padding:20px 0;	background: url(images/rightColumnB.png) no-repeat center bottom;	color: #666;	margin-bottom:20px;}
/*--------------------------*/
/*---------LIBRARY----------*/
/*--------------------------*/
.Left { float: left; }
.Right { float: right; }
.clearB { clear:both;}
.clearL { clear:left;}
.clearR { clear:right;}
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.padding10{
	padding:10px;
	background:#FFFFD9;
	border: solid 1px #FFEE8C;
}

.newsdate{
	font-size:9px;
}
.newstitle{
	color:#006699;
	font-weight:bold;
}
.morenews{
	float:right;
}