@charset "UTF-8";
/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {
	font-size:100%; line-height:1.75em;
}

html, input, textarea	{	
	font-family: Arial, Helvetica, sans-serif ; 
 	color:#000000;	
}

body {
	margin-top: 0px;
  	margin-bottom: 0px;
	margin-left:auto;
	margin-right:auto;
  	padding-left: 0px;
  	padding-right: 0px;
	background-image:url('/images/page_bg.gif');
	background-repeat:repeat-x;
	
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}

/* TYPE STYLES */
a {
	text-decoration:underline;
	color:#000000;
}

a:hover {
	text-decoration:underline;
}

a:visited {
}

.regular_text {
	font-size:11px;
	line-height:2em;	
}

.regular_bold {
	font-size:11px;
	line-height:2em;
	font-weight:700;	
}

.small_text {
	font-size:9px;
	line-height:1.75em;
}

.tiny_text {
	font-size:8pxem;
	line-height:.75em;
}

.large_text {
	font-size:13px;
	line-height:2em;	
}

.large_18 {
	font-size:19px;
}

.bold {
	font-weight:900;
}

h1 {
	font-size:19px;
	font-weight:500;
	line-height:1.5em;	
}

h2 {
	font-size:16px;
	line-height:1.9em;	
	font-weight:500;	
}	

h3 {
	font-size:11px;
	line-height:2em;
	font-weight:700;
	padding-bottom:12px;
}

.red {
	color:#B40000;
}

p {
	margin-bottom:10px;
}

#t1_guts li,#t2_guts li, #t3_guts li, #t4_guts li { 
	margin-left:34px;
}

#t1_guts ul,#t2_guts ul, #t3_guts ul, #t4_guts ul { 
	margin-bottom:20px;
}

.even_indent{
	padding-left:14px;
	text-indent:-14px;	
	margin-bottom:14px;
	margin-top:4px;
}

/* UNIVERSAL LAYOUT */

#container {margin:0 auto; text-align:left; width:910px; }

#top_logo {
	float:left;
	margin-top:20px;
	margin-left:0px;
	width:269px;
	height:39px;
}

#top_right_menu {
	position:relative;
	text-align:right;
	top:8px;
	white-space:nowrap;
	vertical-align:middle;
	padding-right:4px;
}

#top_text {
	position:relative;
	text-align:right;
	top:15px;
	clear:both;
	padding-right:4px;
}

#content_outline {
	position:relative;
	width:910px;
	top:16px;
	left:0px;
	border:1px solid #dadada;
	background-color:#FFFFFF;
	overflow:hidden;
}

.content_clear {
	position:relative;
	display:block;
	width:100%;
	clear:both;
}

/* Nav Bar */

#menu_bar {
	display:block;
	width:910px;
	height:42px;
	overflow:hidden;
	z-index:500;
}

#menu_bar div div.top, #menu_bar div div.top_on {
	float:left;
	display:block;
	width: 130px;
	height:42px;
	text-align:center;
	line-height:42px;
	z-index:500;
	overflow:hidden;
	vertical-align:middle;
	text-weight:bold;
	cursor:pointer;
}

#menu_bar div div.top {
	background-image:url('/images/menu_off.gif');
	color:#FFFFFF;
}

#menu_bar div div.top:hover {
	background-image:url('/images/menu_on.gif');
	color:#000000;	
	cursor:pointer;
}

#menu_bar div div.top_on {
	background-image:url('/images/menu_on.gif');
	color:#000000;
	
}

#menu_bar a {
	text-decoration:none;
}

#menu_bar .regular_text a:hover {
	text-decoration:underline;
}

.submenu {
position: absolute;
z-index: 500;
top:43px;
left:0px;
width:910px;
text-transform: uppercase;
font-size:12px;
vertical-align:middle;
line-height:24px;
}

.submenu a {
	color:#000000;
}

.submenu a:hover {
	color:#B40000;
}

#submenu_bar {
	display:block;
	background: url('/images/submenu_bg.gif') repeat-x;
	width:910px;
	height:24px;
	padding-left:8px;
	vertical-align:middle;
	line-height:24px;
}


