body        { background-color: #cccc99; color: #333; font-family: verdana, sans-serif; font-size: 14px; margin: 0 0 50px 0; padding: 0; background-image: url("../images/bg_gradient.png"); background-repeat: repeat-x; }
h1          { color: #393900; text-align: center; font-size: 18px; font-style: italic; padding: 0; margin: 0px 0 17px 0; }
p           { padding: 0; margin: 12px 0 13px 0; }
b, strong   { color: #4e064e; }
li          { padding: 1px; }
ul          { padding: 6px 0 0 50px; margin: 0px; }

/* layout */
#container    { width: 1030px; background-image: url("../images/bg.png"); background-repeat: no-repeat; margin: 0 auto; }
#cell_logo    { width: 274px;  height: 148px; text-align: center; }
#cell_nav     { width: 756px;  text-align: left; }
#cell_content { height: 523px; text-align: left; }
#cell_side_nav{ text-align: left; padding: 53px 0 0 31px; }
#headshot     { margin: 6px 0 0 3px; }
#content      { overflow: auto; width: 713px; height: 477px; padding: 14px 10px 0 0; }
#nav_block    { margin-left: 20px; margin-top: 34px; text-align:left; }
.nav          { display: block; float: left; clear: none; }
.side_nav     { display: block; clear: both; }

/* contact form */
.success  { display: block; margin: 3px; color: green; background: yellow; }
.error    { display: block; margin: 3px; color: red; background: yellow; }
.label    { text-align: left; }
.submit   { color: #4e064e; background-color: #fff; border: 0; text-decoration: underline; font-weight: bold; font-family: verdana, sans-serif; font-size: 14px; }
.ta       { width: 98%; height: 90px; border: 1px solid #999; }	
.ti       { width: 98%; height: 22px; border: 1px solid #999; }
.map      { font-size: 8pt; }
a.submit:link, a.submit:hover, a.submit:visited, a.submit:active { color: #4e064e; text-decoration: underline; font-weight: bold; } 
a.submit:hover { color: #222; text-decoration: none; } 

a:link, a:hover, a:visited, a:active { color: #222; text-decoration: underline; font-weight: normal; } 
a:hover { text-decoration: none; color: #000; } 

#footer_box   { text-align: center; margin-top: 5px; font-size: 11px; color: #fff; line-height: 130%; }
#footer_box a:link, #footer_box a:hover, #footer_box a:visited, #footer_box a:active { font-size: 11px; color: #fff; text-decoration: none; font-weight: normal; } 
#footer_box a:hover { text-decoration: underline; }
#footer_box a.bt:link, #footer_box a.bt:hover, #footer_box a.bt:visited, #footer_box a.bt:active { font-size: 9px; color: #fff; text-decoration: none; font-weight: normal; } 


/* tweaks to induvidual pages, id name is based on webpage filename */
#page_index                    { margin-top: 30px; }
#page_index h1                 { margin-bottom: 40px; }
#page_about_me                 { padding-right: 232px; background-image: url("../images/about_me.jpg"); background-repeat: no-repeat; background-position: 503px 37px; min-height:300px; }
#page_psychological_testing li { padding: 8px; }
#page_index a:link, #page_index a:hover, #page_index a:visited, #page_index a:active { color: #4e064e; text-decoration: underline; font-weight: bold; } 
#page_index a:hover { color: #222; text-decoration: none; } 
#page_contact b, #page_contact strong { color: #333; }
#page_contact b.colored { color: #4e064e; }