@import url(basic.css);

/* hide text */
#header h1 { text-indent: -9999px; overflow: hidden; }


/* layout */
body, h1, h2, h3, ul, ol, li { margin: 0; padding: 0; }
ul, ol { list-style-type: none }

blockquote { margin: 14px 40px 14px 0; padding: 0 0 0 24px; }
blockquote .wrapper { padding-top: 4px; }

span.link { padding: 10px; cursor: pointer }

h2 { margin-bottom: 10px; }


body.hide-flash object { visibility: hidden; }


#page { width: 985px; padding-top: 1px; margin: 0 auto; position: relative; }

#nav { width: 100%; position: absolute; top: 0; right: 42px; list-style-type: none; z-index: 30 }
#nav ul { float: right; }
#nav li { height: 31px; float: left; border-left: 1px solid transparent; }
#nav ul > li { position: relative; }
#nav li:hover { border-left-color: #efc6c7; }
#nav a { height: 31px; padding: 0 10px 0 10px; display: block; }
#nav li:hover a { position: relative; padding-left: 5px; padding-right:15px; right: -5px; }

#nav .drop-down-wrapper { display: none; position: absolute; left: -3px; z-index: 2; }
#nav .drop-down { float: none; }
#nav .drop-down li { float: none; display: block; border-width: 0; }
#nav li:hover .drop-down-wrapper { display: block; }
#nav li:hover .drop-down-wrapper a { position: static; padding: 0 10px 0 26px; }

#topic-nav {float: left; position: absolute; right: 42px; top: 35px; list-style-type: none; }
#topic-nav li { margin-right: 5px; display: inline; }

#header h1 { width: 305px; height: 71px; position: absolute; left: 29px; top: 45px; }
#header h1 a { width: 100%; height: 100%; display: block; }

#beta { position: absolute; left: 305px; top: 36px; }
#testimonial { width: 570px; padding: 5px 0 0 24px; position: absolute; left: 370px; top: 60px; }
#testimonial .wrapper { padding-right: 15px; }
#testimonial q:before { content: none; }
#testimonial q:after { content: none; }
#testimonial cite { display: block; }
#notice { width: 100%; position: absolute; top: 125px; left: 0; display: none }
#session-info { position: absolute; top: 130px; right: 25px;}
#body { width: 937px; margin: 149px auto 0 auto; padding: 19px; }

.footer #footer { width: 984px; height: 300px;  margin: 0 auto;  }
#bottom-nav { padding-top: 10px; display: none; }
.footer #bottom-nav { display: block; }
#bottom-nav li { margin: 0 80px; float: left; }
#bottom-nav li li { margin: 3px 0 3px 4px; padding-left: 10px;  float: none; }
#copyright { clear: both; }


/* color */
body { background-color: #e9e7dd; }
a { color: #e83138; }

h2 { color: #de1f26; }
h3 { color: black; }

 
span.link { background-color: #eee; }

blockquote { background: transparent url(../images/left_paren.png) no-repeat scroll 0 0; }
blockquote .wrapper { background: transparent url(../images/right_paren.png) no-repeat scroll bottom right; }

#header-wrapper { background-image: url(../images/nav-bg.png); }
#page-wrapper { background: transparent url(../images/background.png) no-repeat scroll center 31px; }
#page-wrapper2 { background: transparent url(../images/nav_bg.png) repeat-x scroll 0 0;}

#beta { color: white; }

#testimonial { background: transparent url(../images/left_paren.png) no-repeat scroll 0 0; }
#testimonial .wrapper { background: transparent url(../images/right_paren.png) no-repeat scroll bottom right; }


body.tall { background: #e9e7dd url(../images/middle_bg.png) repeat-y scroll top center; }
.tall #page-wrapper { background: transparent url(../images/background2.png) no-repeat scroll center 31px; }

h2 strong { color: #e83138; }

/*#notice { color: #e83138; }*/

/*#page { background: transparent url(../images/background.png) no-repeat scroll center 31px; }*/
#header h1 { background: transparent url(../images/logo.png) no-repeat scroll top left; }

#nav li:hover { background: transparent url(../images/nav_item_hover_bg.png) repeat-x scroll 0 0; }
#nav li:hover a { color: #de1f26; background: transparent url(../images/nav_item_hover_right_bg.png) no-repeat scroll top right; }


#nav a { color: white; }

#nav li .drop-down li { background: transparent url(../images/nav_item_hover_bg.png) repeat-x scroll 0 0; }
#nav li .drop-down a { color: black; }
#nav li .drop-down li:hover a { color: #de1f26; }
#nav li:hover .drop-down a { background: transparent url(../images/drop_down_item_icon.png) no-repeat scroll 10px 10px; }
#nav li:hover .drop-down li:hover a { background: transparent url(../images/drop_down_item_hover_icon.png) no-repeat scroll 10px 10px; }

#topic-nav, #topic-nav a { color: black; }
.footer #footer-wrapper { background: #9f9c8e url(../images/footer_border_top.png) repeat-x scroll 0 0; }
.footer #footer { background: transparent url(../images/footer_bg.png) no-repeat scroll 0 0; }

#bottom-nav h1, #bottom-nav h1 a { color: #de1f26; }
#bottom-nav li li { background: transparent url(../images/bottom_nav_bullet.png) no-repeat scroll center left; }
#bottom-nav a { color: black; }


/* type */
body, textarea { font-family: "Trebuchet MS"; font-size: 14px }
h2 { font-size: 24px; font-weight: bold; }
h3 { font-size: 20px; font-weight: normal; }
#beta { font-size: 18px; }

#nav { text-align: right; }
#nav li { line-height: 29px; }
#nav a { font-size: 15px; font-family: "Trebuchet MS"; text-decoration: none; }
#nav .drop-down { text-align: left; }

#topic-nav { font-size: 12px; }
#testimonial { font-size: 16px; }
#notice { font-size: 18px; text-align: center; }
#session-info { font-size: 12px; }
#session-info a { text-decoration: none; }
#session-info-name { font-weight: bold; }

#bottom-nav a:hover { text-decoration: underline; }
#bottom-nav li, #bottom-nav li a  { font-size: 11px; text-decoration: none;  }
#bottom-nav h1, #bottom-nav h1 a { font-size: 14px; font-weight: bold; }
#copyright { padding-top: 20px; font-size: 12px; text-align: center; }


/* drop shadow */
.drop-down-wrapper table { border-spacing: 0; empty-cells: show; border-collapse: separate; }
.drop-down-wrapper td { padding: 0; font-size: 1px; line-height: 1px; color: transparent; }
.drop-down-wrapper .left { width: 2px; background-image: url(../images/drop_shadow_left.png); }
.drop-down-wrapper .top-right { width: 6px; height: 7px; background-image: url(../images/drop_shadow_top_right.png); }
.drop-down-wrapper .right { width: 6px; background-image: url(../images/drop_shadow_right.png); }
.drop-down-wrapper .bottom-left { width: 8px; background-image: url(../images/drop_shadow_bottom_left.png); }
.drop-down-wrapper .bottom { height: 7px; background-image: url(../images/drop_shadow_bottom.png); }
.drop-down-wrapper .bottom-right { width: 7px; background-image: url(../images/drop_shadow_bottom_right.png); }