/*



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;

}

.newslist ul{
	list-style:none;
}


.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;

}

.newsmore{

	float:right;

}