/*	The Basics
---------------------------------------------------------------------*/
body {background: #f3edde url(/images/v2_bg.gif) repeat-x left top; font-family: Lucida Grande, Helvetica, Arial, sans-serif; font-size: 14px; padding: 0; margin: 0; color: #333;}
a {color: #225566; background-color: transparent; text-decoration: none;}
a:visited {color: #225566; background-color: transparent; text-decoration: none;}
a:hover {color: #22aaee; text-decoration: none; background-color: transparent;}

/*	Page header containing the illustration, nav links, and logo
---------------------------------------------------------------------*/
#header_outer {margin: 0 auto; width: 911px;}
#header_wrapper {float: left; color: #fff; height: 190px; margin: 8px 0px 0px 0px; padding: 0; background-color: transparent;}
#header_left {float: left; color: #fff; width: 203px; height: 190px; margin: 0; padding: 25px 0px 0px 172px; background: transparent url(/images/character_in_header.gif) no-repeat left top;}
#header_left a {color: #fd6129; text-decoration: none;}
#header_left a:visited {color: #fd6129; text-decoration: none;}
#header_left a:hover {color: #fff; text-decoration: none;}
#header_middle {float: left; color: #fff; width: 215px; height: 215px; text-align: right; margin: 0; padding: 0; background: transparent url(/images/v2_header_mid_bg.gif) no-repeat top right;}
#header_right {float: left; color: #333; width: 286px; height: 195px; text-align: center; margin: 0; padding: 0px 35px 0px 0px; background-color: transparent;}
#sub_nav {margin-top: 56px; text-align: center;}

/*	Main content "wrappers" for the stuff between the header and footer
---------------------------------------------------------------------*/
#content_outer {clear: both; background: #fff; margin: 0;}
#content_wrapper {margin: 0 auto; width: 911px;}
* html #content_wrapper  /* Box Model Hack for IE */
{
 width: 931px;
 w\idth: 931px;
}

/*	Main message wrapper. This is where the big message appears
---------------------------------------------------------------------*/
#main_message { float: left; width: 879px; color: #333; padding: 0px 16px 10px 16px; margin: 0; background-color: #fff;}

/*	Left/right columns containing the home page main content 
---------------------------------------------------------------------*/
#left_column_home {float: left; color: #333; border-right: 1px solid #000; background-color: #fff; margin: 0px 0px 20px 16px; padding: 0 20px 30px 0px; width: 553px;}
#right_column_home {float: right; color: #4c1111; background-color: #fff; margin: 0px 10px 20px 20px; padding: 10px 0px 30px 0px; width: 291px;}

/*	Image alignment class declarations (for use inside img tag)
---------------------------------------------------------------------*/
.alignimage {vertical-align: middle;}
.center {display: block;  margin-left: auto; margin-right: auto;}

/*	Wizard Choice Bar Style
---------------------------------------------------------------------*/
.choicelink {width: 911px; text-align: center;}
.choicelink ul {margin: 0; padding: 0; list-style: none;}
.choicelink li {margin: 0; padding: 0; display: block; text-align: center; list-style: none; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px;}
.choicelink li a {background-image: url('/images/bar.png'); background-repeat: no-repeat; background-position: 0 10px; color: #024; padding: 23px; text-decoration: none; display: block;}
.choicelink li a:hover {background-image: url('/images/bar_hover.png'); color: #fff;}

/*	Left/right columns containing the product page content 
---------------------------------------------------------------------*/
#left_column_products {float: left; color: #333; border-right: 1px solid #000; background-color: #fff; margin: 0px 0px 20px 16px; padding: 10px 20px 20px 0px; width: 623px;}
#right_column_products {float: right; color: #4c1111; background-color: #fff; margin: 0px 10px 20px 20px; padding: 10px 0px 30px 0px; width: 221px;}

/*	Left/right columns containing the blog page content 
---------------------------------------------------------------------*/
#left_column_blog {float: left; color: #333; border-right: 1px solid #000; background-color: #fff; margin: 0px 0px 20px 16px; padding: 10px 20px 20px 0px; width: 623px;}
#right_column_blog {float: right; color: #4c1111; background-color: #fff; margin: 0px 10px 20px 20px; padding: 10px 0px 30px 0px; width: 221px;}
#right_column_blog h5 {font-family: Myriad, Helvetica, Arial, sans-serif; font-size: 20px; font-weight: normal; color: #000; margin: 7px 0px 3px 0px; padding: 0;}
#right_column_blog ul {font-size: 12px; list-style: none; margin: 3px 0 15px 0; padding-left: 0;}
#right_column_blog li {color: #4c1111; display: block; padding-bottom: 3px;}		
#right_column_blog a {color: #4c1111; background-color: transparent; text-decoration: none;}
#right_column_blog a:visited {color: #4c1111; background-color: transparent; text-decoration: none;}
#right_column_blog a:hover {color: #fd6129; text-decoration: none; background-color: transparent;}

/*	Left/right columns containing the content on the
	company and intranet pages
---------------------------------------------------------------------*/
#left_column_alt {float: left; color: #333; background-color: transparent; margin: 0px 0px 0px 20px; padding: 10px 0px 30px 0px; width: 181px;}
#right_column_alt {float: right; color: #333; background-color: transparent; border-left: 1px solid #000; margin: 0; padding: 10px 20px 30px 17px; width: 672px;}

/*	Footer
---------------------------------------------------------------------*/
#footer {clear: both; width: 911px; color: #333; background-color: #fff; margin: 0; padding: 10px 0px 0 0px; border-top: 1px solid #000; border-bottom: 1px solid #000;}

/*	Bottom of page where logo and copyright message appears
---------------------------------------------------------------------*/
#bottom {margin: 0 auto 0 auto; text-align: center; color: #333; background: #f3edde url(/images/v2_credit_bg.gif) repeat-x left top; padding: 50px 0px 150px 0px;}

/*	Navigation links in the middle column of header.
---------------------------------------------------------------------*/
ul#header_nav {margin: 9px 0 0 0; padding: 0; list-style: none; font-size: 12px;}
ul#header_nav li {padding: 0 0 5px 0; margin: 0; color: #fff;}		
ul#header_nav a {padding: 0 16px 0 0; margin: 0; color: #fff; background-color: transparent; text-decoration: none;}
ul#header_nav a:visited {color: #fff; background-color: transparent; text-decoration: none;}
ul#header_nav a:hover {color: #2aa9ea; text-decoration: none; background: transparent url(/images/nav_arrow.png) no-repeat center right;}

/*	Navigation links in the footer
---------------------------------------------------------------------*/
#footer_nav_wrapper{margin-bottom: 25px;}
.footer_nav_on {padding: 0; margin: 0; background: transparent url(/images/v2_footer_nav_arrow_bg.gif) no-repeat bottom center;}
ul#footer_nav {margin: 0 0 0 16px; padding: 0; list-style: none; font-size: 12px; background-color: transparent;}
ul#footer_nav li {float: left; margin: 0 22px 0 0; padding: 0;}
ul#footer_nav a {float: left; padding: 0 0 11px 0; color: #000; text-decoration: none;}
ul#footer_nav a:hover {color: #2aa9ea; background: transparent url(/images/v2_footer_nav_arrow_bg.gif) no-repeat bottom center;}

/*	Navigation links in the left column on certain pages
---------------------------------------------------------------------*/
#left_column_nav_on {font-weight: bold; padding: 0; margin: 0; background: #fff url(/images/v2_left_nav_arrow_bg.gif) no-repeat center right;}
ul#left_column_nav {margin: 9px 0 0 0; padding: 0; list-style: none;  font-size: 14px; text-align: right;}
ul#left_column_nav li {padding: 0 0 5px 0; margin: 0; color: #000;}
ul#left_column_nav a {padding: 0 18px 0 0; margin: 0; color: #000; background-color: transparent; text-decoration: none;}
ul#left_column_nav a:visited {color: #000; background-color: transparent; text-decoration: none;}
ul#left_column_nav a:hover {color: #2aa9ea; text-decoration: none; background: transparent url(/images/v2_left_nav_arrow_bg.gif) no-repeat center right;}

/*	Styling Elements
---------------------------------------------------------------------*/

/* no image borders */
img {border: 0;}
		
/*	Main message with big teal text */
h1 {font-family: Myriad, Helvetica, Arial, sans-serif; font-size: 44px; font-weight: normal; color: #225566; margin: 0px 0px 10px 0px;}

/*	Sub message with black text on home page */
h2 {font-family: Myriad, Helvetica, Arial, sans-serif; font-size: 22px; font-weight: normal; color: #000; margin: 20px 0px 10px 0px;}

/*	Heading on internal pages, like company history */
h3 {font-family: Myriad, Helvetica, Arial, sans-serif; font-size: 24px; font-weight: normal; color: #000; margin: 7px 0px 10px 0px;}

/*	Smaller heading on pages like "contact us" */
h5 {font-family: Myriad, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: normal; color: #000; margin: 7px 0px 0px 0px;}
.small_light{font-size: 11px; color: #666;}
.highlight {color:#990000;}

/*	Product page elements
---------------------------------------------------------------------*/
.product_heading {font-family: Myriad, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: normal; color: #000; padding: 0; margin: 15px 0px 0px 0px;}
.product_description {margin: 3px 0 10px 0;}
.product_description_right {margin: 3px 0 10px 0; text-align: right}
.product_line { border-bottom: 1px solid #ccc; margin: 20px 0 0 135px; padding: 0;}

/*	Various page elements
---------------------------------------------------------------------*/
.item_heading {font-family: Myriad, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: normal; color: #000; padding: 0; margin: 20px 0px 0px 0px;}
.item_info {margin: 4px 0 15px 0;}

/*	Alignment Elements
---------------------------------------------------------------------*/
.align_right {text-align: right;}
.align_center {text-align: center;}
.float_left {float: left;}
.clear {clear: all;}
.linebreak {border-bottom: 1px solid #999; margin: 5px 0 30px 0;}

/*	Blog entry formatting
---------------------------------------------------------------------*/
.entry {margin: 0; background-color: transparent; padding-bottom: 20px;}
.date {font-size: 13px; font-family: Georgia, serif;}
.entry h2 {font-family: Myriad, Helvetica, Arial, sans-serif; font-size: 28px; font-weight: normal; color: #000; margin: 7px 0px 10px 0px;}
blockquote {background-color: transparent; border-left: 2px solid #ccc; margin: 4px 0 15px 4px; padding: 1px 8px 1px 12px;}

/* Pagination
---------------------------------------------------------------------*/
.paginate {font-family: Myriad, Helvetica, Arial, sans-serif; margin: 6px 0; border-top: 1px solid #D3D9DC; text-align: right; padding-top: 8px;}
.paginate b{border: 1px solid #9FCDE7; padding: 1px 4px; background-color: #DEE9EF; color: #67A9D6;}
.paginate a {font-size: 12px; padding: 0 2px;}  
.pagecount {font-family: Myriad, Helvetica, Arial, sans-serif; font-size: 11px; color: #666; font-weight: normal; background-color: transparent;}

/*	Comment page
---------------------------------------------------------------------*/
.comment {margin-top:20px; background:transparent url(/images/blog_entry_divider.jpg) bottom center no-repeat; padding-bottom:35px;}
.commentformitem {color: #666; padding: 0; margin:4px 0 4px 0;}
#smileys {margin: 4px 0 12px 0; padding: 0; background-color: #ededed; border: 1px solid #a50000;}
.smiley {background-color: transparent; text-align: center;}
.smileylink {margin: 6px 0 10px 0;}
.smileylink a {color: #a50000;}
.smileylink a:visited {color: #a50000;}
.smileylink a:hover {color: #fd6129;}

/*	Form Elements
---------------------------------------------------------------------*/
.select {background-color: #fff; font-family: Myriad, Helvetica, Arial, sans-serif; font-weight: normal; font-size: 16px; color: #000; padding: 0 4px 0 2px;} 
.input {font-family: Lucida Grande, Verdana, Geneva, Sans-serif; font-size: 12px; color: #333; width: 100%; height: 2em; padding: 0; margin: 0;} 
.textarea { font-family: Lucida Grande, Verdana, Geneva, Sans-serif; font-size: 12px; color: #333; border: 1px solid #B3B4BD; width: 100%; padding: 0; margin: 0;}
