body { background-color: #CC6600 }

body,p,tr,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003399;
}

h4 {
	font-size: 14px;
	color: #CC6600;
	font-weight: bold;
}

h5 {
	font-size: 12px;
	font-weight: bold;
}

hr {
	color: #CC6600;
	padding: 0px;
	height: 2px;
	border: dotted;
}

.footer, .footer a:link, .footer a:visited, .footer a:hover, .footer a:active {
	background-color: #333366;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 30px;
}

Input, TEXTAREA, OPTION, SELECT {
	padding: 1px;
	font-size: 11px;
	color: #003399;
	background-color: #FFFFFF;
	border: 1px solid #A35200;
}

.radio { border: none; background: none }

.submit {
	padding: 1px;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #D68533;
	border: 1px solid #A35200;
}

a:link, a:visited, a:hover, a:active { color: #333366 }

.pagename {
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	width: 386px;
}

.textpad { padding: 20px }

#htmlportfolio {
	width:530px; 
	margin-bottom:20px;
}

.htmlportmiddle {
	background-image: url(images/htmlwaterbg.jpg);
	background-repeat: no-repeat;
	height: 275px;
}

.htmlbigimg {
	height: 255px; /* container - view button */
	padding: 16px 0 0 0;
	text-align: center;
}

.htmlportbottom {
	height: 61px;
	padding: 13px 0;
	background-image: url(images/frame_bottom_lg.gif);
	background-repeat: no-repeat;
	text-align: center;
}

.htmlportbottom a {
	margin: 0;
}

#htmlviewbutton {
	height: 18px; /* image height */
	padding: 1px 30px 0 0;
	text-align: right;
}
.thumbnails {
	background-color: #CC6600;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
}
.small_site_nav {
	padding-right: 10px;
	width: 200px;
}
.small_site_nav p {
	padding-bottom: 5px;
}
.small_site_main {
	width: 669px;
}


.small_site_container {
	padding-top: 15px;
	padding-bottom: 10px;
}
.small_site_container img {
	margin-bottom: 10px;
}
.small_site_container p {
	margin-bottom: 10px;
	margin-top: 0px;
}
.small_site_container td {
	vertical-align: top;
}
.left_container {
	width: 455px;
}



.thumbnails div {
	margin: 0px;
}
.thumbnails {
	width: 660px;
}

.thumbnails img {
	margin-right: 2px;
	margin-left: 2px;
}
.pagename1 {
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase; /* fixes strange IE bug that stretches table (table width - top left image width) */
	background-image: url(/images/frame_right2.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
}
.frame_dw {
	margin: 0px;
	padding: 0px;
}