/* Other Universally Used */

div.toolbox p {
	padding-top:7px;
}

.btn {
	white-space:nowrap;
}

.btn_left {
	width:13px;
	height:25px;
	float:left;
	margin:0;
	border:0;
	background:url('/images/link_left1.gif');
}

.btn_middle {
	line-height:25px;
	float:left;
	margin:0;
	border:0;
	background:url('/images/link_bg1.gif');
}

.btn_right {
	float:left;
	width:24px;
	height:25px;
	margin:0;
	border:0;
	background:url('/images/link_right1.gif')
}

.btn_learn {
	line-height:29px;
	width:92px;
	height:29px;
	padding-left:10px;
	margin:0;
	border:0;
	background:url('/images/button_learnmore.gif') -18px 0px no-repeat;
	color:#FFFFFF;
	text-decoration:none;
}

#footer {
	position:relative;
	clear:both;
	height:30px;
	width:912px;
	background: #333333;
	color:#FFFFFF;
	line-height:30px;
	margin-top:10px;
}

#footer #copyright {
	float:left;
	display:block;
	padding-left:8px;
	width:49%;
}

#footer #right_links {
	float:right;
	display:block;
	text-align:right;
	padding-right:8px;
	width:49%;
}

#footer a {color:#ffffff;}

.preload {
	display:hidden;
	height:0px;
	width:0px;
}

/* EVALUATION FORM */
div#eval_form{
	text-align:center;
	clear:both;
	margin-top:24px;
}

table#eval_form {
}

td.eval_form {
	/*height:14px; OLD settings */
	height:20px;
	line-height:10px;
	vertical-align:middle;
	margin:0px;
	padding:0px 4px 0px 0px;
	border:0px;
	font-size:0.65em;
	text-align:left;
}

.eval_form input[type="text"] {
	font-family: Arial, Sans-Serif;
    font-size: 10px;
	height:13px;
	vertical-align:middle;
	line-height:13px;
	letter-spacing:1px;
    margin-top: 3px;
    display: block;
    padding: 1px;
    border: solid 1px #999999;
	width: 150px;
}

.eval_form select {
	font-family: Arial, Sans-Serif;
    font-size: 10px;
	letter-spacing:0px;
    margin-top: 3px;
    display: block;
    padding: 1px;
    border: solid 1px #999999;
	width: 154px;
}

.eval_form option {
	font-family: Arial, Sans-Serif;
    font-size: 10px;
	vertical-align:middle;
	letter-spacing:0px;
    margin: 3px 1px 3px 1px;
    padding: 1px;
	border:none;
	width: 154px;
}

.eval_form input[type="image"] {
   margin-top: 8px;
}

select.eval_form {
}

/* PAGE SPECIFIC LAYOUT */

/* Template 1 */

#t1_masthead {
	width:910px;
	height:232px;
	overflow:hidden;
}

.t1_main_image {
	position:absolute;
	top:66px;
	left:0px
	width:910px;
	height:232px;
	z-index:1;
	overflow:hidden;
	clear:both;
}

#t1_transparency {
	background-color:#000000;
	opacity:0.8;filter:alpha(opacity=80);
	position:absolute;
	top:66px;
	left:130px;
	width:455px;
	height:232px;
	z-index:2;
}

.t1_slogan {
	position:absolute;
	top:20px;
	left:130px;
	padding:20px;
	z-index:3;
	width:354px;
}

.t1_slogan_text {
	position:absolute;
	top:143px;
	left:132px;
	padding:20px;
	z-index:12;
	color:#FFFFFF;
	width:324px;
}

.t1_slogan_learn_btn {
	position:absolute;
	top:218px;
	left:370px;
	height:29px;
	width:100px;
	overflow:visible;
	z-index:900;
}


#t1_dotted_line {
	position:absolute;
	top:66px;
	left:580px;
	z-index:8;
	width:9px;
	height:233px;
}

#t1_arrow {
	position:absolute;
	top:88px;
	left:518px;
	z-index:20;
	width:136px;
	height:136px;
}

