body { font-family: "Lucida Sans MS", Helvetica, Arial, sans-serif; color: #333; margin-top: 0px; font-size: 1.1em; }

body.body { background-color: #DDD; }

#container { width: 930px; margin: 20px auto 0 auto; border: 1px solid #eee; padding: 20px; background-color: #FFF; }
#header { width: 930px; background-color: #FFF; border: 0px solid #F00; padding-bottom: 10px; }
#maincontents { float: left; background-color: #FFF; width: 700px; 
padding: 10px 0 10px 0; font-size: 0.9em; color: #333; text-align: left; /*line-height: 18px;*/ border: 0px solid #000; }
#maincontents h1 { font-size: 1.5em; }

#maincontentswide { float: left; background-color: #FFF; width: 930px; 
padding: 10px 0 10px 0; font-size: 0.9em; color: #333; text-align: left; border: 0px solid #000; }
#maincontentswide h1 { font-size: 1.5em; }
#maincontentswide ul { margin-bottom: 10px; }

#leftcol { background-color: #FFF; float: left; width: 200px; border: 0px solid #0F0; /*line-height: 18px;*/ padding: 10px 20px 0 0;}
#footer { text-align: left; font-size: 0.9em; margin-top: 20px; color: #000; background-color: #FFF; clear: both; border-top: 1px solid #CCC; }
#subnav { margin-top: 0; border: 1px solid #FFF; background-color: #EEE; font-weight: normal; font-size: 10px; color: #333; }

#logo { float: right; }

.clearfix:after { content: "."; display: block;	clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

a { color: #476B00; font-weight: normal; }
h1 { font-size: 1em; font-weight: bold; text-align: left; margin-bottom: 0; margin-top: 0px; padding: 0 0 2px 0; }
h2 { font-size: 1.2em; font-weight: bold; text-align: left; margin-bottom: 0; margin-top: 5px; padding: 0; color: #333; }
h3 { margin: 0; padding: 0 0 10px 0; }
ul { margin-bottom: 0; margin-top: 0; }
p { margin: 5px 0 10px 0;}
img { border: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

.standfirst { font-size: 1.2em; }

/* menu system */
#navpanel { border: 0px solid #0F0; background-color: #FFF;  margin: 20px 0 10px 0; font-size: 1.2em; float: left; }
ul.mainnav { list-style-type: none; padding-left: 0.2em; padding: 0; margin: 0; }
ul.mainnav li { margin-bottom: 5px; display: inline; margin-right: 10px; font-size: 1em; }
ul.mainnav li a { color: #666; font-weight: normal; text-decoration: none; }
ul.mainnav li a:hover { color: #000; }
.mainnavselected { color: #000; font-weight: bold; }

ul.subnav { list-style-type: none; padding: 0px; margin: 0 0 10px 0; display: block; border-top: 1px solid #CCC; }
ul.subnav li { margin: 0; color: #000; padding: 1px 0 1px 5px; border: 1px solid #CCC; border-top: 0; background-color: #F6F6F6; display: block; height: 1%; padding: 5px; font-size: 0.9em; }
ul.subnav li a:hover { text-decoration: underline; }
ul.subnav li a { color: #000; text-decoration: none; }
.subnavselected { color: #000; font-weight: bold; font-size: 0.9em; }
/* end menu */


input.text, input.password, textarea { width: 150px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333; }
input.submit { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
select.select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333; width: 160px; }
select.selectnormal { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333; width: auto; }

form.standardform { }  
form.standardform label { clear: both; display: block; margin-bottom: 15px;}
form.standardform select, form.standardform input, form.standardform textarea { clear: both; display: block; }
form.standardform textarea { width: 300px; height: 200px; }


#portfolio h1 { padding-bottom: 5px; }
#portfolio div.standfirst { font-size: 1.3em; padding: 10px 0 10px 0; }

#fadebox { width: 710px; height: 517px; }
#fadeboxcontainer {  width: 710px; height: 517px; padding: 1px; background-color: #CCC; margin-bottom: 10px; }

input.text { background-color: #EEE; }
textarea { background-color: #EEE; }
select { background-color: #EEE; }

div.rightbox { border: 0px solid green; width: 310px; }

#projects { width: 310px; float: left; margin-left: 10px; }
#homepagearticle { float: left; width: 600px; border: 0px solid yellow; font-size: 1.3em; }