/*----browser clearsets and some general typo tag setting------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font,
ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, 
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 { color: #666;	
	background-color:#92ac7b;
	background-repeat:repeat-x;
	background-position: top center;
	font:12px Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin: 10px;	padding: 0;
	}

table {	border-collapse: collapse;	border-spacing: 0;}
caption, th, td { font-weight: normal; vertical-align:top; }

p, td, ul, li, ol, h1, h2, h3, h4, h5, input, select, textarea {
	color: #666;
	font: 12px Verdana, Arial, Helvetica, Geneva, sans-serif;
	line-height: 16px;
	}	

p {
	margin: 0 0 10px 0;
	}

ul, li {
	margin: 0px 0 0 20px;
	padding: 0px;
	}

img {
	padding: 0px;
}

h1, h2, h3 {
	margin:0 0 10px 0;
}
	
h1 {
	font:bold 18px Verdana, Helvetica, sans-serif;
	color: #5a5a5a;
	}
	
h2 {
	font: bold 14px Verdana, Helvetica, sans-serif;
	color: #5a5a5a;
	}
	
h3 {
	font: bold 12px Verdana, Helvetica, sans-serif;
	color: #5a5a5a;
	}
	
a {
	text-decoration:none;
	}


a:hover {
	text-decoration:underline;
	}

/*----bodyframe setting------*/

	#wrapper {
	margin:0 auto;
	width: 980px;
	height:auto;
	border:1px solid #ccc;
	padding:0px;
	/*overflow:hidden;*/
	background: white;	
	}
	
	#header {
	width:760px;
	margin:0 auto;
	margin-top:30px;
	overflow:hidden;
	}
	
	.liner {
	width: 980px;
	height: 1px;
	background: #fff;
	overflow:hidden;
	}
	
	.liner2 {
	border:1px solid #ccc;
	margin:5px 0 5px 0;
	}
	
		
	#submenubox {
	margin:1px 0px 1px 0px;
	width: 978px;
	height:30px;
	border:1px solid #8d8d8d;
	}
	
	#submenubox1 {
	margin:0;
	width: 978px;
	padding:0px;
	overflow:hidden;
	background: #fff;	
	}
	
	#leftbox {
	float:left;
	margin:0 auto;
	width: 241px;
	height:auto;
	padding:0px;
	background: #fff;
	}
	
	#middlebox {
	float:left;
	margin:0 2px 0 5px;
	width:484px;
	height:auto;
	padding:0px;
	background: #fff;	
	}
	
	#submiddlebox {
	float:left;
	margin:0 8px 0 0px;
	width:687px;
	height:auto;
	padding:0px;
	padding-bottom:15px;
	background: #fff;	
	}
	
	#subentirebox {
	float:left;
	margin:0 8px 0 0px;
	width:964px;
	height:auto;
	padding:0px;
	padding-bottom:15px;
	background: #fff;	
	}
	
	#highlightbox {
	margin:0px 0px 5px 0px;
	width: 484px;
	border:1px solid #8d8d8d;
	background: #fff;	
	}
	
	#subcontent {
	display:block;
	margin:5px 0px 0px 5px;
	background: #fff;	
	}
	
	#rightbox {
	float:right;
	margin:0 0 0 5px;
	width: 241px;
	height:auto;
	background: #fff;	
	}
	
	#mainbox {
	margin:0 auto;
	width: 980px;
	height:auto;
	border:1px solid #ccc;
	border-left:none;
	border-right:none;
	padding:0px;
	overflow:hidden;
	background: white;	
	}
	
	#footer 
	{
	width: 100%;
	clear:both;
	}

	#footer p {
	margin:0 auto;
	width: 980px;
	height:35px;
	border:1px solid #ccc;
	border-left:none;
	border-right:none;
	padding:5px 0;
	overflow:hidden;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	background: #f7f6f6;	
	text-align: center;
	}
	
	
	#main_menu {
	margin:0 auto;
	width: 980px;
	padding:0;
	overflow:hidden;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	background: #fff;	
	text-align: left;
	}
	
	#main_menu1 {
	margin:0 auto;
	width: 679px;
	padding:0;
	overflow:hidden;
	border-right:1px solid #ccc;
	float:left;	
	}
	
	
	#main_menu2 {
	margin:0 auto;
	width: 300px;
	padding:0;
	overflow:hidden;
	float:left;	}
	
	#profilebox { padding:8px; height:auto; background: #ffeeee; font:11px Verdana, Arial, Helvetica, sans-serif; }
	#profilebox ul { margin:0px; list-style-type:none; }
	#profilebox ul li { margin:0px; }
	#profilebox ul li ul{ margin-left:15px; }
	#profilebox ul li ul li.spacer{ line-height:10px; }
	#profilebox .newapp { color:Red; font-weight:bold; }
	#profilebox	.name{ font: bold 12px Verdana, Helvetica, sans-serif; color:#821918; display:block; }
	