#t1_arrow a:focus {
    outline: 0;
}

.t1_home_arrow {
	background-image: url('/images/arrow.png');
}


.t1_other_arrow {
	background-image: url('/images/arrow_red.png');
}

#t1_masthead_bottom {	
	position:relative;
	background: #ededed;
	color: #000000;
	width:902px;
	height:20px;
	line-height:20px;
	padding-left:8px;
	margin-bottom:10px;
}

#t1_guts {
	position:relative;
	width:910px;
	padding: 0px 15px 15px 15px;
}

#t1_box_1,#t1_box_2,#t1_box_3 {
	float: left;
	width:286px;
	height:340px;
	margin:3px;
}

#t1_box_1 p {
	font-size:.65em;
	line-height:1.8em;	
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 14px;
	margin-left: 0px;
}

#t1_box_2 #text {
	vertical-align:middle;
	height:180px;	
	font-size:.9em;
	line-height:1.3em;
	margin-top: 0px;
	}

#t1_box_2 p {
	font-weight:500;
	line-height:1.6em;	
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 14px;
	margin-left: 0px;
}

#t1_bottom_text {
	position:relative;
	clear:both;
	width:855px;
	padding: 15px;
}

#t1_optional_image {
	float: right;
	margin:15px 0px 15px 15px;
}

.t1_box_bug {
	float: right;
	margin: 1px 1px 6px 6px;
	z-index:4;
}

/* Templates 2 & 3 */

#t2_masthead {
	width:910px;
	height:232px;
	overflow:hidden;
}

#t2_masthead_bottom {	
	position:relative;
	background: #ededed;
	color: #000000;
	width:902px;
	height:20px;
	line-height:20px;
	padding-left:8px;
	margin-bottom:10px;
}

#t2_guts, #t3_guts, #t4_guts {
	position:relative;
	width:910px;
	padding: 0px 15px 10px 15px;
	overflow:hidden;
}


#t2_main_text {
	position:relative;
	width:555px;
	padding: 15px;
	overflow:visible;
}

#t2_optional_image {
	float: right;
	margin:15px 0px 15px 15px;
}

#t2_box_container, #t3_box_container {
	float:right;
	width:320px;
}

#t2_box_1,#t2_box_2,#t2_box_3, #t3_box_1,#t3_box_2,#t3_box_3 {
	position: relative;
	width:286px;
	margin:3px;
	overflow:hidden;
}

#t2_box_1 p {
	font-size:11px;
	line-height:14px;	
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}

#t2_box_3 #text {
	vertical-align:middle;
	font-size:.9em;
	line-height:1.3em;
	margin-top: 30px;
	padding-bottom:8px;
	overflow:hidden;
	}

#t2_box_3 p {
	font-weight:500;
	line-height:1.6em;	
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 14px;
	margin-left: 0px;
}

.t2_box_bug, .t3_box_bug {
	float: right;
	margin: 1px 1px 6px 6px;
	z-index:4;
}



/* Template 3 */

#t3_main_text {
	display:block;
	width:580px;
	overflow:visible;
	float:left;
	margin:15px 2px 10px 2px;
}

#t3_top_imgs {
	overflow: hidden;
}

#t3_main_img {
	display: block;
	float: left;
	margin:3px 3px 3px 3px;
	width: 279px;
}

#t3_optional_image {
	display: block;
	float: left;
	margin:3px 3px 3px 3px;
	width: 279px;
}

#t3_box_1 p {	
	font-size:11px;
	line-height:14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}

#t3_box_3 #text {
	vertical-align:middle;
	padding-bottom:8px;
	overflow:hidden;
	font-size:.9em;
	line-height:1.3em;
	margin-top: 30px;
	}

#t3_box_3 p {
	font-weight:500;
	line-height:1.6em;	
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 14px;
	margin-left: 0px;
}

.t3_body_text {
	display:block;
	position:relative;
	margin: 8px 0px 8px 0px;
	padding-right:15px;
	clear:all;
	overflow:visible;
}


.t3_opt_list {
	display:block;
	overflow:visible;
	width:255px;
	float:left;
	padding: 0px 12px 12px 12px;
	list-style-position: inside;
	
}

