body { background: #aed1f7 ; margin: 0px 0px 0px 0px }

.leftbg { background: url(gfx/left_bg.jpg) repeat-y right top scroll #aed1f7 }
.rightbg { background: url(gfx/right_bg.jpg) repeat-y left top scroll #aed1f7 }
.copyright { font: 7pt Arial, Helvetica, sans-serif ; color: #ffffff ; text-decoration: none }
.topmenu { font: bold 8pt Arial, Helvetica, sans-serif ; color: #666666 ; text-decoration: none }
a:hover { text-decoration: underline }
.submenu { font: bold 8pt Arial, Helvetica, sans-serif ; color: #444446 ; text-decoration: none ; text-align: left }
h4.heading { color: #000000 ; text-align: left ; font: bold 12pt Arial, Helvetica, sans-serif }
div.menu { text-align: left ; font: 7pt Arial, Helvetica, sans-serif ; color: #666666 ; text-decoration: none }

#dMenu { background: #b8e7bd ; width: 70% ; margin-left:160px; height: 25px }

#tableheader{  color:black; font-size: 15px; text-align: center; 
}
#table2{width: 215px; text-align:left; border:1px; border-style:solid; border-color:gray; float: right; margin: 15px; padding:5px;  background:#EBDABE; 
}

.table3{ width:350px; border:2px; border-style:solid; font-size:10px; 
}


table{
font-size:12px;
}

ul{
font-size:12px;
}

#tableheader3{
}

#table4{ width:25px; border:2px; border-style:solid; padding:10px; float:right; font-size:8px; float:left;
}

#leftnav a:hover{	text-decoration: underline;
}

#tableheader4{
}

#homeheader{font-size:20px;
}

.tablemiddle{ width:350px; border:2px; border-style:solid; font-size:10px; 
}

table.CourseList{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:gray;

}

 a#current{ color:white; background:#62A2E2;}
  a#current1{ color:white; background:#62A2E2; font-size:8pt; font-weight:bold; text-decoration:none;}

#container{ padding:15px; padding-top:1px; text-align: left; font-family: Arial, Helvetica, sans-serif; color:#666666;	 	font-weight: normal; text-decoration: none; border:none; 
}


span.contentheader{ font-size:h3; color:#587EA5; 	text-align: center;

}

span.contentheader1{  color: grey; color:#587EA5; 	text-align: center;

}

.contentheader2{ color:#587EA5; 	text-align: center;

}

p { font-size:10pt; text-align:left;
}

#minilist { font-size:9pt;
}

#minitable { font-size:9pt;
}

.tablehome{ font-size:8pt; 
}

#topright{  font-family: Arial, Helvetica, sans-serif ; font-weight: bold; text-decoration: none; color:white; text-align:left;
}


#footertbl a:visited {text-decoration: none; color:white; font-weight:bold; font-size:16px; width:160px; margin:auto; font-family:arial;}
#footertbl a:hover {text-decoration: underline; color:white; font-weight:bold; font-size:16px; width:160px; margin:auto; font-family:arial;}
#footertbl a {text-decoration: none; color:white; font-weight:bold; font-size:16px; width:160px; margin:auto; font-family:arial;}


input, textarea, select { font-size: 10px ; border: 1px solid #999999 ; }
table.form { font: 10px Arial ; text-align: left ; border: 1px solid #999999 ; margin: 5px ; padding: 2px }
table.sideform { font: 10px Arial ; text-align: left ; margin: 5px ; padding: 5px }
td.header { font: bold 11px Arial ; background: #62a2e2 ; color: #ffffff }
input.mainform, select.mainform { font-family: Arial, Helvetica, sans-serif ; font-size: 10px ; border: 1px solid #999999 ; width: 215px }
textarea.mainform { font-family: Arial, Helvetica, sans-serif ; font-size: 10px ; border: 1px solid #999999 ; width: 215px ; height: 80px; margin-right:20px }
input.btn { font-size: 10px ; font-weight: bold ; border: 1px solid #999999 ; background: #cccccc ; color: #000000 }
p.smalltext { font: 9px Arial, Helvetica, sans-serif ; color: #000000 ; padding: 5px ; text-align: justify }
p.scroller { font: 10px Arial, Helvetica, sans-serif ; color: #000000 ; padding: 5px ; text-align: justify }
a.form, a.form:visited, a.form:hover { color: blue; }
input.sideform, select.sideform { font-family: Arial, Helvetica, sans-serif ; font-size: 10px ; border: 1px solid #999999 }
textarea.sideform { font-family: Arial, Helvetica, sans-serif ; font-size: 10px ; text-align: left ;  border: 1px solid #999999 }


   /* Accordian Menu Begins Here */

h2.acc_trigger {
	padding: 0;	margin: 0 0 5px 0;
	background: url(/gfx/h2_trigger_a.gif) no-repeat;
	height: 42px;	line-height: 42px;
	width: 190px;
	font-size: 13px;
	font-weight: bold;
	float: left;
	font-family:arial;
}
h2.acc_trigger a {
	color: white;
	text-decoration: none;
	display: block;
	padding: 0 0 0 50px;
}
h2.acc_trigger a:hover {
	color: #ccc;
}
h2.active {background-position: left bottom;}
.acc_container {
	margin: 0 0 5px; padding: 0;
	overflow: hidden;
	font-size: 1.2em;
	width: 190px;
	clear: both;
	background: #f0f0f0;
	border: 1px solid #d6d6d6;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.acc_container .block {
	padding: 20px;
}


  /* Accordian Menu Ends Here */
  
  
   /* Image Slider begins here */
/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:132px;	width: 561px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 40px; right: -45px;
	width: 178px; height:11px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
	font-size:35px;
}
.paging a {
	padding: 2px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;
	-moz-border-radius: 1px;
	-khtml-border-radius: 1px;
	-webkit-border-radius: 1px;
}
.paging a:hover {font-weight: bold;}
  
  /* Image Slider ends here */
  
  
    /* Jquery tabs starts here */
  ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}

  
  /* Jquery tabs ends here */
  
  .paragraph_elements {
	margin: 0 0 5px; padding: 0;
	overflow: hidden;
	font-size: 1.2em;
	width: 469px;
	clear: both;
	background: #f0f0f0;
	border: 1px solid #d6d6d6;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 20px; 
}