@charset "utf-8";
body
{
	font-family: "Tahoma" , Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin: 0;
	padding: 0;
}
#container
{
	width: 951px;
	margin: 0 auto;
	border: #006666 1px solid;
}
.clear
{
	height: 0;
	clear: both;
}
form
{
	margin: 0;
	padding: 0;
}
img
{
	border: none;
	behavior: url( "img/iepngfix.htc" );
}
/*header//////////////////////////////////////////////////////////////////////////////*/
#header
{
	border-top: 4px #00727C solid;
	border-bottom: 1px #6BADB3 solid;
}
#logo
{
	list-style: none;
	margin: 20px 0 0 20px;
	padding: 0px;
	float: left;
}
/*IE6 hack code*/
*html #logo
{
	list-style: none;
	margin: 20px 0 0 10px;
	padding: 0px;
	float: left;
}
#logo li
{
	margin: 0;
	padding: 0;
}
#logo li a
{
	height: 93px;
	display: block;
	text-decoration: none;
	text-indent: -900em;
}
#logo #logo-image a
{
	width: 176px;
	background: url(../img/logo.gif) no-repeat left top;
}
#toplinks
{
	font-size: 12px;
	width: 733px;
	float: right;
}
.type-panel
{
	float: left;
	color: #666666;
}
.type-panel .type1
{
	color: #666666;
	text-decoration: underline;
}
.type-panel .type2
{
	font-size: 20px;
	color: #666666;
	text-decoration: underline;
}
.type-panel .type3
{
	font-size: 24px;
	color: #666666;
	text-decoration: underline;
}
.login-panel
{
	margin: 0 20px 0 0;
	padding: 0;
	list-style: none;
	float: right;
}
/*IE6 hack code*/
*html .login-panel
{
	margin: 0 10px 0 0;
	padding: 0;
	list-style: none;
	float: right;
}
.login-panel li
{
	display: inline;
	margin: 0 3px 0 0;
}
.login-panel li a
{
	text-decoration: none;
}
.login-panel li.learning-login
{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	float: left;
	padding: 2px 0 5px 6px;
	display: block;
	background: url(../img/learningtab_left.gif) no-repeat left top;
	font-size: 12px;
}
.login-panel li.learning-login span
{
	background: url(../img/learningtab_right.gif) no-repeat right top;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 6px 5px 0;
	font-size: 12px;
}

.login-panel li.assesment-login
{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	float: left;
	padding: 2px 0 5px 6px;
	display: block;
	background: url(../img/assesmenttab_left.gif) no-repeat left top;
	font-size: 12px;
}
.login-panel li.assesment-login span
{
	background: url(../img/assesmenttab_right.gif) no-repeat right top;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 6px 5px 0;
	font-size: 12px;
}
.navigation
{
	clear: both;
	text-align: right;
}
/*header//////////////////////////////////////////////////////////////////////////////*/

/*main content///////////////////////////////////////////////////////////////////////*/
.bottom-border
{
	border-bottom: #6BADB3 1px solid;
	padding: 5px 10px 5px 10px;
}
*html .bottom-border
{
	border-bottom: #6BADB3 1px solid;
	padding: 5px 5px 0 5px;
}
/*IE7 hack code*/
html* .bottom-border
{
	border-bottom: #6BADB3 1px solid;
	padding: 5px 10px 0 10px;
}
.signup-box
{
	float: left;
	width: 295px;
	border: #CCCCCC 1px solid;
}
.signup-box h3
{
	background-color: #00727C;
	color: #FFFFFF;
	margin: 0 0 3px 0;
	padding: 5px;
	font-size: 16px;
}

