/*= GENERAL
=== === === === === === === === === === === === === === === === === === === === */
body  { background:url(images/blue_gradiant.gif) repeat-x top left; text-align:center; }
a { color:#336699; }
#wrapper { width:982px; margin:0 auto; text-align:left; }
#shadow { background:url(images/shadow.gif) repeat-y top left;}
strong { font-weight:bold; }
dt { margin-bottom:5px; }
dt a { font-size:92%; font-weight:bold; text-decoration:none; color:#cc6600; }
dt a:hover { text-decoration:underline; }
dd { font-size:85%; color:#666; line-height:180%; margin-bottom:20px; }
ol { list-style-type:decimal; color:#666; margin:0px 0px 20px 30px; }
ol li { margin-bottom:10px; line-height:140%; font-size:92%; }
.margin { margin:5px; }

/*= TOP MENU
=== === === === === === === === === === === === === === === === === === === === */
#top_menu_wrapper { background:url(images/top_bar_bkg.gif) repeat-x bottom left; height:38px; text-align:center; margin-bottom:15px; }
#top_menu_small_wrapper { background:url(images/top_bar_bkg.gif) repeat-x bottom left; height:10px; text-align:center; margin-bottom:15px; }

/*= HEADER
=== === === === === === === === === === === === === === === === === === === === */
#top { background:url(images/top.gif) no-repeat top left; }
html>/**/body #top { background:url(images/top.png) no-repeat top left; }
#header  { padding:28px 31px 0px 31px; height:145px; position:relative; }
#header #homeLink { position:absolute; top:20px; left:50px; height:140px; width:140px; cursor:pointer; }
#branding { position:absolute; top:60px; left:340px; text-align:center; }
#branding h1 { font-size:200%; font-family:Georgia, Times, serif; color:#333; }
#branding em { font-size: 92%; display: block; color: #bd6e05; }

#quick_login { position: absolute; top:20px; right:30px; width:250px; float:left; background-color:#fdfdfd; border:1px solid #ccc; padding:3px; }
.login_form_field { float:right; padding:3px 8px; display:block; }
html>/**/body .login_form_field { padding:5px 8px; }
#quick_login p { float:right; text-align:right; margin:0px; padding:0px 15px 0px 0px; display:block; width:90%; }
#quick_login a { line-height:20px; font-size:100%; color:#336699; }
#quick_login .forgot_password { float:right; width:140px; margin:12px 5px 0 0; font-size:100%; }
#quick_login .sign_in { margin:0 20px 0 0; }
#quick_login .submit_form_button { float:right; margin:8px 0px 5px 0px; }
#quick_login .submit_form_button input { font-size:100%; }

#kb_search { position:absolute; top:125px; right:40px; }
#kb_search .submit_form_button { float:right; margin: 0 10px 1px 7px; }

/*= NAVIGATION
=== === === === === === === === === === === === === === === === === === === === */
#navigation { background:#979797 url(images/navbar.gif) repeat-x top left;
    margin:0px 11px; border-bottom:1px solid #999; border-top:1px solid #666; height:44px; color:#FFF; } 
#navigation ul li { float:left; background:url(images/divider.gif) no-repeat top right; }
#navigation ul li a { float:left; display:block; color:#FFF; font-size:109%; line-height:290%; text-decoration:none; height:44px; padding:0px 30px; }
#navigation ul li a:hover { background-color:#666; }


/*= MAIN CONTENT
=== === === === === === === === === === === === === === === === === === === === */
#content { margin:0px 11px; padding:20px 20px; }
#main_content { width:620px; float:left; }
#main_content h1 { font-family:Georgia, Times, serif; font-size:185%; color:#666; padding:0 0 10px 0; margin:0 0 20px 0; border-bottom:1px solid #EEE; }
#main_content h2 { font-family:Georgia, Times, serif; font-size:200%; border-bottom:1px solid #EEE; color: #333; padding:0 0 5px 0; margin:0 0 5px 0; }
#main_content h2.plain { border:none; }
#main_content h3 { font-weight:bold; font-size:100%; background:#EEE url(images/launchpad.gif) repeat-x 0px -50px; color:#333; padding:5px; margin:0 0 5px 0; }
#main_content h3 em { font-size:85%; color:#444; }
#main_content h4 { font-weight:bold; font-size:92%; color:#CC6600; margin:10px 0 0 0; }
#main_content h5 { font-family:Georgia, Times, serif; font-size:175%; color:#666; margin:0 0 0 10px; }
#main_content p { font-size:85%; color:#444; line-height:200%; margin:0 0 20px 0; }
#main_content p em { font-style:italic; color:#333; }
#main_content p strong { font-weight:bold; }
#main_content ul { margin:0 0 20px 0; }
#main_content ul li { color:#444; margin:0 0 10px 0; }

#main_content fieldset { border:1px solid #CCC; padding:20px; margin:0px 0px 30px 0px; /*background:url(images/blue_gradiant.gif) repeat-x top left;*/ }
html>/**/body #main_content fieldset { padding:15px; margin:15px 0px 30px 0px; position:relative; }
#main_content legend { font-size:114%; font-weight:bold; color:#333; }
html>/**/body #main_content legend { position:absolute; top:-.5em; left: .5em; }
#main_content fieldset ul li { margin-left:40px; color:#444; margin-bottom:10px; font-size:85%; list-style:disc; }
#main_content fieldset ul li span { margin-left:20px;display:block; }
#main_content fieldset .info { margin:0 0 20px 20px; }

#main_content .return { text-align:right; padding: 0 0 10px 0; border-bottom: 1px solid #333; width:620px; }
#main_content address { margin:0 0 30px 0; padding:10px 20px; font-style:italic; color:#444; }

/*= SLIDESHOW */
#photoholder { height:300px; position:relative; }
#photoholder img { display:none; position:absolute; top:0px; left:0px; }

/*= FORMS */
fieldset { border:1px solid #CCC; padding:20px; margin:0px 0px 30px 0px; /*background:url(images/blue_gradiant.gif) repeat-x top left;*/ }
html>/**/body fieldset { padding:15px; margin:15px 0px 30px 0px; position:relative; }
legend { font-size:114%; font-weight:bold; color:#333; }
html>/**/body legend { position:absolute; top:-.5em; left: .5em; }

.submit_form_button { background:url(images/button_right.gif) no-repeat scroll right top;
    cursor:pointer; display:block; float:left; font-size:115%; text-align:center; text-decoration:none; 
    margin:0 10px 1px 0; padding:0 12px 0 0; }
html>/**/body .submit_form_button { padding:0 5px 0 0; }
.submit_form_button input { background:url(images/button_left.gif) no-repeat scroll left top;
    border:none; color:#333333; cursor:pointer; display:block; font-size:114%; font-weight:normal;
    height:29px; line-height:28px; margin:0 -20px 0 0; padding:0 0 0px 5px; }
html>/**/body .submit_form_button input { margin:0px; padding:0 5px 0px 10px; }

/*= CONTENT CONTAINER
=== === === === === === === === === === === === === === === === === === === === */
.content_container { margin:0 0 40px 0; border:1px solid #CCC; }
.content_container h3 { border-bottom:1px solid #CCC; }
.content_container h3 a { text-decoration:none; }
.content_container h3 a:hover { text-decoration:underline; }
.content_container h4 { padding:5px 10px; font-weight:bold; color:#666; font-size:92%; }
.content_container p { padding:0px 10px; margin:0 0 10px 0; }
.content_container ul { list-style:disc; padding:0 0 0 40px; font-size:85%; }
.content_container ul.help { list-style:none; padding:0 10px; font-size:100%; }

.bios_title { float:left; width:175px; display:block; margin:10px 0 0 10px; font-family:Georgia,Times,serif; font-size:145%; color:#333; }
.bios_moreinfo { width:600px; margin:20px 0 0 10px; }
.bio_pic { float:left; display:block; margin:8px 15px 5px 5px; border:3px solid #ccc; padding:5px; }
html>/**/body .bio_pic { margin:8px 15px 5px 10px; }
 
/*= SECONDARY CONTENT
=== === === === === === === === === === === === === === === === === === === === */
#secondary_content { width:282px; float:right; }
#secondary_content .portfolio { margin: 0 0 20px 0; }
.glossy_box_outer { background:url(images/gloss_box_bg.gif) repeat-y top left; margin-bottom:20px }
.glossy_box { background: url(images/gloss_box_bottom.gif) no-repeat bottom center; padding-bottom:5px; }
.glossy_box_inner { background:url(images/gloss_box_top.gif) no-repeat top center; padding:20px; }
.glossy_box h2 { font-family:Georgia, Times, serif; font-size:140%; color:#333; margin:0 0 10px 0; padding:0px; }
.glossy_box h2 a { color:#333; text-decoration:none; }
.glossy_box h2 a:hover { color:#CC6600; text-decoration:underline; }
.glossy_box h3 { background:none; font-size:100%; color:#333; margin:0 0 10px 0; border-bottom: 1px solid #999; padding:5px; font-weight:normal; }
.glossy_box h3 a { text-decoration:none; }
.glossy_box h3 a:hover { text-decoration:underline; }
.glossy_box p { font-size:85%; line-height:180%; color:#444; margin:0 0 20px 0; }
.glossy_box li { line-height:150%; margin:0 0 5px 0; color:#666; font-size:92%; }

/*= LAUNCHPAD
=== === === === === === === === === === === === === === === === === === === === */
#launchpad { background:url(images/launchpad.gif) repeat-x top left; margin:0px 11px; padding:20px; border-bottom:1px solid #CCC; border-top:1px solid #CCC; }
.launchpad_column { width:300px; float:left; margin:0 20px 0 0; }
.launchpad_column_small { width:275px; float:left; }
dl { background-color:#FFF; padding:10px; border:1px solid #EEE;margin:0 0 10px 0; }
dd { margin-bottom:5px; }
.launchpad_column h3, .launchpad_column_small h3 { font-family:Georgia, Times, serif; font-size:144%; color:#333; margin:0 0 5px 0; }

/*= FOOTER
=== === === === === === === === === === === === === === === === === === === === */
#footer { background: url(images/footer.gif) no-repeat bottom left; height: 65px; }
html>/**/body #footer { background:url(images/footer.png) no-repeat bottom left; }
#footer_inner  { padding:10px 31px; }
#footer p { float:left; color:#999; }

/*= EXTRAS
=== === === === === === === === === === === === === === === === === === === === */
#extras { text-align:center; padding:10px 10px 40px 10px; }
#extras li  { display:inline; margin:0px 10px; }
#extras li a { font-size:85%; color:#999; }