/* General Styles for the site */
body { color: black; margin: 0; padding: 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 75%; } 
#page { margin: 0; padding: 0; }
h2, #asides h3, h4, #footer p, .answers td.field, #projectDesc h3
	{ font-family: "Trebuchet MS", Trebuchet, Verdana, Geneva, Arial, Helvetica, sans-serif; }

/* Header specifications */
#header h1 { color: #724; border-bottom: 1px solid #a47; }
#siteNav { display: none; }

/* Main Content Area */
#contentText { margin: 0; padding: 0; }
#contentText h2 { padding: 2px 0 0 0; margin: 0 8px;  color: #dd5; font-size: 14pt; font-weight: normal; }
#copy { padding: 0; margin: 25px 20px 0 20px; font-size: x-small; }

/* Copy Links */
#copy a { font-weight: bold; }
#copy a:link, #copy a:visited, #copy a:active { color: #834; }
#copy a:visited { color: #301; }
#copy a:hover { color: #267; text-decoration: none; }

/* Copy Text */
#copy h3 { color: #341; font-size: 1.2em; border-top: 1px dotted #ac8; margin: 10px 0; padding: 10px 0 0 0; clear: right; }
#copy h4 { color: #462; margin: 0; font-size: 1.2em; }
#copy p { line-height: 1.5em; margin: 0 0 20px 0; padding: 0; }
#copy p.leftcol { float: left; }
#copy p.rightcol { text-align: right; }
.regList li { list-style-image: url(images/list_bullet.gif); margin-bottom: 0.5em; }
.nonPrint { display: none; }

/* Portfolio Pages Styles */
.thumbList { padding: 0; margin: 0 15px 0 0; }
.thumbList img { border: 1px solid black; margin: 10px 10px 0 0; }
.currentSmallThumb { padding: 5px; background: #bc9; border-color: #ac8; }
.smallThumbs { margin: 15px 5px 5px 0; }
.titleList { float: right; border-left: 1px solid #bc7; width: 33%; margin: -15px 0 0 15px; padding: 0 0 0 15px; }
.mainThumbWeb { border: 1px solid #666; }
.titleList ul { margin: 0; padding: 0; list-style-image: none; }
.titleList ul li { list-style-image: none; list-style: none; font-size: 0.7em; margin: 0.8em 0 0 0; }
#projectDesc h3 { clear: none; background: none; padding: 0; margin: 0; }
.pdfLink, .webLink, .noWebLink, .prevNext { display: none; }

/* Questions & Answers Table styles */
.answers { margin: 0 auto; width: 100%; }
.answers td { margin: 0; padding: 12px 0 8px 0; border-top: 1px dotted #ac7; vertical-align: top; }
.answers td.field { font-weight: bold; color: #462; font-size: 1.2em; padding-right: 3em; }
.answers .lastRow td { text-align: left; }
.answers .h3 { margin-top: 0; padding-top: 0; }

/* Footer */
#footer { border-top: 1px dotted #573; margin: 0; padding: 0 0 12px 0; }
#footer p { padding: 10px 0; text-align: center; margin: 0; color: #dfc; font-size: 10pt; }
#footer span { color: #341; }
#footer p a { color: #dfc; text-decoration: none; padding: 1px 5px; border: 1px solid #341; background: #573; }

/* Latest (one) Portfolio Item */
.latestPortfolio { float: right; text-align: center; margin: 10px 10px 20px 20px; padding: 0; }
.latestPortfolio h4 { color: #672; margin: 0; padding: 0; font-size: 1em; }
.latestPortfolio img { border: 1px solid #351; margin: 2px 0; padding: 0; }
.latestPortfolio div { display: none; }

/* Right-Side Items */
#asides { border-top: 1px dotted #ccc; }
#asides div { float: left; } 
#asides h4 { margin: 0 10px 0 0;  padding: 5px 10px 0 5px; }
#asides img { margin: 5px 5px 0 0; border: 1px solid #146; }
.asideBottom { display: none; }
#blogAside { width: 30%; } #portAside { width: 60%; margin-left: 12em; }

/* Blog Aside */
#blogAside { padding: 0; margin: 0 20px 13px 0; }
#blogAside h3 { color: #ebc; font-size: 12pt; margin: 0; padding: 5px 8px; }
#blogAside h4 { float: right; color: #c8a; font-size: 11pt; line-height: 1.3em; }
#blogAside h4 span { font-size: 18pt; display: block; }
#blogAside p { color: #eac; margin: 5px; font-size: 0.9em; line-height: 1.7em; padding: 0 5px 5px 5px; }
#blogAside .asideBottom { margin: 0; padding: 0 0 15px 0; text-align: center; }
#blogAside .moreBlog { display: block; width: 122px; height: 24px; margin: 0 auto; }

/* Portfolio Aside */
#portAside { padding: 0; margin: 0 20px 0 0; }
#portAside h3 { color: #9c5; font-size: 12pt; margin: 0; padding: 5px 8px; }
#portAside h4 { float: left; color: #7a5; font-size: 11pt; line-height: 1.3em; }
#portAside h4 span { font-size: 11pt; }
#portAside p { color: #9c6; margin: 5px; font-size: 0.9em; line-height: 1.7em; padding: 5px 5px 0 5px; }
#portAside .asideBottom { margin: 0; padding: 0 0 15px 0; text-align: center; }
#portAside .moreBlog { display: block; width: 82px; height: 24px; margin: 0 auto; }
#portAside .moreInfo { display: block; width: 82px; height: 24px; margin: 0 auto; }