.t3_divider {
	clear:both;
}

.t3_opt_list li {
	padding-left:5px;
}


#t3_opt_link {
	width:560px;
	padding:12px 0px 12px 0px;
	text-align:right;
}

/* Template 4 */
#t4_table	{
	width:880px;
}

.t4_col{
	width:290px;
	padding:0px 8px 0px 8px;
	vertical-align:top;
	overflow:visible;
}

.t4_vert_divider{
	width:2px;
	background:#ededed;
	margin:0px; 
}

#t4_clearall {
	clear:both;
}

.t4_col_module {
 	padding:6px 0px 0px 0px;
}

.t4_mod_icon {
	float:left;
	width:30px;
	height:30px;
	margin:0px 10px 0px 0px;
	overflow:hidden;
}

.t4_mod_headline {
	float:left;
	height:29px;
	vertical-align:middle;
	overflow:hidden;
}

.t4_mod_intro {
	clear:both;
	padding: 4px 0px 4px 0px;
}

.t4_mod_opt_img {
	text-align:center;
}

.t4_mod_list_head {
	margin-bottom:4px;
}

.t4_mod_list_item {
}

.t4_float_right{
	float:right;
	vertical-align:text-top;
}

.t4_float_right img {
	margin-top:6px;
}

/* CAROUSEL */

#carousel1 {
	position:absolute;
	top:42px;
	left:0px;
	width:910px;
	height:232px;
	display:block;
	z-index:9;
}

.carousel_other {
	position:absolute;
	top:42px;
	left:0px;
	width:910px;
	height:232px;
	display:none;
	z-index:9;
}

#carouselbg1 {
	display:block;
	z-index:1;
}

.carouselbg_other {
	display:none;
	z-index:1;
}

.carousel_small_text {
	font-size:11px;
	line-height:1.85em;
}

/* RED BULLET BOX */

#red_bullet_container {
	float:left;
	width:260px;
	margin-right:12px;
	margin-bottom:6px;
	margin-top:2px;
	margin-left:-3px;
}

#red_bullet {
	padding:6px;
	overflow:hidden;
}

#red_bullet ul  {
	margin-left: 8px;
	padding-left: 8px;
	list-style-image:url(/images/red_bullet.gif)
}

#red_bullet li  {
	margin-left: 0;
	padding-left: 0;
}

/* ROUNDED BOX CSS */

.t {background: url('/images/border_top.gif') 0 0 repeat-x; width: 100%; height:100%; background-color:#ededed;}
.b {background: url('/images/border_bottom2.gif') 0 100% repeat-x; height:100%;}
.l {background: url('/images/border_left.gif') 0 0 repeat-y; height:100%;}
.r {background: url('/images/border_right.gif') 100% 0 repeat-y; height:100%;}
.bl {background: url('/images/corner_bottom_left.gif') 0 100% no-repeat; height:100%;}
.br {background: url('/images/corner_bottom_right.gif') 100% 100% no-repeat; height:100%;}
.tl {background: url('/images/corner_top_left.gif') 0 0 no-repeat; height:100%;}
.tr {background: url('/images/corner_top_right.gif') 100% 0 no-repeat; padding:15px; height:100%;}

/* Glossary */

.term a {
	outline:none;
	color:#990000; 
	text-decoration:none;
	overflow:hidden;
}

.term a:hover {
	position: relative;
}

.term a span {
	display: none;
}

.term a:hover span {
	display: block;
   	position: absolute; top: 5px; left: 0;
	/* formatting only styles */
   	padding: 8px; margin: 10px; z-index: 800;
   	background:#FFFFCC;
	border:1px solid #dddddd;
	opacity: 0.9;
	width:250px;
	color:#660000; 
	line-height: 14px;
	font-weight: normal;
	overflow:visible;
	/* end formatting */
}

.xnewterm {
	display: block;
   	position: absolute; top: 5px; left: 0;
	/* formatting only styles */
   	padding: 8px; margin: 10px; z-index: 800;
   	background:#FFFFCC;
	border:1px solid #dddddd;
	opacity: 0.9;
	width:250px;
	color:#660000; 
	line-height: 14px;
	font-weight: normal;
	overflow:visible;
	/* end formatting */
}

a.newterm {
	outline:none;
	color:#990000; 
	text-decoration:none;
	cursor:pointer;
}

#tooltip {
	position: absolute;
	padding: 8px; 
	margin: 10px; 
	z-index: 800;
	background:#FFFFCC;
	border:1px solid #dddddd;
	opacity: 0.9;
	width:250px;
	color:#660000; 
	line-height: 14px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}

