@charset "UTF-8";
/* CSS Document */

<style>

.. {} /*body style doesn't work without this for some reason */

body {font-family: "Trebuchet MS", Arial, Futura; margin: 0; padding: 0; background-color:#FFFFFF;}

#container {width: 890px; height: 600px}

#newsheader {background-image:url(news/jpegs/indexbackground.jpg); margin: 0; padding: 0}

#indexheader  {background-image:url(projects/jpegs/projectsbackground.jpg); margin: 0; padding: 0}

#projectsheader {background-image:url(projects/jpegs/projectsbackground.jpg); margin: 0; padding: 0}

#writingheader {background-image:url(writing/jpegs/writingbackground.jpg); margin: 0; padding: 0}

#contactheader {background-image:url(contact/jpegs/contactbackground.jpg); margin: 0; padding: 0}

#newssidebar {width: 200px; height: 480px; margin-left: 35px; border: 1px solid #CC6600; float: left}

#indexsidebar {width: 200px; height: 480px; margin-left: 35px; border: 1px solid #0099CC; float: left}

#projectssidebar {width: 200px; height: 480px; margin-left: 35px; border: 1px solid #0099CC; float: left}

#writingsidebar {width: 200px; height: 480px; margin-left: 35px; border: 1px solid #009933; float: left}

#contactsidebar {width: 200px; height: 480px; margin-left: 35px; border: 1px solid #990033 ; float: left}

#newsiframe  {height: 480px; width: 640px; float: right; border: 1px solid #CC6600; overflow-x: hidden; margin-left: 10px; margin-right: 0px; overflow-y: scroll}

#indexiframe  {height: 480px; width: 640px; float: right; border: 1px solid #0099CC; overflow-x: hidden; margin-left: 10px; margin-right: 0px; overflow-y: scroll}

#projectsiframe {height: 480px; width: 640px; float: right; border: 1px solid #0099CC; overflow-x: hidden; margin-left: 0px; margin-right: 0px; overflow-y: scroll}

#writingiframe {height: 480px; width: 640px; float: right; border: 1px solid #009933; overflow-x: hidden; margin-left: 10px; margin-right: 0px; overflow-y: scroll}

#contactiframe {height: 480px; width: 640px; float: right; border: 1px solid #990033; overflow-x: hidden; margin-left: 10px; margin-right: 0px; overflow-y: scroll}

#content {height: 480px; width: 630px; margin-bottom: 40px}

#content img {float: right; margin-top: 5px; margin-bottom: 15px; padding: 5px; margin-right: 20px}

#intro {height: 480px; width: 630px; margin-bottom: 40px}

.newssubheading {font-size: 13px; color:#CC6600; line-height:: 16px; margin-left: -25px; margin-top: 15px}

.projectssubheading {font-size: 13px; color:#0099CC; line-height:: 16px; margin-left: -25px; margin-top: 15px}

.writingsubheading {font-size: 13px; color:#339900; line-height:: 16px; margin-left: -25px; margin-top: 15px}

.contactsubheading {font-size: 13px; color:#990033; line-height:: 16px; margin-left: -25px; margin-top: 15px}

.selected {color:#999999}

.projectname {font-size: 12px; width: 275px; margin-top: 30px; margin-bottom: 0; padding-left: 25px}

.writingname {font-size: 12px; line-height: 15px; width: 225px; margin-top: 30px; margin-left: 80px; margin-bottom: 3px;}

.newsitem {font-size: 12px; line-height: 15px; width: 225px; margin-top: 50px; margin-left: 20px; margin-bottom: 3px}


.bio {font-size: 11px; color: #990033; line-height: 15px; width: 225px; margin-top: 30px; margin-left: 50px}

.contactemail {font-size: 12px; margin-top: 30px}

.description {font-family:Arial, Helvetica, sans-serif;font-size: 10px; line-height: 14px; width: 265px; text-align:justify; margin-left: 25px; margin-top:10px}

.introtext {font-family:Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; width: 545px; text-align:justify; margin-left: 30px; margin-top:10px}

.introheading {font-size: 12px; margin-left: 30px; margin-top: 40px; margin-bottom: 5px;}

.introsubheading {font-size: 10px; margin-left: 30px; margin-top: 0px; font-style: italic; line-height: 11px}

.quotation {font-size: 9px; font-style: italic; line-height: 13px; width: 240px; text-align:justify; margin-left: 35px}

.writing {font-family:Arial, Helvetica, sans-serif;font-size: 10px; line-height: 14px; width: 400px; text-align:justify; margin-left: 80px;}

.special {font-size: 11px; margin-top: 30px; margin-bottom: 0; padding-left: 10px}

.subtitleproject {font-size: 9px; line-height: 11px; width: 225px; padding-left: 25px; font-style: italic; margin-top: 3px;}

.subtitlenews {font-size: 9px; line-height: 11px; width: 225px; font-style: italic; margin-top: 3px; margin-left: 25px}

.subtitlewriting {font-size: 9px; line-height: 11px; width: 400px; font-style: italic; margin-top: 0px; margin-left: 80px}

li {font-size: 11px; line-height: 28px; margin-left: -20px; list-style: none}

ul {margin-top: 0; padding-top: 0}

a {color:#000000;text-decoration: none;}

a:hover {color:#999999}

</style>