body   { color: white; background-color: #000000 }
p {}
td {}
#portfolios  { color: white; font-size: 8px; font-family: "Trebuchet MS"; font-weight: bold; margin: 0; padding: 10px; position: absolute; top: 50px; right: 0; bottom: 400px; width: 180px; height: auto; float: right ; background: black;}
#portfolios ul  { list-style-type: disc; margin: 1em 0 1em 0 }
#portfolios li   { list-style-type: none; padding: 0 }
#portfolios img { heigth: 42px; width: 150px; border: 0px; }
#vertline { background-image: url(images/bg-mid.jpg); background-repeat: repeat-y; background-position: 0 0; margin: 3% 0; padding: 0; position: absolute; z-index: 0; top: 15px; right: 200px; bottom: 15px; width: 15px; height: 90% }
#menu  { color: white; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: bold; line-height: 15px; position: absolute; top: 50px; right: 200px; bottom: 300px; left: 0; width: 150px; height: 300px }
#menu ul { list-style-type: none; padding: 0px; margin: 5px;}
#menu .menu_hdr  { color: white; list-style-type: none; border-bottom: thin dotted white }
#menu .menu_item { list-style-type: none; color: #e5e5e5; margin-left: 15px; }
#menu .menu_sep { list-style-type: none; height: 15px;}
#menu a:hover { text-decoration: underline }
#menu a:link { color: #e5e5e5; text-decoration: none }
#menu a:visited { color: #e5e5e5; text-decoration: none }
#menu a:active { color: red; text-decoration: none }

#content  { color: white; font-family: "Trebuchet MS", Georgia, serif; background-position: top center;
background-repeat: no-repeat; margin: 20px; position: absolute; top: 50px; right: 200px; left: 150px; height: 300px }

#content table { font-family: Trebuchet MS, Georgia, serif; color: White; border: 1px solid Grey;}
#content tr.title { border: 1px solid Grey; }
#content p.text { text-indent: 20px; }

/* Div classes*/
div.article {
	width: 90%;
        font-family: Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: Grey;
	color: Black;
	padding: 10px;
	border: 1px solid #b5b5b5;
}

#content .title {
	font-size: 14pt;
}

div.article_metadata {
        float: right;
        margin: 0 0 1em 1em;
        position: relative;
        top: -1px;
        left: 1px;
        padding: 0.667em 1.33em;
        width: 170px;
        font-family: Verdana, Helvetica, sans-serif;
        line-height: 1.3em;
        font-size: x-small;

}
#centertext { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; position: absolute; z-index: 1; top: 50%; right: 25%; left: 25%; width: 570px }
#centertext img { margin: 10px; padding: 0; border: solid 1px gray }
#buttons { position: absolute; top: 70%; left: 20px; width: 120px; height: 80px }
#buttons img { border: 0 }
#content img { margin: 10px; padding: 0; border: solid 1px gray }
#content img.logo { border: 0 }
#content a:hover { color: white; font-weight: bolder; text-decoration: none }
#content a:link { color: white; font-weight: bolder; text-decoration: none }
#content a:active { color: white; font-weight: bolder; text-decoration: none }
#content a:visited { color: white; font-weight: bolder; text-decoration: none }
#footer  { font-size: xx-small; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; margin-left: 10px; position: absolute; bottom: 0; left: 0; height: 20px }
#content .input_textbox
 { color: white; font-size: 12px; background-color: #000; border: solid 1px gray }

.project { width: 90%; border: 1px solid Grey; padding: 5px; }
.project_image { width: 144px; height: 96px; border: 1px solid Grey; }
.project_smallimage { width: 72px; height: 48px; border: 1px solid Grey; }
#content table.noborder { border: 0px; }