/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 100.01%;
	line-height: 140%;
}

body#page_bg { color: #70009E; background-color: #ff7f00; }

td, th { color: #333333; text-align: left; vertical-align: top; }

a { text-decoration: underline; font-weight: bold; }
a:link, a:visited { color: #ff7200; }
a:hover, a:active { color: #c64934;	}
a img { border: none; }

h1, h2, h3 { line-height: 125%; }
h1, .componentheading {
	margin: 15px 0 20px 0;
	font: bold 2em Arial, Helvetica, sans-serif;
	color: #888888;
	vertical-align: bottom;
}

h2, .contentheading {
	padding: 0;
	font: bold 1.6em Arial, Helvetica, sans-serif;
	color: #003399;
	vertical-align: bottom;
	margin: 30px 0 20px 0;
}

h3, table.moduletable th {
	font: bold 1.3em Arial, Helvetica, sans-serif;
  border-bottom: 1px solid #cccccc;
  color: #444444;
  margin: 0;
  padding-left: 0;
	margin-bottom: 10px;
}

:focus { -moz-outline-style: none; }

form { margin: 0; padding: 0; }

ul { margin: 0 0 20px 20px; padding: 0; list-style: none; }
li { line-height: 1.4em; padding-left: 15px; padding-top: 3px; background-image: url(/images/arrow.png); background-repeat: no-repeat; background-position: 0 0.6em; }

pre {
	font-size: 0.9em;
	border: 1px solid #ddd;
	border-left: 10px solid #d5dce7;
	padding: 10px;
	background: #f6f6f6;
}

.clr { clear: both; }
.outline { background: #ffffff; }
.small, .sm { color: #999999; font-size: 0.8em; }
.important { color: #006600; font-weight: bold; }
.req { color: #cc0000; }
.error { font-style: italic; font-weight: bold; font-size: 1em; text-transform: uppercase; padding: 5px; color: #ff0000; }

div.image { margin: 5px; }
div.imager, img.imager { float: right; margin: 10px 0 10px 15px; }
div.imagel, img.imagel { float: left; margin: 10px 15px 10px 0; }
div.image_caption { font-size: .80em; color: #666666; }
div.image img, div.imager img, div.imagel img, image.imager, img.imagel { border: 1px solid #666666; }

div.productimg { font-size: .80em; color: #666666; margin: 25px 0 0 0; padding: 4px; border: 1px solid #eeeeee; }

/* sections */

div.center { text-align: center; }

#buttons_outer {
	width: 530px;
	margin-bottom: 2px;
	margin-right: 2px;
	float: left;
	height: 100px;
}

#buttons_inner {
	height: 98px !important;
	height: 100px;
}

#buttons {
	float: left;
	margin: 0;
	padding: 0;
	width: auto;
	height: 100px;
}

#pathway_text {
  overflow: hidden;
	display: block;
	height: 25px;
	line-height: 25px !important;
	line-height: 22px;
	padding-left: 4px;
	border: 1px solid #ccc;
	margin-bottom: 2px;
}

#pathway_text img { margin-left: 5px; margin-right: 5px; margin-top: 6px; }

/* menu */

#navcontainer {
	margin: 0 auto 10px auto;
	padding: 0;
	height: 30px;
	white-space: nowrap;
	font-size: 13px;
	width: 955px;
}

div.nav {
	background: #ffffff url(/images/menubar.gif) repeat-x 0 0;
	margin: 0 10px;
	padding: 0;
	height: 30px;
	width: auto !important;
	width: 100%; 
	white-space: nowrap;
}

ul.nav { list-style: none; display: block; margin: 0; padding: 0; border-left: 1px solid #51508F; }
ul.nav li { list-style: none; display: inline; height: 30px; margin: 0; padding: 0; white-space: nowrap; }
ul.nav li a, ul.nav li a:link, ul.nav li a:visited {
	height: 30px;
	padding: 0 22px;
	color: #ffffff;
	text-decoration: none;
	font: bold 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	overflow: hidden;
	background: #51508F url(/images/menu_bg.gif) repeat-x 0 0;
	border-right: 1px solid #51508F;
	border-left: 1px solid #CECEE4;
	line-height: 30px;
}

ul.nav>li>a, ul.nav>li>a:link, ul.nav>li>a:visited { padding: 6px 22px; }


ul.nav li a:hover, ul#nav li a:active {
	color: #FFCE8F;
	text-decoration: none;
	background: #51508F url(/images/menu_bg.gif) repeat-x 0 -30px;
	border-right: 1px solid #51508F;
	border-left: 1px solid #CECEE4;
}

ul.nav li a#active_menu-nav,
ul.nav li a#active_menu-nav:link, ul.nav li a#active_menu-nav:visited,
ul.nav li a#active_menu-nav:hover, ul.nav li a#active_menu-nav:active,
ul.nav li a.mainlevel_current-nav,
ul.nav li a.mainlevel_current-nav:link, ul.nav li a.mainlevel_current-nav:visited,
ul.nav li a.mainlevel_current-nav:hover, ul.nav li a.mainlevel_current-nav:active {
	color: #3F3E8F;
	text-decoration: none; 
	background: #ffffff url(/images/menu_bg.gif) repeat-x 0 -60px;
	border-right: 1px solid #51508F;
	border-left: 1px solid #51508F;
}

/* end menu */


/* custom input buttons */

.submitbuttons { text-align: center; margin: 10px auto; }
input.submitbutton, .submitbuttons input {
	font-family: bold Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 0 10px;
	margin: 0 10px; 
	height: 30px; 
	line-height: 30px;
	background: transparent url(/images/button_bg.png) 0 0;
	border: none;
	
}
input.submitbutton:hover, .submitbuttons input:hover { color: #ffff00; background-position: 0 -30px; cursor: hand; cursor: pointer; }

.contact_email-contact .inputbox { width: 90%; }

/* end custom input buttons */


#search_outer { float: left; width: 165px; }

#search_inner {
  border: 1px solid #cccccc;
	padding: 0px;
  height: 21px !important;
  height: 23px;
  overflow: hidden;
}

#search_inner form { padding: 0; margin: 0; }

#search_inner .inputbox {
	border: 0px;
	padding: 3px 3px 3px 5px;
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
	color: #c64934;
}

#header { background: #ffffcc url(/images/layout_02.png) 0 0 repeat-x; height: 125px; color: #333333; }
#header_l { float: left; height: 125px; width: 720px; background: url(/images/layout_01.png) 0 0 no-repeat; }
#header_l img { margin: 15px 0 0 30px; }
#header_r { height: 125px; background: url(/images/layout_03.png) 100% 0 no-repeat; text-align: right; }
#header_r img { margin-right: 15px; }
#header_r p { margin: 0 35px 0 0; padding: 0; font-size: 1.05em; }
#header_r a { text-decoration: none; color: #444444; font-weight: normal; }
#header_l2 { background: url(/images/layout_01.png) 0 0 no-repeat; width: 360px; margin-right: 30px; float: left; }
#header_l2 img { margin-left: 30px; }
#header_r2 { float: right; height: 104px; background: url(/images/layout_03.png) 100% 0 no-repeat; text-align: right; margin-left: 30px; }
#header_r2 img { margin-right: 15px; }
#header_r2 p { margin: 0 35px 0 0; padding: 0; font-size: 1.05em; }
#header_r2 a { text-decoration: none; color: #444444; font-weight: normal; }
#header_m2_outer { padding: 20px 0 0 0; width: 200px; margin: 0 auto; }
#header_m2 { margin: 0 auto; padding: 5px; font-size: 0.8em; line-height: 125%; border: 1px solid #0000ff; background-color: #f3f3f3; }

#header_shadow { background: transparent url(/images/layout_02a.png) 50% 0 no-repeat; font-size: 1px; line-height: 1px; height: 40px; width: 933px; margin: 0 auto; }
#footer { font-size: 1px; line-height: 1px; background: transparent url(/images/layout_08.png) 0 0 repeat-x; }
#footer_l { background: url(/images/layout_07.png) 0 0 no-repeat; }
#footer_r { height: 10px; background: transparent url(/images/layout_09.png) 100% 0 no-repeat; }

#footer_r div { display: inline; color: #aaaaaa; }
#footer_r a { color: #999999; font-weight: normal; }
#footer_r a:hover  { color: #666666; }

ul#footermenu { display: inline; list-style: none; color: #333333; }
ul#footermenu li { display: inline; list-style: none; background-image: none; margin: 5px 0; padding: 0 10px; border-left: 1px solid #cccccc; }

#bottom { font-size: 0.7em; color: #ffffff; text-align: center; padding: 1.5em 0 1em 0; }

#wrapper {
	background: #ffffff url(/images/layout_04.png) 0 0 repeat-y; 
	margin: 0 auto;
	width: 955px;
	font-size: 0.9em; 
/*
	min-width: 955px;
	max-width: 1050px;
	_width: expression(((document.body.clientWidth)) < 955? "955px": ((document.body.clientWidth)) > 1050? "1050px": "auto" );
*/
}
#wrapper_r { background: url(/images/layout_06.png) 100% 0 repeat-y; }

#frameouter { width: 100%; }
#frameouter iframe#blockrandom { border: none; width: 100%; }

span.pathway { display: block; margin-bottom: 15px; }

td.buttonheading { text-align: right; }
td.buttonheading a img { padding: 0px 0px 0px 4px; }

a.readon {
	margin-top: 10px;
	display: block;
	float: left;
	padding-right: 20px;
	line-height: 14px;
	height: 16px;
	font-weight: bold;
}

.user1_inner {
	border: 1px solid #cccccc;
  float: none !important;
  float: left;
	margin: 0px;
	padding: 2px;
}

.user2_inner {
	border: 1px solid #cccccc;
  float: none !important;
  float: left;
	margin: 0px;
	padding: 2px;
}

table td.body_outer { padding: 20px 30px 20px 30px; }

.maintitle {
	color: #ffffff;
	font-size: 2em;
	padding-left: 15px;
	padding-top: 20px;
}


/** old stuff **/

div.back_button { text-align: center; }
div.back_button a, div.back_button a:link, div.back_button a:visited {
	color: #666666;
	background-color: #DFE8FF;
	padding: 5px 10px;
	float: none;
	clear: both;
	margin: 20px auto 20px auto;
	display: block;
	width: 80px;
	line-height: 16px;
	font-size: 0.9em;
	font-weight: bold;
	border: 3px double #9999ff; 
	text-decoration: none; 
	text-align: center;
	white-space: nowrap;
}

div.back_button a:hover, div.back_button a:active { background-color: #EFF3FF; }

.pagenav {
  text-align: center;
  font-size: 0.9em;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(/images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

.pagenavbar { margin-right: 10px; float: right; }

/* menu styles */

a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background: url(/images/menu_bg.gif) no-repeat;
	vertical-align: middle;
	font-size: 0.9em;
	font-weight: bold;
	color: #FF8E01;
	text-align: left;
	padding-top: 5px;
	padding-left: 18px;
	height: 20px !important;
	height: 25px;
	width: 100%;
	text-decoration: none;
}

a.mainlevel:hover { background-position: 0px -25px; text-decoration: none; color: #ffcc00; }
a.mainlevel#active_menu { color:#003399; font-weight: bold; }
a.mainlevel#active_menu:hover { color: #fff; }

a.sublevel:link, a.sublevel:visited {
	padding-left: 1px;
	vertical-align: middle;
	font-size: 0.9em;
	font-weight: bold;
	color: #c64934;
	text-align: left;
}

a.sublevel:hover { color: #900; text-decoration: none; }
a.sublevel#active_menu { color: #333; }

.highlight { background-color: Yellow; color: Blue; padding: 0; }
.code { background-color: #ddd; border: 1px solid #bbb; }

span.article_seperator { display: block; height: 1.5em; }

#content { padding: 0 37px; text-align: left; }

#splash_leftside { float: left; padding: 0; width: 337px; }
#splash_leftside_inner { font-size: 1.25em; line-height: 150%; padding: 0.1em 1.5em 1em 0; }

#leftside { float: left; padding: 0; width: 274px; border-right: 1px solid #cccccc; }
#leftside_inner { padding: 0 2.5em 2em 0; }

#splash_rightside { float: left; padding: 0; width: 544px; }
#splash_rightside_inner { padding: 1.5em 0 1em 0; text-align: center; }
#splash_rightside_inner img { display: block; margin: 0 auto 0.5em auto; }

#rightside { float: left; padding: 0; width: 544px; }
#rightside_inner { padding: 0 0 2em 2.5em; }

#leftside2 {
	float: left;
	padding: 0 25px 20px 0;
	width: 230px;
	border-right: 1px solid #cccccc;
}

#rightside2 { float: left; padding: 0; width: 590px; }
#rightside2_inner { padding: 20px 0 20px 25px; }

/* contact form */

td.contentheading-contact {
	font: 1.5em Arial, Helvetica, sans-serif;
	color: #0093E3;
	width: 100%;
	overflow: hidden;
	margin: 0; padding: 0;
}

div.contactaddress { }
div.contactaddress h1 {
	font: bold 1.2em Arial, Helvetica, sans-serif;
  border-bottom: 1px solid #cccccc;
  color: #666666;
  padding-left: 0;
	margin: 0 0 5px 0; 
}

div.contactaddress p { margin: 0 0 20px 0; padding: 0; }

h3.contentheading-contact { margin: 7px 0 20px 0; padding: 0; }

.contact1 { margin: 0 auto 20px auto; }
.contact1 td { padding: 10px; border-left: 1px solid #eeeeee; }

.contact2 { margin: 0 auto 20px auto; }
.contact2 th { padding: 5px 7px; text-align: right; font-weight: bold; }
.contact2 td { padding: 5px 7px; text-align: right; }

.contactinfo { margin: 0 auto 20px 0; float: left; }
.contactinfo th { font-weight: normal; text-align: left; }
.contactinfo td { font-weight: bold; text-align: left; }
.contactinfo th, .contactinfo td { padding: 3px 5px 3px 0; }

.contacttables1 { width: 48%; float: left; }
.contacttables2 { width: 45%; float: left; padding-left: 20px; margin-left: 20px; border-left: 1px solid #eeeeee; }
.contacttables2 p { font-weight: bold; }

table.contactform { margin: 0 auto 10px auto; }
table.contactform td {
	padding: 3px 10px 3px 0px;
	white-space: nowrap;
	vertical-align: top;
	font-weight: bold;
}

/* end contact form */

.insetbox { border: 1px solid #00b1cf; padding: 0.5em 1em; text-transform: uppercase; text-align: center; }
.splash_contact { }
.splash_contact p { margin-left: 1.5em; text-indent: -1.5em; }
.splash_contact strong { white-space: nowrap; }