@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/background.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-clyde.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; color: #ababab;}








/* 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); }


/* Restore bullets and indentation for content lists */
#content ul,
#content ol {
    margin-left: 1.5em;
    padding-left: 1.5em;
}

#content ul {
    list-style-type: disc;
}

#content ol {
    list-style-type: decimal;
}

/* Make drop-down box wide enough */
#nav .drop-down-wrapper {
    min-width: 520px;  /* adjust until your longest item fits */
}