/* Sidebar */

#sidebar {
	float: left;
	width: 265px;
	height: auto;
	padding: 5px;
	
}

#sidebar_content{
	border: 1px solid #D3D3D3;
	background-color: white;
	width:260px;
	height:auto;
	padding:10px 0px 0 10px;
}

#WelcomeName{
	font:11px Verdana, Arial, Helvetica, Geneva, sans-serif;
	color:#9b0000;
	margin:0px 0px 10px 0px;
	padding:0px;
}

#Title{
	font:11px Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin:0px 0px 10px 0px;
	padding:0px;
}

img.lefty {
	float:left;
	padding:0px 8px 0px 0px;
	}

#Title a {
	color:#0a5690;
	text-decoration:none;
	}


#Title a:hover {
	color:#0a5690;
	text-decoration:underline;
	}


	
	
	
	
	
/* Content Box  */

#contentbar {
	float: left;
	padding: 5px;
	margin: 0px 0px 0px 10px;
	width: 680px;
	height: auto;
	border-left: 1px dashed #DFE1E0;
}

#contentbar_content{
	border: 1px solid #D3D3D3;
	background-color: white;
	width:auto;
	height:auto;
	padding:10px 0px 0 10px;
	
}

#TitleBox {
	margin: 30px 0px 0px 0px;
	width: 650px;
	height:18px;
	border:1px solid #ccc;
	border-left:none;
	border-right:none;
	padding:5px;
	overflow:hidden;
	background: #f7f6f6;	
	font:12px Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-weight:bold;
	}
	

table.highlight {
	width:100%;
}

td.highlight {
text-align:left;
vertical-align:top;
width:auto;
}

td.highlight h2, .httitle, #subcontent h2, .profiletitle
{
	color: #005596;
	font:bold 13px Verdana, Helvetica, sans-serif;
	display:block;
	border:4px solid #005596;
	border-bottom:none;
	border-top:none;
	border-right:none;
	padding:5px 10px 5px 10px;
	margin:0;
	background-color:#bcdaff;
	margin: 0 0 10px 0;
}

.inputtable .highlight td { background-color : lightgray }
	
.author, .date, .rating {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#adadad;
}

#icons {
	float:right;
	padding: 5px;
	margin: 0px;
	height: auto;
}

#contentmenubox {
	width: 970px;
	height:auto;
	background: #fff;	
	margin:5px;
	/*overflow:hidden;*/
	}	

#contentmenubox_left {
	width: 275px;
	background: #fff;	
	float:left;
	margin:0px;
	padding:0px;
	}	
	
#contentmenubox_middle {
	width: 410px;
	background: #fff;
	float:left;
	margin:0 5px 0 5px;
	padding:0px;
	}	
	
#contentmenubox_right {
	width: 275px;
	background: #fff;	
	float:left;
	margin:0px;
	padding:0px;
	}	

#quotebox {
	width: 263px;
	background: #b6e7ff;
	padding:6px;
	font:14px Century Gothic, Verdana, Arial, Times New Romans;
	font-weight:bold;
	text-align:center;
	color:#000000;
	}	
	
#quotebox1 {
	width: 265px;
	background: #b6e7ff;
	padding:5px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
	color:#000000;
	}	

#quotebox #author {
	text-align:right;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#quotebox1 .date-input
{
	font-size: 1em;
	color: #00346A;
	text-align:center; 
	font-weight:bold
}

#quotebox1 hr
{
	border:0px; 
	border-top:1px solid #00346A; 
	height:1px;
}

#quotebox1 .ppTitle, #quotebox1 .ppVenue
{
	font-size: 1em;
}

#quotebox1 .ppTitle 
{
	font-weight: bold;
	margin-bottom:5px;
}

#contents {
	width: 379px;
	background: #fff;	
	border-left:1px solid #8d8d8d;
	border-right:1px solid #8d8d8d;
	padding: 0 15px 10px 15px;
}		

/*----table setting------*/
	
.general_table {
	margin:5px 0 10px 0;
	}
	
