body {margin: 0; font-family: Helvetica, Arial, sans-serif; font-size: 23px; line-height: 33px; color: #999; /*font-family: "Gill Sans", "Gill Sans MT", sans-serif; font-size: 20px; line-height: 30px*/}
a {color: #019be3; text-decoration: none}
a:hover {text-decoration: underline}
img {border: 0}
h1 {font-size: 75px; font-weight: normal;  line-height: normal; color: #000; margin: 0; padding: 0}
h2 {font-size: 50px; font-weight: normal;  line-height: normal; color: #000; margin: 0 0 -10px 0; padding: 0}
h3 {font-size: 25px; font-weight: normal;  line-height: normal; color: #000; margin: 0; padding: 0}
ul {list-style: none; padding: 0; margin: 0}
p {margin-bottom: 0}
.clear {float: none; clear: both}
#logo {display: none}
#bodywrap {width: 1000px; margin: auto}
#wrapper {width: 1000px; margin: auto; float: left}
#main {width: 980px; margin: auto}
#snarf {width:100%; position:fixed; top:-1000px; left:0; background: url(/images/snarf-bg.png); padding:0; margin:0; z-index:999; visibility:hidden; height: 55px; text-align: center; line-height: 50px; font-size: 18px}
#snarf a {padding: 0 20px}
#snarf a:hover {color: #999; text-decoration: none}
.toplink {color: #cc0000}
.block {padding: 75px 0; border-bottom: 1px dotted #aaa; float: left; width: 980px}
.header {text-align: center; padding: 30px 0}
.header h3 {margin-top: 10px}
.nav {margin-left: 42px; width: 980px}
.header a {margin-right: 50px; float: left}
.intro {text-align: center; padding: 30px 0}
.about img {float: left; margin-right: 20px}
.small {font-size: 15px; line-height: 24px}
/*.portfolio h2 {margin-bottom: -10px}*/
.portfolio ul {margin-top: 30px}
.portfolio li {float: left; margin-right: 15px}
/*.voluntary h2 {margin-bottom: 0px}*/
.voluntary h3 {font-size: 35px; margin-bottom: -20px} 
.voluntary img {float: left; margin-right: 20px; margin-top: 5px}
.job {margin-bottom: 10px; width: 980px; float: left}
.job p {line-height: 33px}
.employment {line-height: 60px}
.employment p {line-height: 42px; margin-bottom: 30px}
.employment img {float: left; margin-right: 30px; margin-top: 5px}
.nomargin {margin-right: 0 !important}
.footer {border-bottom: none; font-size: 18px; line-height: 25px}
.footer h2 {margin-bottom: 0}
.footer ul {margin-top: 10px}
.footer1 li {margin-bottom: 5px}
.footer2 li {margin-bottom: 15px}
.floatleft {float: left; margin-right: 15px}
.footer img {float: left; margin-right: 15px}
.footer1 {width: 480px; float: left; margin-right: 10px}
.footer2 {width: 480px; float: left; margin-left: 10px}
label {width: 150px; float: left; color: #000}
form p {margin-bottom:0.5em}
input {padding: 7px; border: 1px dotted #aaa; width:500px; font-size: 25px; font-family: Helvetica, Arial, sans-serif; color: #000}
input:hover {border: 1px dotted #cc0000}
textarea {padding: 7px; border: 1px dotted #aaa; font-size: 25px; width: 600px; height: 200px; font-family: Helvetica, Arial, sans-serif; color: #000}
textarea:hover {border: 1px dotted #cc0000}
.button {color: #fff; font-size: 20px; background: #019be3; cursor: pointer; width: 120px; border: none; padding: 7px 5px 5px 5px; margin-left: 150px}
.button:hover {background: #999; border: none}
.error {color: #eaff00; background: #000; padding: 5px}
.errorlist {color: #cc0000; font-size: 20px; line-height: 30px; padding: 20px 0}
#interviews .nav {display: none}
#interviews #snarf {display: none}
#interviews .footer1 ul span {display: none}
.home {text-align: center; padding: 20px 0; font-size:30px}
.interviews h1 {font-size: 50px}
.interviews h2 {margin-bottom: 15px}
.interviews li {margin-bottom: 35px}
.interviews ul {margin-bottom: 60px}
.celebrity {margin-top: 25px}
.celebrity img {float: left; margin-right: 15px; width: 170px; margin-top: 3px}
.celebrity span {width: 795px; float: left}
.celebrity .small {margin-top: 20px; float: left}
#splash .small {margin-bottom: 5px; margin-top: 3px}
.feature {float: left; width: 215px; font-size: 15px; line-height: 24px; margin-right: 8px; height: 100px; overflow: hidden; margin-top: 8px; padding: 10px; border: 1px dotted #aaa}
.feature img {margin-right: 10px; float: left}
#splash {padding: 30px 0}
/*.splashlink {font-size: 18px; background: #000; padding: 5px 10px; position: relative; float: left; top: 290px; left: 750px; margin-top: -50px; border: 1px dotted #fff}*/
.splashlink {font-size: 18px; background: #000; padding: 5px 10px; position: relative; float: right; top: 290px; margin-top: -50px; border: 1px dotted #fff; margin-right: 20px}
.splashlink:hover {color: #999; text-decoration: none}

.login {text-align: center; padding: 30px 0}
.email .button {margin-left: 5px; width: 200px; height: 41px}
.email ul {width: 316px; margin-right: 10px; float: left; font-size: 15px; line-height: 24px}
.email h2 {margin-bottom: 10px}
.news {font-size: 15px; line-height: 24px}
.news h3 a {color: #000}
.news {width: 316px; margin-right: 10px; float: left; font-size: 15px; line-height: 24px}
#webmail .nav {display: none}
#webmail #snarf {display: none}
#webmail .footer {text-align: center; padding: 0 0 20px 0}
#webmail .footer img {float: none}

.ie6 {text-align: center; widht: 100%; border-bottom: none}
.ie6 .block {border-bottom: none}
.ie6 li {float: left; padding: 0 30px; font-size: 15px}
.browsers {margin: 50px 0 50px 180px; width: 980px; float: left}
#ie6 .footer {text-align: center; padding: 0 0 20px 0}
#ie6 .footer img {float: none}

#blog .footer1 ul span {display: none}
#blog h3 {text-transform: lowercase}
.blog {font-size: 18px; line-height: 25px}
.blog h1 {font-size: 50px; text-transform: lowercase}
.blog h2 {text-transform: lowercase; margin-bottom: 0px}
.allblogs {margin-bottom: 25px}
.social {width: 980px; margin-top: 30px}
.social li {float: left; margin-right: 15px}

.entries img {float: left; margin-right: 15px}
.entry p {margin-top: 0px}
.entry {margin-bottom: 10px; float: left; width: 458px; margin-right: 10px; font-size: 18px; line-height: 25px; padding: 10px; border: 1px dotted #aaa}
.latest {margin-top: 15px}
blockquote {font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; font-style: italic; line-height: 30px;}
.entry-content ul {list-style: disc; padding-left: 40px; margin-top: 10px}
.entry-content li {margin-bottom: 5px}
.entry-content ol li {margin-bottom: 20px}
#nav-below {padding-top: 20px; float: left; width: 980px}
.nav-previous {float: left}
.nav-next {text-align: right}
.teasers img {float: left; margin-right: 10px}
.teasers {float: left; padding: 30px 0; border-bottom: 1px dotted #aaa; width: 980px}
.teasers .entry {margin-bottom: 20px}

.stepcarousel {position: relative; overflow: scroll; width: 980px; height: 332px}
.stepcarousel .belt {position: absolute; left: 0; top: 0}
.stepcarousel .panel {float: left; width: 980px}