.signup-box p
{
	padding: 3px 0 3px 10px;
	margin: 0 0 5px 0;
}
/*IE6 hack code*/
*html .signup-box p
{
	padding: 3px 0 3px 10px;
	margin: 0 0 3px 0;
}
/*IE7 hack code*/
html* .signup-box p
{
	padding: 3px 0 3px 10px;
	margin: 0 0 3px 0;
}
.signup-box p span
{
	width: 60px;
	padding: 3px 0 3px 0;
	display: block;
	float: left;
}
.signup-box p .textbox
{
	border: #CCCCCC 1px solid;
	font-size: 16px;
}
.buttoncss
{
	background-color: #3E959C;
	border: #00727C 1px solid;
	color: #FFFFFF;
	font-weight: bold;
	overflow: hidden;
	font-size: 15px;
	text-transform: uppercase;
}
.banner
{
	float: right;
	width: 610px;
	position: relative;
	text-align: right;
}
.text
{
	position: absolute;
	left: 0;
	top: 2px;
	font-size: 17px;
	line-height: 20px;
	text-align: right;
	width: 95%;
	padding: 10px;
}
.callouts
{
	border: #FFFFFF 5px solid;
	background-image: url(../img/blue_gradient.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;
	clear: both;
}
/*IE6 hack code*/
html* .callouts
{
	border: #FFFFFF 5px solid;
	background-image: url(../img/blue_gradient.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;
	clear: both;
	height: 100%;
}
.teal-box
{
	float: left;
	width: 295px;
	height: 308px;
	border: #00727C 1px solid;
	background-color: #FFFFFF;
	margin: 5px 22px 5px 5px;
	line-height: 14px;
}
/*IE6 hack code*/
*html .teal-box
{
	float: left;
	width: 295px;
	height: 308px;
	border: #00727C 1px solid;
	background-color: #FFFFFF;
	margin: 5px 23px 5px 2px;
	line-height: 14px;
}
.teal-box h3
{
	background-color: #00727C;
	color: #FFFFFF;
	margin: 0;
	padding: 5px;
	font-size: 16px;
}
.teal-box p
{
	margin: 0;
	padding: 0;
}
.image
{
	float: right;
}
.padding5
{
	padding: 5px;
}

.blue-box
{
	float: left;
	width: 295px;
	height: 308px;
	border: #65B2D8 1px solid;
	background-color: #CCE2ED;
	margin: 5px 18px 5px 0;
	line-height: 14px;
}
.blue-box h3
{
	background-color: #65B2D8;
	color: #FFFFFF;
	margin: 0;
	padding: 5px;
	font-size: 16px;
}
.blue-box p
{
	margin: 0;
	padding: 0;
}
.tahoma13tealbold
{
	font-weight: bold;
	font-size: 17px;
	color: #006666;
}
.tahoma12tealbold
{
	font-weight: bold;
	font-size: 16px;
	color: #006666;
}

.orange-box
{
	float: left;
	width: 295px;
	height: 308px;
	border: #FD8C3F 1px solid;
	background-color: #FFF;
	margin: 5px 0 5px 0;
	line-height: 14px;
}

.orange-box h3
{
	background-color: #FD8C3F;
	color: #FFFFFF;
	margin: 0;
	padding: 5px;
	font-size: 16px;
}
.orange-box p
{
	margin: 0;
	padding: 0;
}
/*New css//////*/
div.sponsors
{
	float: left;
	text-align: center;
	height: 280px;
	width: 295px;
	line-height: 254px; /* height - 2 */
}

div.sponsors img
{
	margin-top: expression(( 256 - this.height ) / 2);
}

html > body div.sponsors img
{
	/*hidden from IE 5-6 */
	margin-top: 0; /* to clean up, just in case MS later supports valign! */
	vertical-align: middle;
}
.centerImg
{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.orange-box-left
{
	float: left;
	width: 295px;
	height: 270px;
	border: #FD8C3F 1px solid;
	background-color: #FFF;
	margin: 5px 22px 5px 5px;
	line-height: 14px;
}
/*IE6 hack code*/
*html .orange-box-left
{
	float: left;
	width: 295px;
	height: 270px;
	border: #FD8C3F 1px solid;
	background-color: #FFF;
	margin: 5px 23px 5px 2px;
	line-height: 14px;
}
.orange-box-left h3
{
	background-color: #FD8C3F;
	color: #FFFFFF;
	margin: 0;
	padding: 5px;
	font-size: 16px;
}
.orange-box-left p
{
	margin: 0;
	padding: 0;
}
.graylink
{
	color: #333333;
	text-decoration: underline;
}
.graylink:hover
{
	color: #333333;
	text-decoration: none;
}

.teal-box-bottom
{
	float: left;
	width: 295px;
	height: 270px;
	border: #00727C 1px solid;
	background-color: #FFFFFF;
	margin: 5px 18px 5px 0;
	line-height: 14px;
}
/*IE6 hack code*/
*html .teal-box-bottom
{
	float: left;
	width: 295px;
	height: 270px;
	border: #00727C 1px solid;
	background-color: #FFFFFF;
	margin: 5px 18px 5px 0;
	line-height: 14px;
}
.teal-box-bottom h3
{
	background-color: #00727C;
	color: #FFFFFF;
	margin: 0;
	padding: 5px;
	font-size: 16px;
}
.teal-box-bottom p
{
	margin: 0;
	padding: 0;
}

.teal-box-right
{
	float: left;
	width: 295px;
	height: 270px;
	border: #00727C 1px solid;
	background-color: #FFFFFF;
	margin: 5px 0 5px 0;
	line-height: 14px;
}
/*IE6 hack code*/
*html .teal-box-right
{
	float: left;
	width: 295px;
	height: 270px;
	border: #00727C 1px solid;
	background-color: #FFFFFF;
	margin: 5px 0 5px 0;
	line-height: 14px;
}
.teal-box-right h3
{
	background-color: #00727C;
	color: #FFFFFF;
	margin: 0;
	padding: 5px;
	font-size: 16px;
}
.teal-box-right p
{
	margin: 0;
	padding: 0;
}
/*main content///////////////////////////////////////////////////////////////////////*/

/*footer///////////////////////////////////////////////////////////////////////*/
.cources
{
	line-height: 18px;
	margin: 0;
	padding: 0;
}
.cources a
{
	color: #333333;
	text-decoration: underline;
}
.cources a:hover
{
	color: #333333;
	text-decoration: none;
}
/*footer///////////////////////////////////////////////////////////////////////*/

/*inner page/////////////////////////////////////////////////////////////////////////*/
.left-content h1
{
	font-size: 22px;
	color: #2E9A9B;
}
.left-content
{
	float: left;
	font-size: 17px;
	line-height: 14px;
	width: 762px;
	color: #666666;
}
.news-panel
{
	float: left;
	width: 168px;
	text-align: center;
}
.events
{
	font-size: 15px;
	text-align: left;
	color: #666666;
	line-height: 18px;
	margin: 0 5px 0 10px;
}
.events p
{
	margin: 0;
	padding: 5px 0 5px 0;
}
.events p a
{
	color: #666666;
	font-size: 15px;
	text-decoration: none;
}
.events p a:hover
{
	color: #666666;
	font-size: 15px;
	text-decoration: none;
}
.events p span
{
	color: #5D7F9A;
	font-size: 16px;
	margin-right: 5px;
	text-decoration: none;
}
/*inner page/////////////////////////////////////////////////////////////////////////*/



.teal-box-right a
{
	color: #333333;
	text-decoration: underline;
}
.teal-box-right a:hover
{
	color: #333333;
	text-decoration: none;
}

.bottom-border a
{
	color: #333333;
	text-decoration: underline;
}
.bottom-border a:hover
{
	color: #333333;
	text-decoration: none;
}
.blue-box a
{
	text-decoration: none;
}
.orange-box-left a
{
	text-decoration: none;
}
.padding55
{
	padding: 5px;
}
.padding55 a
{
	color: #333333;
	text-decoration: underline;
}
.padding55 a:hover
{
	color: #333333;
	text-decoration: none;
}
.graylink a
{
	color: #333333;
	text-decoration: underline;
}
.graylink a:hover
{
	color: #333333;
	text-decoration: none;
}
#toplinks a
{
	color: #333333;
	text-decoration: none;
}


/*  For Grid View */

.headerstylefirstrow
{
	border-bottom: dotted 1px #CCCCCC;
	color: #6D91A3;
	font-weight: bold;
	background-color: #FFFFFF; /*float:left;*/
}

.itemstyle, .altitemstyle
{
	color: #666666;
	font-family: Verdana, Arial,Courier New, Times New Roman;
	font-size: 15px;
	border-bottom: dotted 1px #CCCCCC; /*height:25px;*/
	text-decoration: none; /*display:inline-block;*/
}
.gridHover
{
	background-color: #F5F5F3;
}
#padding
{
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 0px;
	padding-right: 10px;
}

.lbltitle
{
	color: #2e9a9b;
	font-size: 1.5em;
	font-weight: bold;
}

.lbleventtypeformatnew
{
	width: 140px;
	float: left;
	padding-left: 1px;
	clear: left;
	font-weight: bold;
}

.lblformat
{
	width: 130px;
	height: 20px;
	float: left;
	padding-top: 1px;
}
.lblformatdate
{
	width: 130px;
	height: 20px;
	float: left;
	padding-top: 4px;
}
.searchtitle
{
	color: #2e9a9b;
	font-size: 1.5em;
	font-weight: bold;
}
.lbleventtypeformat
{
	width: 140px;
	float: left;
	padding-left: 1px;
	clear: left;
	height: 30px;
}
.droplistm
{
	padding: 3px; /* background-color:#FAFAFF;*/
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#contentimages {
	float:left;
	margin-right:10px;
}

#padding ul li {
	list-style-type:disc;
	margin-left:165px;	
	}

#padding ol li {
	list-style-type:decimal;
	margin-left:16px;
}
.teal-box-bottom a
{
	text-decoration: none;
}

.teal-box-bottom a:visited
{
	text-decoration: none;
	color: #006666;
}