.general_table th {
	font: 1em bold Verdana, Verdana, Helvetica, sans-serif;
	color:navy;
	padding:10px 10px;
	background-color:#9abfe5;
	border:1px solid #eee;
	border-bottom:none;
	}
	
.general_table td {
	padding:2px 4px;
	border:1px solid #eee;
	}
	
/*----my form setting------*/
.generalform p {
clear:left;
margin:0;
padding:17px 0 17px 0;
border-bottom:1px dashed #999;
}

span.added {
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#F9100C;
}
	
fieldset {
	padding:10px;
	overflow:hidden;
	margin-bottom:10px;
	}
	
legend {
	font:bold 12px Verdana, Verdana, Helvetica, sans-serif;
	color:navy;
	padding:0 5px 0 5px;
	}
	
.generalform label{
	margin-left:0px;
	width:200px;
	}
				
input.normal,
select.normal,
textarea.normal {
		border: 1px solid #7F9DB9; 
		font: 1em Verdana, Arial, Helvetica, sans-serif;
		padding: 2px 4px;
		color: #666;
		width: 200px;
		margin-right:0px;
		}
		
textarea.normal { height: 100px; }	
select.normal {width:auto;}

#subcontent .buttons { margin-top:15px; text-align:center; }

.genButton {
	background-color: #005596;
	margin: 0; 
	border: 0;
	text-align: center;
	font-weight: bold;
	color: #fff;
	padding: 2px 3px !important;
	line-height: normal !important;
	}

.genButton[disabled="disabled"] { background-color:Gray; }
	
label {
	font:Verdana, Arial, Helvetica, Geneva, sans-serif;
	color:#666;
	margin:0 10px 0 0;
	}
	
form {
	margin:0;
	}
	
	
	
	
	
	
	
	
/*----menu setting------*/

ul#main_menu {
	float:right;
	margin-right:100px;
	margin-top:20px;
	}
ul#main_menu li.main_menu {
	float:left;
	display:block;
	border:1px solid #dfe5e9;
	padding:5px 10px 5px 10px;
	margin:10px 0px 10px 0px;
	margin-top:10px;
	}
ul#main_menu a {
	font:12px Verdana, Arial, Helvetica, Geneva, sans-serif;
	color:#0f7bc1;
	padding:1px 10px;
	text-decoration:none;
	
	}
	
ul#main_menu a:hover {
	text-decoration:underline;
	}
	

	
ul#main_menu a.current, ul#main_menu a.current:hover {
	font-weight: bold;
	color:#005696;
	
	}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
/*----sub menu setting------*/

ul#sub_menu{
	margin:0;
	}
	
ul#sub_menu li {
	float:left;
	display:block;
	}
ul#sub_menu li.telnumber{
	float:right;
	margin:8px 30px 0 0;
	font-weight: bold;
	color:#005596;
	}
ul#sub_menu li.current {
	background:#005596;
	height:30px;
	vertical-align:middle;
	}
ul#sub_menu a {
	float:left;
	padding: 0 20px;
	margin:8px 0px 0 0;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#005596;
	text-decoration:none;
	}
	
ul#sub_menu a.last {
	border-right:none;
	}
	
ul#sub_menu a:visited{
	color:#666;
	}
	
ul#sub_menu a:hover{
	text-decoration:underline;
	color:#005596;
	}
	
ul#sub_menu a.current, .sub_menu a.current:hover {
	color:#fff;
	font-weight: bold;
	}


/*----gridview setting------*/

.gridviewlist {
	width: 100%;
	border-spacing: 1px;
	background-color: #e7e7e7;
	color: #666;
	border-collapse:separate;
}

.gridviewlist td,
.gridviewlist th { padding: 4px; }

.gridviewlist th {
	text-align: center;
	background: #f0f0f0;
	color: #666;
	border-bottom: 1px solid #999;
	border-left: 1px solid #fff;
}

.gridviewlist a:hover { text-decoration: none; }

.gridviewlist th img { vertical-align: middle; }

.gridviewlist th { font-weight: normal; }

.gridviewlist th a { text-decoration:none; font-weight:normal }

