/* CSS Document */

body { background: #ffffff; margin: 0; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; text-align: left; font: x-small/1.5em; font-family: Arial, Helvetica, sans-serif; color: #a9a9a9; font-size: /* */ /**/ small; font-size: /**/ small; }


a { color: #f6b061; text-decoration: none; }

a:hover { color: #20368b; }

#menu2Content, #menu1Content { background-color: #FFFFFF; }

.submenus {height: 30px; margin-top: 10px;}
.nav, .applicationnav { font-size: 85%; color: #999999; }
.nav {display: none;}

#searchbox { background: url(/images/search_frame.gif) no-repeat; height: 25px; width: 292px; margin-bottom: 6px; padding: 14px 14px 14px 14px; margin-left: 0px; }

#searchbox2 { background: url(/images/search_frame.gif) no-repeat; height: 39px; width: 292px; padding: 14px 14px 0px 14px; margin-top: -22px; margin-bottom: -14px; margin-left: -22px; float: left; }

.searchboxinput { font-family: "Courier New" , Courier, monospace; }

#featured { margin: 20px 8px 12px 8px; font-size: 10px; color: #a9a9a9; line-height: 1.5em; }

#featured a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #f6b061; text-decoration: none; }

#featured a:hover { text-decoration: underline; }

.homehead1 { color: #FFFFFF; font-weight: bold; }


#huge_container {
	
	
	height: 332px;
	width: 938px;
}

#left_container {
	
	
	
	width: 320px;
	height: 332px;
	float: left;
}

#scroll_container {
	
	width: 612px;
	height: 332px;
	float: right;
	margin-left: 6px;
	background-image: url(images/scrollarea.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	
}

#top_header {
	
	width: 612px;
	height:53px;
	background-image: url(images/top.jpg);
	background-repeat: none;
	
	
}

#scroll_area {
	
	width: 592px;
	padding: 10px;
	height: 259px;
	text-align: left;
	overflow-y: auto;
	overflow-x: hidden;
	
}

#scroll_area p {
	
	padding: 5px;
	margin: 0px;
	text-align: left;
	
}



#Content { background: url(/images/main_frame.jpg) no-repeat; width: 589px; height: 288px; padding: 22px 1px 22px 22px; text-align: left; }

#mainContent { margin-top: 10px; margin-left: -40px; padding-top: 20px; padding-right: 22px; line-height: 1.5em; height: 255px; overflow-x: hidden; overflow-y: auto; }

#pageheader { width: auto; height: 20px; float: left; margin-left: 10px; margin-top: 8px;}

#pageheader2 { margin-left: 327px; width: 310px; height: 20px; }

#linecard { background: url(/images/design_frame.jpg) no-repeat; width: 916px; height: 289px; padding: 22px 1px 22px 22px; text-align: left; }

#linecardcontent { font-size: 11px; margin-top: 30px; padding-right: 22px; line-height: 1.5em; height: 255px; overflow-y: scroll; }

#linecard a { color: #20368b; text-decoration: none; }

#linecard a:hover { color: #f6b061; }

#cooperstyles a { color: #f6b061; text-decoration: none; }

#cooperstyles a:hover { color: #20368b; }

#application { background: url(/images/app_frame.jpg) no-repeat; width: 568px; height: 305px; padding: 22px 22px 22px 22px; font-size: 90%; line-height: 1.25em; }

#application1 { width: 300px; margin-top: 10px; padding-top: 15px; padding-right: 11px; height: 281px; overflow-y: scroll; }

/* Application Gallery styles */

#appgallery { background: url(/images/main_frame.jpg) no-repeat; font-size: 10px; width: 568px; height: 288px; padding: 22px 22px 22px 22px; text-align: left; }

#appgallerycontent { margin-top: 30px; line-height: 1.2em; }

#appgallery p { margin-top: 0px; margin-bottom: 4px; }

#appgallery a { color: #20368b; text-decoration: none; }

#appgallery a:hover { color: #f6b061; }


/* Staff page styles */
.staffGroupContainer {padding-bottom: 15px;}
#staff { 

	width: 612px;
	height: 332px;
	float: left;
	text-align: left;
	

 }



#staffID { font-size: 11px; line-height: 14px; }

#staffID a { color: #20368b; text-decoration: none; }

#staffID a:hover { color: #f6b061; }

.staffselected { background: url(/images/staff_arrow.gif) left no-repeat; padding-left: 8px; display: block; }

#bio { height: 125px; overflow: auto; padding-right: 10px; font-size: 11px; }

.subhead1 { font-weight: bold; font-size: 12px; }

.subhead2 { font-weight: bold; font-size: 16px; }

.appsubhead1 { color: #20368b; font-weight: bold; }

.footer1 { font-size: 75%; color: #a9a9a9; }

.footer1 a { color: #a9a9a9; text-decoration: none; }

.footer1 a:hover { text-decoration: underline; }

.footer2 { background-color: #f6b061; }


/* application list menu styles */

#appnav { width: 215px; padding: 0 0 0 0; font-size: 90%; }

#appnav ul { list-style: none; margin: 0; padding: 0; border: none; }

#appnav li { margin: 0; list-style: none; list-style-image: none; }

#appnav li a { padding: 0px 0px 0px 15px; display: block; text-decoration: none; width: 100%; color: #20368b; }

#appnav li a:hover { display: block; text-decoration: none; width: 100%; background: url(/images/selected_arrow1.gif) no-repeat; color: #cccccc; }

html > body #appnav li a { width: auto; }

.selected { padding: 0px 0px 0px 15px; display: block; text-decoration: none; width: 100%; color: #cccccc; background: url(/images/selected_arrow1.gif) no-repeat; }

/* Design Assistance styles */

.formheader { background: url(/images/formheaderbg.jpg); height: 20px; margin-bottom: 15px; color: #2d4190; font-weight: bold; }

.notetext { color: #20368b; font-size: 10px; line-height: 1em; }

#design { background: url(/images/design_frame.jpg) no-repeat; width: 916px; height: 289px; padding: 22px 1px 22px 22px; text-align: left; }

#mainContent2 { margin-top: 30px; padding-right: 22px; line-height: 1.5em; height: 255px; overflow-y: scroll; }

/*News Styles */

#newsTitle { font-size: 14px; color: #20368b; font-weight: bold; }

#newsDate { font-size: 10px; }

#newsText { color: #333333; line-height: 1.2em; }

#newsLink { margin-bottom: 20px; }

/*Bright Green Styles */

.tablelinks { font-size: 11px; line-height: 1.2em; }

.productbox { width: 242px; border: 1px solid #21368b; padding: 8px 8px 8px 8px; font-size: 11px; line-height: 1.2em; margin-bottom: 20px; }

.imageleft { float: left; margin-right: 15px; margin-bottom: 15px; }

.imageright { float: right; margin-bottom: 15px; margin-left: 15px; }

