@charset "UTF-8";
/* CSS Document */

/*------------------------------------------------------------------
1.0 Reset styles
-------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100.01% /* for opera and ie/win6+ */; font-family: inherit; text-align: left; vertical-align: top /* affects wrapping of inline images */; word-wrap: break-word; }

/*------------------------------------------------------------------
2.0 Composition styles
-------------------------------------------------------------------*/

body { background: url(../img/bg_page.jpg) repeat-x; margin: 0; padding: 0; background-color: #4F5663; text-align: center;}
#wrapper { width: 916px; margin: 0 auto; background: url(../img/bg_base_1px.jpg) repeat-y; padding: 0;}
#base {background: url(../img/bg_base.jpg) no-repeat; margin: 0; padding: 0;}
#nav_column {background: url(../img/bg_nav_column.jpg) repeat-y; margin: 0; padding: 0;}
.clear {clear: both;}
.left {float: left;}

table td.border {background-color:#717a89;}
table td.spacer {width:39px;}
table td.footer {background: url(../img/bg_bottom.jpg) no-repeat; margin: 0; padding: 0; width: 916px; height: 39px;}
#nav_row { background-color: #bec1c8; width: 630px; height: 25px; border-bottom: 1px solid #717A89; color: #000000; font-family: Tahoma, sans-serif; font-size: 11px; text-decoration: none; line-height: 25px; text-transform: uppercase; letter-spacing: .2em;}
		
.space_1px {height: 1px; font-size: 1px; line-height: 1px; margin: 0; padding: 0; background-color:#717a89; width: 100%;}		
.rule1 {border-top: 1px solid #D6D6D6; margin: 15px 0;}
.l4 {margin: 2px 0 0 0;}
.nav_slide {margin:0; padding:4px 0 4px 10px; border-bottom: 1px solid #717A89; width: 195px; height:21; background-color:#9da2ac; float: left;} /*style for Firefox*/
* html .nav_slide {margin:0; padding:4px 0 0 10px; border-bottom: 1px solid #717A89; width: 205px; height:26; background-color:#9da2ac; float: left;} /*style for IE*/
.nav_slide:hover {background-color:#bcc0c7;}
.ns_txt {font-family: Tahoma, sans-serif; font-size: 13px; color: #FFFFFF; font-weight: bold; text-decoration: none; line-height: 15px;}
.ns_txt2 {font-family: Tahoma, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: normal; text-decoration: none; padding: 3px 0 0 0;}
.open_slide {width: 205px; background: url(../img/slide_nav_open.jpg) no-repeat; margin: 0; padding: 0;}
.nav_slide_open {margin:0; padding:4px 0 4px 20px; border-bottom: 1px solid #FFFFFF; width: 185px; height:21; float: left;} /*style for Firefox*/
* html .nav_slide_open {margin:0; padding:4px 0 0 20px; border-bottom: 1px solid #FFFFFF; width: 205px; height:26; float: left;} /*style for IE*/
.nav_slide_open:hover {background-color:#E8EAEE; background: url(../img/slide_nav_open_hover.jpg) no-repeat;}
.ns_txt_open {font-family: Tahoma, sans-serif; font-size: 12px; color: #7f838b; text-decoration: none; line-height: 15px;}
#main { position: relative;}
#main .nav_footer { position: absolute; bottom: 50px; left: 50px; font-family: Tahoma, sans-serif; font-size: 12px; color: #000000; line-height: 17px;}
*html #main .nav_footer { position: absolute; bottom: 100px; left: 50px;}
#main_content {margin: 15px 20px 15px 20px;}
.main_image { width: 590px; height: 250px; background-color: #DEDEDE; margin: 10px 0;}
.main_img { background-color: #DEDEDE; margin: 10px 0 2px 0;}
.feature { width: 630px; height:279; background: #717a89;}

/* ---------------- Table Styles ---------------- */
table.bbb { font-family: Arial, Helvetica, sans-serif; letter-spacing: -.1px; color: #000000; width: 590px;  }
.bbb th, .bbb td { text-align: left; padding: 5px 4px 3px 4px; vertical-align: top; font-size: .85em; line-height: 125%; border-bottom: 1px solid #f2f2f2; color: #333333; }
.bbb th { font-size: .7em; background: #fcfcfc; color: #999; text-transform: uppercase; padding: 6px 5px; letter-spacing: .18em; border-top: 3px double #ddd; border-bottom: 1px solid #ddd; font-weight: normal; }
.bbb th.inner{ background: #fcfcfc; color: #999; border-top: 0px; letter-spacing: .1em; border-bottom: 1px solid #ddd; font-weight: normal; }
.bbb td.subtotal { background: #FFFCF2; font-size: 12px; }
.bbb .consume { font-size: 9px; line-height: 135%; padding: 2px 0 4px 0; }
.bbb h3 { color: #333; margin: .4em 0 0 0; padding: 0; font-size: 15px; line-height: 130%; font-weight: bold; }
.bbb small { vertical-align: baseline; }
.bbb .expl { font-size: .8em; color: #888; vertical-align: baseline; }
.bbb .workshop_kit td {font-size: inherit;}
.inter { margin: .5em 0;}
.bbb td.border { border: 1px solid #dedede; padding: 10px;}
.bbb td.bottom { border: 0px;}
.bbb ul { list-style: none; margin: 0 0 0 15px; padding: 0; }
    .bbb li { list-style: outside disc; margin: 3px 0 4px 0; vertical-align: baseline; }
.bbb tr.alt {background-color: #FAFAFA;}
.adt_img {margin: 7px 0;}
.adt_img_txt {margin: 7px 0;}

/* ---------------- Navigation Styles ---------------- */
.nav_txt { color: #000000; text-decoration: none; padding: 1px 1px 2px 4px; }
.nav_txt:hover { color: #FFFFFF; background-color:#717a89; text-decoration: none; }


		
/* ---------------- Typographic Styles ---------------- */


.page_title {color: #8993a7; font-family: Verdana, sans-serif; font-size: 1.3em; margin: 0 0 10px 0;}
.header {color: #8993a7; font-family: Verdana, sans-serif; font-size: 1.1em; margin: 0 0 10px 0;}
#main_content p, ul { font-family: Verdana, sans-serif; font-size: .85em; color: #555555; margin: 0 0 15px 0;}
#main_content ul { list-style: none; margin: 0 0 0 15px; padding: 0; }
    #main_content li { list-style: outside disc; margin: 3px 0 4px 0; vertical-align: baseline; }
	#main_content li.2nd { list-style: outside circle; margin: 3px 0 4px 10px; vertical-align: baseline; }
	#main_content li.nodot { list-style: outside none; margin: 3px 0 4px 0; vertical-align: baseline; }
#main_content a {color:#6285d7;}
#main_content a:hover {text-decoration: none; color:#2c4a8f;}
.quotebox { background: #fffff9; border: 1px solid #ddd; border-width: 1px 0; margin: 1em 0; padding: 1em 1.2em .4em 1.2em; -moz-border-radius: .5em; border-radius: .5em; }
.quotebox p, .quotebox li, .quotebox table { font-family: Georgia, "Times New Roman", Times, serif; line-height: 150%; font-weight: normal; /* margin: 0 0 .4em .3em; text-indent: -.5em; */vertical-align: baseline; font-style: italic; color: #333; }

.caption {font-family: Verdana, sans-serif; font-size: .65em; color: #555555; margin: 0 0 10px 0;}
.txt_right {text-align: right;}		

.footer_links {color: #8993a7; font-family: Tahoma, sans-serif; font-size: 10px; margin: 2px 42px 0 0; text-decoration: none; float: right;}
	.footer_links a {color: #8993a7; text-decoration: none;}
	.footer_links a:hover {color: #717a89; text-decoration: underline;}
.copyright { color: #8993a7; font-family: Tahoma, sans-serif; font-size: 10px; margin: 2px 0 0 42px; text-decoration: none; float: left;}

/* ---------------- Image Styles ---------------- */

.img_right { float: right; margin: 5px 0 10px 15px;}
.img_left { float: left; margin: 5px 15px 10px 0;}