.gridviewlist tr.row0:hover td,
.gridviewlist tr.row1:hover td  { background-color: #ffd ; }

.gridviewlist tr.row0 td { background-color: #fff; border: 1px solid #fff; }
.gridviewlist tr.row1 td { background-color: #f9f9f9; border: 1px solid #FFF; }

.gridviewlist td.optionlink { text-align:center; }

.pagination {padding:7px; color: #333; background-color: #f3f3f3; border-top: 1px solid #999}
.pagination table {margin:auto}
.pagination div.limit { float: left; height: 22px; line-height: 22px; margin: 0 10px}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	color: #333;
	cursor: pointer;
}

.button2-left span,
.button2-right span { cursor: default; color: #999; }

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span,
.button2-left .blank a,
.button2-right .blank a,
.button2-left .blank span,
.button2-right .blank span { padding: 0 6px; }

.page span,
.blank span {
	color: #000;
	font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover { text-decoration: none; color: #0B55C4; }

.button2-left a,
.button2-left span { padding: 0 24px 0 6px; }

.button2-right a,
.button2-right span { padding: 0 6px 0 24px; }

.button2-left { background: url(../../images/j_button2_left.png) no-repeat; float: left; margin-left: 5px; }

.button2-right { background: url(../../images/j_button2_right.png) 100% 0 no-repeat; float: left; margin-left: 5px; }

.button2-right .prev { background: url(../../images/j_button2_prev.png) no-repeat; }

.button2-right.off .prev { background: url(../../images/j_button2_prev_off.png) no-repeat; }

.button2-right .start { background: url(../../images/j_button2_first.png) no-repeat; }

.button2-right.off .start { background: url(../../images/j_button2_first_off.png) no-repeat; }

.button2-left .page,
.button2-left .blank { background: url(../../images/j_button2_right_cap.png) 100% 0 no-repeat; }

.button2-left .next { background: url(../../images/j_button2_next.png) 100% 0 no-repeat; }

.button2-left.off .next { background: url(../../images/j_button2_next_off.png) 100% 0 no-repeat; }

.button2-left .end { background: url(../../images/j_button2_last.png) 100% 0 no-repeat; }

.button2-left.off .end { background: url(../../images/j_button2_last_off.png) 100% 0 no-repeat; }

.gridviewlist .buttons { text-align:center; vertical-align:middle; }
.gridviewlist .buttons a { margin:0px; }


/*----end gridview setting------*/


.watermarked, .watermark { color:silver !important}

img { border: 0px }

.cler { clear:both; height:0px; }

.required {color:Red}

.custom_message { color:Red; margin:8px 0; font-weight:bold; }

.inputtable .item { padding:3px 0px; }
.inputtable .sep { padding:3px 5px; width:0px; }
.inputtable .preview { padding-left:5px; padding-right:5px }

.status_message1 { font-weight:bold; font-size:12px; margin:15px 0px; }

#banner { margin:0px; padding:0px; border:0px none; }

.sep1 { height:15px; display:block; }
.sep2 { height:10px; display:block; }
.sep3 { height:5px; display:block; }

.blockIMG { display:block; margin:0; }

.empty_gridview { font-weight:bold; font-style:italic; text-align:center; margin:20px auto }


/*----highlide like window------*/
.window_outline .tl {background: url(../../highslide/graphics/outlines/rounded-white.png) 0px 0px; height:20px; width:20px}
.window_outline .tm {background: url(../../highslide/graphics/outlines/rounded-white.png) 0px -40px; height:20px; width:20px}
.window_outline .tr {background: url(../../highslide/graphics/outlines/rounded-white.png) -20px 0px; height:20px; width:20px}
.window_outline .ml {background: url(../../highslide/graphics/outlines/rounded-white.png) 0px -80px; height:20px; width:20px}
.window_outline .mr {background: url(../../highslide/graphics/outlines/rounded-white.png) -20px -80px; height:20px; width:20px}
.window_outline .bl {background: url(../../highslide/graphics/outlines/rounded-white.png) 0px -20px; height:20px; width:20px}
.window_outline .bm {background: url(../../highslide/graphics/outlines/rounded-white.png) 0px -60px; height:20px; width:20px}
.window_outline .br {background: url(../../highslide/graphics/outlines/rounded-white.png) -20px -20px; height:20px; width:20px}
.window_outline .mm {background-color:White}
.modalBackground {background-color:Black; filter:alpha(opacity=80); opacity:0.8}

/*----ajax autocomplete css------*/
.autocomplete_completionListElement { visibility : hidden; margin : 0px!important; background-color : white; color : windowtext; border : buttonshadow; border-width : 1px; border-style : solid; cursor : 'default'; overflow : auto; height : 200px; text-align : left; list-style-type : none; }
.autocomplete_completionListElement li { list-style-image: none; margin: 0; }
.autocomplete_highlightedListItem { background-color: #ffff99; color: black; padding: 1px; }
.autocomplete_listItem { background-color : window; color : windowtext; padding : 1px; }  

#searchform { margin:0px;}
#searchform .s { padding:2px 2px 0px 2px; width:140px; height:16px; line-height:normal; border:1px solid #fff; }
#searchform .sbutton { margin:0px; padding:0; height:20px; width:40px; color:#eee; background:#005596; border:none; line-height:normal; margin-left:5px; }

.preLoad { display:none }

.table_separate { border-collapse:separate; border-spacing:2px; }
.table_bg1 td { background-color:#CCCC99; }
.table_bg2 td { background-color:#F4F4EA; }
.table_row_bg1 td { background-color:#CCCC99; }
.table_row_bg2 td { background-color:#F4F4EA; }

.table_col_bold { font-weight:bold; }

.faq ul { list-style-type:none; margin:0; }
.faq ul li { margin:0 0 10px; }
.faq ul li li { margin:7px 0 0 28px; }
.faq .title { font-weight:bold; }

#slideshow { position:relative; height:350px; }
#slideshow span { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
#slideshow span.active { z-index:10; opacity:1.0; }
#slideshow span.last-active { z-index:9; }

.smaller_font, .smaller_font p, .smaller_font  td, .smaller_font  ul, .smaller_font  li, .smaller_font  ol, .smaller_font input, .smaller_font select, .smaller_font textarea {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}
	
/*----highlide like window------*/
.window_outline_gray .tl {background: url(../../images/rounded-gray.png) 0px 0px; height:20px; width:20px}
.window_outline_gray .tm {background: url(../../images/rounded-gray.png) 0px -50px; height:20px; width:20px}
.window_outline_gray .tr {background: url(../../images/rounded-gray.png) -30px 0px; height:20px; width:20px}
.window_outline_gray .ml {background: url(../../images/rounded-gray.png) 0px -50px; height:20px; width:20px}
.window_outline_gray .mm {background: url(../../images/rounded-gray.png) 0px -50px; height:20px; width:20px}
.window_outline_gray .mr {background: url(../../images/rounded-gray.png) 0px -50px; height:20px; width:20px}
.window_outline_gray .bl {background: url(../../images/rounded-gray.png) 0px -30px; height:20px; width:20px}
.window_outline_gray .bm {background: url(../../images/rounded-gray.png) 0px -50px; height:20px; width:20px}
.window_outline_gray .br {background: url(../../images/rounded-gray.png) -30px -30px; height:20px; width:20px}

/*----highlide like window------*/
.window_outline_blue .tl {background: url(../../images/rounded-blue-c.gif) 0px 0px; height:20px; width:20px}
.window_outline_blue .tm {background: url(../../images/rounded-blue-t.gif) 0px 0px; height:20px; width:20px}
.window_outline_blue .tr {background: url(../../images/rounded-blue-c.gif) -30px 0px; height:20px; width:20px}
.window_outline_blue .ml {background: url(../../images/rounded-blue-l.gif) 0px 0px; height:20px; width:20px}
.window_outline_blue .mm {background: url(../../images/rounded-blue-m.gif) 0px 0px; height:20px; width:20px}
.window_outline_blue .mr {background: url(../../images/rounded-blue-r.gif) 20px 0px; height:20px; width:20px}
.window_outline_blue .bl {background: url(../../images/rounded-blue-c.gif) 0px -25px; height:30px; width:20px}
.window_outline_blue .bm {background: url(../../images/rounded-blue-b.gif) 0px 0px; height:30px; width:20px}
.window_outline_blue .br {background: url(../../images/rounded-blue-c.gif) 20px -25px; height:30px; width:20px}

.pad1 td { padding:1px }
.pad2 td { padding:2px }
.pad3 td { padding:3px }
.pad4 td { padding:4px }
.pad5 td { padding:5px }
.pad6 td { padding:6px }

.feedback_form .label {padding-top:15px;}
.feedback_form .field {padding:5px 0 0 15px;}
.feedback_form .agree {width:500px;}
.feedback_form thead td {font-weight:bold; width:25%; padding-bottom:5px;}
.feedback_form .agree td {text-align:center;}

.studentlearn_cb {margin-left:-3px;}
.studentlearn_cb label {float:left; width:430px;}
.studentlearn_cb input[type="checkbox"] {float:left;}