@charset "UTF-8";
/* CSS Document for Wilson-Miller Communications (wilsonmillercom.com)
Design and code by Chris Kennedy (ckladesign.com) */


/* Eric Meyer's CSS Reset
--------------------------------------------  */
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, ul, ol, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, 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%; font-family: inherit; vertical-align: baseline;}

/* remember to define focus styles! */
:focus {outline: 0;}

body {line-height: 1.4; font-family: Geneva, Arial, Helvetica, sans-serif;}

caption, th, td {text-align: left; font-weight: normal;}

blockquote:before, blockquote:after, q:before, q:after {content: "";}

blockquote, q {quotes: "" "";}

ul, ol {list-style: none;}



/* HTML elements
-------------------------------------------- */

a {color: #c71515;}
a:link, a:visited {text-decoration: underline;}
a:hover, a:active {text-decoration: none;}

body {background: #a2a2a2 url(../sitegrfx/background.jpg) repeat-x; color: #414042;} 

em {font-style:italic;}

h1, h2, h3, h4, #top_nav li {font-family: "Lucida Bright", Georgia, "Times New Roman", Times, serif}
h1, h2, h3, h4, {color: #555;}
h1 {}
h2 {font-size: 18px;}
h3, h4 {font-size: 15px;}


p, ol, ul, table, li {font-family: Geneva, Arial, Helvetica, sans-serif; font-size:12px;}
p, ol, ul, h3, h4 {margin-top: 9px; margin-bottom: 6px;}

h4 a:link, h4 a:visited, h4 a:hover, h4 a:active {text-decoration: none; color: #414042;}

li {list-style: disc; padding-top: 3px;}
ul,ol {margin-left: 18px; padding-left: 18px;}

strong {font-weight:bold;}


/* CSS classes
-------------------------------------------- */
.bio {float: left; clear: right; margin-right: 20px;}
.case {float: left; clear: right; margin-right: 20px; margin-top: 10px;}
.callout {font-size:13px; color: #004a98; padding: 12px 0; border-bottom:1px solid #e2e2e2; border-top:1px solid #e2e2e2; margin:12px 0;}
.full_img {margin-left: 10px;}
.tab {color: #fff; background: #003974 url(../sitegrfx/h2_bkgd.jpg) top left no-repeat; padding: 4px 20px 6px 40px;}

a.hide {text-decoration: none; color: #000;}


/* Universal
-------------------------------------------- */

#click {position: absolute; width: 140px; height: 130px;}

#wrapper, #header, #col_left, #col_right {background-color: #fff;}
#wrapper, #header, #flash, #footer {width: 900px;}

#wrapper {padding-bottom: 20px; margin: 0 auto;}

#bluehead {width: 900px; height: 141px; margin: 0 auto 20px auto; background: url(../sitegrfx/bluehead.gif) repeat-x; clear: both;}
#bluehead h1 {position: absolute; width: 141px; height: 127px; background: #fff  url(../sitegrfx/logo_reversal.gif) no-repeat;}
#bluehead h1 span {display:none;}

#header {height: 132px; z-index: 10;}
#header h1 {width: 143px; height: 127px; background: #fff url(../sitegrfx/logo.gif) no-repeat;}
#header h1 span, #header h2 span {display: none;}

#top_nav {width: 418px; float: right; margin: 0 20px 0 0; height: 50px; background: #e5e5e5 url(../sitegrfx/top_nav_bkgd.gif) repeat-x; text-align:center; padding: 0; overflow:hidden; z-index: 1;}
#top_nav a {font-size: 13px;}

#top_nav ul {margin: 14px 0 0 0; padding: 0;}

#top_nav li {display:inline; font-size: 13px; padding: 0; margin: 0;}

#top_nav a {padding: 24px 12px; margin: 0; border-right: 1px solid #fff;}
#top_nav a:link, #top_nav a:visited {color: #07488a; text-decoration:none; margin: 0;}
#top_nav a:hover, #top_nav a:active {color: #07488a; text-decoration:underline;}

#top_nav a.rt_nav {border: none;}

#footer {clear: both; width: 880px; height: 50px; margin: 0 auto 0 auto; padding: 4px 0; background: #003162 url(../sitegrfx/footer_bkgd.gif) repeat-x; text-align: center; color: #819dba; font-size: 13pt;}
#footer p {margin: 2px 0; padding: 0;}

/* Index page <div> elements
-------------------------------------------- */
#flash { height: 279px; background-color:#160100; margin-bottom: 50px;}

#textbox {position: absolute; width: 418px; float: right; margin: 111px 20px 0 462px; padding: 0; height: 331px; background: #003265 url(../sitegrfx/blue_box.jpg) top left no-repeat; border-top: 15px solid #c71515;}
#textbox * {padding: 0 20px;}
#textbox p {color: #fff; font-size: 13px; margin-top: 11px;}
#textbox h2 {color: #fff; font-size: 16px; margin-top: 6px;}


/* Single column page <div> elements
-------------------------------------------- */

#bio_text {float: right; width: 400px;}
#bio_text h3 {margin-top: 0; font-size: 16px; color: #666;}

#link_col {width: 178px; float: left; min-height: 120px; margin: 20px 20px 0 20px; padding: 0;}
#link_col li, #link_col ul {list-style:none;}
#link_col li {padding: 4px 0; margin: 0;}
#link_col ul {margin: 6px 0; }
#link_col p, #one_col p {margin-left: 0;}
#link_col h3, #link_col h4 {margin: 0; padding: 0;}

#one_col {width: 618px; float: left; min-height: 120px; margin-top: 20px; margin-bottom: 20px;}
#one_col h4 {margin-bottom: 0px;}


/* Two column page <div> elements
-------------------------------------------- */
#col_left, #col_right {width: 418px; float: left; min-height: 120px;}

#col_left {margin: 20px 13px 20px 20px;}
#col_left h4 {margin: 0;}



#study1 {background: url(../sitegrfx/study1.jpg) bottom center no-repeat;}
#study2 {background: url(../sitegrfx/study2.jpg) bottom center no-repeat;}
#study1, #study2 {min-height: 140px; margin: 0 0 40px 0; padding: 0;}
#study1 p, #study2 p {padding: 12px 12px 12px 122px; margin: 0px;}

#col_right {margin: 20px 20px 20px 10px;}

#col_left p, #col_left ul, #col_right p, #col_right ul {margin: 8px 0;}
#col_left a, #col_right a {}