#tooltip p { margin:0 }

#tooltip h3, #tooltip div { margin: 0; }


/* Gallery */

#gallery_container {
	position:relative;
	width:555px;
	margin-top:8px;
	margin-bottom:8px;
	margin-left:auto;
	margin-right:auto;
	padding: 5px 5px 5px 5px;
	overflow:hidden;
}

#gallery_main {	
	margin:auto;
	width:555px;
	position:relative;
	overflow:hidden;
}

.gallery_img {
	position:absolute;
	overflow:hidden;
}

#gallery1{ display:block; }

#gallery2, #gallery3, #gallery4, #gallery5, #gallery6, #gallery7, #gallery8 {
	display:none;
}

#thumb_container {
	position:relative;
	background-color:#cccccc;
	width:555px;
	padding:1px;
}

#thumb_container td {
	background-color:#ffffff;	
	border: 1px solid #eeeeee;
}

#thumb_container a, #thumb_container img {
	border:0;
	outline:none;
}

#thumb_container td:hover {
	background-color:#dddddd;
}

.gallery_thumb {
	margin: auto;
	padding:2px;
	overflow:hidden;
	outline:none;
}

td#g_td1{
	border: 1px solid #777777;
}

#gallery_caption_table {
	width:555px;
}

#gallery_caption_container {
	position:relative;
	display:block;
	vertical-align:top;
	height:12px;
}

.gallery_caption_show {
	display:block;
	position:absolute;
	top:-10px;
	height:48px;
	line-height:14px;
	font-size:10px;
	color:#333333;
	overflow:hidden;
}

.gallery_caption_hide {
	display:none;
	position:absolute;
	top:-10px;
	height:48px;
	line-height:14px;
	font-size:10px;
	color:#333333;
	overflow:hidden;
}

#gallery_buttons {
	width:160px;
	text-align:right;
	padding:3px 9px 3px 9px;
	font-size:12px;
	color:#333333;
}

#gallery_buttons img {
	border:none;
}

/* OVERLAY AND POPUP DIV */
  
/* Black screen div */  
#olMatte, #olMatte2  
{  
    /* create a fullscreen semi-transparent black screen */  
    position:absolute;
	top:0px;
	left:0px;  
    width:100%;  
    height:300%;  
    background-color:#000000;  
    opacity:0.70;  
    filter:alpha(opacity=70);  
  
    /* set invisible until the html   
    onload event is triggered */  
    display:none; 
	z-index:1200;  
}  
  

#olBox, #olBox2  
{  
    position:absolute;  
    width:288px;  
    height:428px;  
    background-color:#ffffff;  
	border:3px solid #cccccc;   
    padding:15px;  
  
    /* x and y centered. */  
    top: 50%;  
    left: 50%;  
    margin-left:-144px;  
    margin-top: -214px;  
    display:none; 
	z-index:1201; 
} 

#olBox_wrap {
	float: left;
	width:286px;
	height:424px;
	margin:3px;
} 

#leadform_cancel, #askform_cancel {
		display:block;
		float:right;
		padding-right:12px;
		color:#999999;
		text-decoration:none;
		font-size:10px;
}

#leadform_cancel:hover, #askform_cancel:hover{
		color:#990000;
		cursor:pointer;
}

textarea.form_textarea {
	width:230px;
	height:100px;
	margin-left:8px;
	font-family: Arial, Sans-Serif;
    font-size: 10px;
	letter-spacing:1px;
    display: block;
    padding: 1px;
    border: solid 1px #999999;
}
			
