/*----- BASE STYLES -----*/

body { margin: 0; padding: 0; background: #c84b00 url("images/bg_page.gif") top center repeat-y; color: #666; font: 13px Arial,sans-serif;  }

a:link { color: #e76f00; }
a:visited { color: #e76f00; }
a:hover { color: #c84b00;}

h1 { display: none; }
h2 { font-size: 21px; color: #e76f00; font-weight: normal; margin-bottom: 2px; }
h3 { font-size: 17px; margin-bottom: 0; color: #16216c; font-weight: normal; }
h4 { font-size: 14px; color: #c84b00; margin-bottom: 0; font-weight: normal; }

h2.sub{margin:30px 0px 2px 0px;}

h2.two{margin:40px 0px 2px 0px;}
.biglink{font-size:18px; font-weight:bold; margin-left:15px;}
p { margin: 0 0 1em; }

#b1 {font-size: 12px; color: #c84b00; margin: 0px 0px 0px 0px; font-weight: normal; }

#b1a {font-size: 12px; color: #16216c; margin: 0px 0px 0px 0px; font-weight: normal; }

#b2a {font-size: 12px; color: #16216c; margin: 0px 0px 0px 0px; font-style: italic; }

.b2b {font-size: 12px; color: #16216c; margin: 0px 0px 0px 0px; font-weight: bold; }

.b3 {font-size: 12px; color: #e76f00; margin: 0px 0px 0px 0px; font-style:italic; text-decoration:underline;}



form,embed,object { margin: 0; padding: 0;}

.smalltext { font-size: 10px !important; }
.cntr {text-align:center; text-decoration:none; font-size:16px;}
.space{margin:0px 0px 20px 0px; padding:0px 0px 40px 0px;}
dl {line-height:150%}

li {line-height:125%}

li.list { font-size: 14px; color: #16216c; margin-bottom: 0; font-weight: bold; margin-left:-20px;}
li.list span{font-size:12px; color:#666; visibility:visible; font-weight:normal; font-style:italic; margin:0; padding:0; display:block; width:400px; position:relative;}
li.last {list-style:none;}
.sub-logo{float:right; margin:20px 0px 0px 0px; position:relative;}
.sub-logo-mid{float:right; margin:0px; position:relative;}
.sub-logo-last{float:right; margin:-10px 0px 0px 0px; position:relative;}

#social{
	position:relative;
	width:190px;
	margin:30px 0px 0px 0px;
	padding:5px;
	float:right;
}

h4.social{
	position:relative;
	display:block;
	width:100px;
	height:30px;
	float:left;
	margin:0px 5px 5px 0px;
	padding:0px;
	color:#999;
	font-size:14px;
	font-weight:bold;
	text-align:right;
}

#social img{
	border:none;
	outline:none;
	background:;
	margin:0px 5px;
	padding:0px;
	float:left;
}


/*----- CONTENT STYLES -----*/

#wrapper {  width: 935px;  margin: 0px auto; background: #f4e9c2 url("images/bg_main.gif") top center no-repeat; }

#masthead img { float: left; }
#a_graphic{margin:10px 0px 10px 0px; padding:0px;}

#hometext { float: left; width: 635px;; margin: 10px 5px 20px 18px; }
#hometext p { margin: 0px 0px 25px 0px; line-height:20px;}
#hometext h2 { margin: 20px 0 3px; color: #1b2474; font-size: 16px; }
#hometext ul{margin:-20px 0px 5px 40px; padding:5px;}
#hometext li{color:#16216c; font-weight:bold; line-height:18px; padding-bottom:5px;}
#hometext li span{font-size:12px; color:#666; visibility:visible; font-weight:normal; margin:0; padding:0;}
#section { clear: both; float: left; width: 212px; margin: 10px 22px 27px 27px; overflow: hidden; }
#section a, #section img{margin:0; padding:0;}
#section2 { clear: both; float: left; width: 120px; margin: 0 0 0 0;  }
#section3 { clear: both; float: left; width: 212px; margin: 0 0 0 0;  }
#content { float: left; width: 626px; overflow:hidden;}
#content2 { width: 600px; padding-left:10px}
#content3 { float: left; width: 700px; margin-left: 1em;}
#content4 { clear: both; float: left; width: 880px; margin: 0px 20px 17px 14px; overflow:hidden;}
#vidcontent {clear: both; float: left; width: 585px; margin: 0 0 0 0; }
#subSection{ clear: both; float: left; width: 122px; margin: 10px 22px 27px 27px;  }
.content-space{ float:right; width:100%; height:40px;}
.contact{margin:0px 0px 0px 5px; padding:0px;}
#footer { clear: both; margin: 27px 28px 27px 27px; border-top: 1px solid #c3ba9b; padding-top: 10px; color: #939393; font-size: 10px; }
#footer a:link { color: #939393; text-decoration: none; }
#footer a:visited { color: #939393; text-decoration: none; }

#content li.pro-list{
	padding:5px;	
	
}

#content h3.t-list{
	padding-left:20px;	
	
}

#breadcrumb { clear: both; margin: 0px 28px 10px 0px; border-bottom: 1px solid #c3ba9b; padding-bottom: 5px; color: #939393; font-size: 10px; }
#breadcrumb a:link { color: #939393; text-decoration: none; }
#breadcrumb a:visited { color: #939393; text-decoration: none; }

label { float: left; font-weight: bold; width: 200px; }
input.ffield { width: 400px; margin-bottom: 3px; border: 1px solid #1d1d70; background: #FFF; }
input.fbutton { clear: both; margin-top: 1em; margin-bottom: 3px; border: 1px solid #1d1d70; padding: 3px; background: #e76f00; color: #ffffff; font-weight: bold; }
textarea.ffield { width: 400px; height: 150px; margin-bottom: 3px; border: 1px solid #1d1d70; background: #FFF; }


/*----- ACCORDION ----*/

#group1 { float: left; width: 242px; margin: 20px 0 27px 10px; border-bottom: 0px solid #cccccc;  }
#group1 h1 { display: block; margin: 0; padding: 0; height: 27px; font-size: 10px; }

.accordion_toggle#curr { background: url("images/btn_curriculum.gif") top left no-repeat; }
.accordion_toggle_active#curr { background: url("images/btn_curriculum_over.gif") top left no-repeat; }

.accordion_toggle#vidpro { background: url("images/btn_video_pro.gif") top left no-repeat; }
.accordion_toggle_active#vidpro { background: url("images/btn_video_pro_over.gif") top left no-repeat; }
		
.accordion_toggle#demo { background: url("images/btn_demo.gif") top left no-repeat; }
.accordion_toggle_active#demo { background: url("images/btn_demo_over.gif") top left no-repeat; }

.accordion_toggle#news { background: url("images/news_bar.gif") top left no-repeat; }
.accordion_toggle_active#news { background: url("images/news_bar_over.gif") top left no-repeat; }

.accordion_content { overflow: hidden;  }

.news_content { display:block; width:242px; height:143px; background: url("images/news_bg2.jpg") 0 0 no-repeat; margin:0px 0px 0px 0px; padding:3px 0px 0px 10px; font-size:12px; clear:both;}
.news_content h6{margin:30px 0px 0px 0px; padding:5px 0px 3px 0px; font-size:14px; text-decoration:underline; color:#c84b00;}
.news_content a { font-weight:bold; margin-top:5px; display:block; width:120px; height:15px;}
