
/* primary tags and styles */
body  { margin: 0; background-color: #ffffff; }
body, td, p, ol, ul, li, div, span, form, input, textarea, h1, h2, h3, h4, h5, h6 { font-size: 11px; color: #333333; font-family: verdana, arial, helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6, form, ol, ul, li { padding: 0; margin: 0; font-family: verdana, arial, helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { color: #000000; font-weight: bold; }
h1 { font-size: 11px; }
h2 { font-size: 10px; }
h1.projects { color: #ffffff; }
h1.info { text-transform: uppercase; }
ol { margin-left: 25px; font-weight: bold; }
ul { margin-left: 18px; }
ul.loweralpha { margin-left: 25px; list-style-type: lower-alpha; }
li { padding-top: 4px; padding-bottom: 4px; }
img { display: block; }

/* text classes */
.txthdg { color: #000000; line-height: 18px; font-weight: normal; }
.copyright { color: #7c5e2a; font-size: 9px; font-weight: normal; }
.footerxt { color: #663300; font-size: 9px; font-weight: normal; }
.fineprint { color: #666666; font-weight: normal; font-size: 9px; font-style: italic; }
.padding10 { padding: 10px }
.padding5 { padding: 5px }
.padding6 { padding: 6px }
.padding7 { padding: 7px }
.leading14 { line-height: 14px }
.leading16 { line-height: 16px }
.leading18 { line-height: 18px }
.required { color: #cc0000; }

/* tables */
table.outline1 { border-collapse: collapse; }
td.outline1 { border: solid 1px #cccccc; padding: 6px; }
table.outline2 { border-collapse: collapse; }
td.outline2 { border: solid 1px #000000; padding: none; }
td.whitecell { background-color: #ffffff; }
td.blackcell { background-color: #000000; }
td.leftnav { background-color: #f0c348; }
.topnavbg { background-image:url(graphics/bg-header.gif); background-repeat: repeat-x; height: 92px; }
.projectimgcell { background-color: #757575; }
.projectnumbers { padding-bottom: 6px; padding-left: 24px; color: #ffffff; font-weight: bold; font-size: 10px; height: 39px; }
.infocontentcell { background-color: #f1f1f1; }
.infotxtcell { padding: 42px 31px 31px 31px; }

/* image control */
img.inline { display: inline; }

/* divs */
#leftnav ol { list-style-type: none; margin: 0; padding: 0; }
#leftnav ul { list-style-type: none; margin: 10px 0 8px 1.2em; padding: 0; }
#leftnav li { background-image:url(graphics/bullet.gif); background-position:0 0.5em; background-repeat:no-repeat; padding: 0 0 5px 12px; }
#projectcaption { padding: 20px 24px 20px 24px; text-align: left; }

/* form elements */
input { color: #333333; font-size: 10px; font-family: verdana, sans-serif; }
textarea { background-color: #ffffff; border: solid 1px #A2A29E; color: #333333; font-size: 9px; font-weight: normal; } 
select  { background-color: #ffffff; border: solid 1px #A2A29E; color: #333333; font-size: 9px; font-weight: normal; } 
option { background-color: #ffffff; border: solid 1px #A2A29E; color: #333333; font-size: 9px; font-weight: normal; }
.button1 { background-color: #ffffff; border: solid 1px #A2A29E; color: #333333; font-size: 9px; font-weight: bold; } 
.textfield1 { background-color: #ffffff; border: solid 1px #A2A29E; color: #333333; font-size: 9px; } 
.textfield2 { background-color: #ffffff; border: solid 1px #A2A29E; color: #333333; font-size: 9px; width: 200px; } 
.formlabel { padding: 3px 5px 3px 0; }

/* links */
a { color: #cc0000; text-decoration: none }
a:visited { color: #cc0000; text-decoration: none }
a:hover { color: #9e0000; text-decoration: underline }
a:active { color: #cc0000; text-decoration: none }

a.leftnav { color: #000000; font-size: 10px; line-height: 15px; font-weight: normal; text-decoration: none; }
a.leftnav:visited { color: #000000; font-size: 10px; line-height: 15px; font-weight: normal; text-decoration: none; }
a.leftnav:hover { color: #9e0000; font-size: 10px; line-height: 15px; font-weight: normal; text-decoration: none; }
a.leftnav:active { color: #000000; font-size: 10px; line-height: 15px; font-weight: normal; text-decoration: none; }

a.projectlink { color: #ffffff; font-size: 10px; font-weight: normal; text-decoration: none; }
a.projectlink:visited { color: #ffffff; font-size: 10px; font-weight: normal; text-decoration: none; }
a.projectlink:hover { color: #9e0000; font-size: 10px; font-weight: normal; text-decoration: underline; }
a.projectlink:active { color: #ffffff; font-size: 10px; font-weight: normal; text-decoration: none; }

