pre {
	/*    REMEMBER THIS!!!! its the checkbox.. */
}




body {
	font-family : Arial, Helvetica, sans-serif;
	background-color: #CCCCCC;
	color: #333333EEF6EE;
	margin: 0;
	scrollbar-face-color: #D5EAD5;
	scrollbar-shadow-color: #663333;
	scrollbar-highlight-color: #EEF6EE;
	scrollbar-3dlight-color: #330000;
	scrollbar-darkshadow-color:#330000;
	scrollbar-track-color: #AED9D5;
	scrollbar-arrow-color: #663333;
	}
	
div { 
	float: right;
	text-align: left;
	background: #C2D9C5;
	margin: 4px 4px 4px 4px;
	border: 1px groove;
	padding: 1px 5px 1px 5px;
	font-size: 8pt;
}
table {
	margin: 0;
	width: 695px;
	empty-cells: show;
}

table td {
	empty-cells: show;
	border-width: 0;
	background-color: #663333;
	padding: 0;
}

table#middle {
	width: 636px;
	height: 280px;
	background-image: url(../tableImg/background.gif);
	table-layout: fixed;
	margin: 14px 29px 16px 30px;
	font-size : 10pt;
}

table#middle td {
	padding: 5px;
}

table#bottom {
	position: absolute;
	top: 408px;
	z-index: 1;
}

/*TOPBAR CELL PROPERTIES*/
img.top_icon{
	visibility: hidden;
	position: absolute;
	top: 20px;
	z-index: 1;
}
img#top_home{
	left: 25px;
}
img#top_about{
	left: 95px;
}
img#top_portfolio{
	left: 167px;
}
img#top_contact{
	left: 255px;
}


/*MIDDLE CELL PROPERTIES*/
select{
	border: 3px ridge;
 	background: #E8FFFB;
	margin: 1px;
}
input{ 
	border: 3px ridge;
 	background: #E8FFFB;
	margin: 1px;
	}
textarea{ 
	border: 3px ridge; 
	background: #E8FFFB;
	margin: 1px; 
	}

td#middleAll{      /*   for contact tables    */
	background: transparent;
	height: 196px;
	width: 695px;
}
td#middleAll div{
	text-align: left;
	border: 2px groove;
	background: #D5EAD5;
	margin: 5px;
	padding: 7px;
	font: bold 9pt;
}
td#middleAll div.left{
	float: left;
}
td#middleAll div.right{
	float: right;
}

td#middleStructure{ /*    cell #1    */
	width: 170px;
	height: 32px;
	text-align: right;
	vertical-align: bottom;
	background: #C2D9C5;
}
td.middleBlankBlue{  /*    cells #2,8    */
	width: 196px;
	height: 32px;
	background: #AED9D5;
}
td#middleTitle{   /*    cell #3    */
	width: 230px;
	height: 32px;
	background: #C2D9C5;
	text-align: left;
	vertical-align: bottom;
	font-size : 13pt;
	font-weight: bold;
	color : #330000;
	font-variant : small-caps;
}
td#middleLinks{    /*    cell #4    */
	width: 170px;
	height: 196px;
	background: #AED9D5;
	text-align: right;
	vertical-align: bottom;
}
td#middleImage{    /*    cell #5    */
	width: 196px;
	height: 196px;
}
td#middleText{      /*    cell #6    */
	width: 230px;
	height: 196px;
	background: #AED9D5;
	vertical-align: top;
	text-align: justify;
	color : #333333;
	font-size : 9pt;
	line-height: 120%;
	font-weight: bold;
}
td#middleText span{     /*   for scrolling    */
	display: block;
	position: absolute;
	width: 220px;
	height: 184px;
	overflow: auto;
	padding-right: 5px;
}
td#middleBack{     /*    cell #7    */
	width: 170px;
	height: 32px;
	background: #C2D9C5;
	vertical-align: bottom;
	text-align: left;
}
td#middleLogo{ 		/*   cell # 9    */
	width: 230px;
	height: 32px;
	background: url(../tableImg/smallSerge.gif);
}


/*BOTTOM CELL PROPERTIES*/
td#bottomIcon{
	width: 39px;
	text-align: right;
}
td#bottomNavigation{
	width: 656px;
	height: 27px;
}
img#button{
	visibility: hidden;
	position: absolute;
	top: 435px;
	z-index: 2;
}




/*HTML OVERRIDES*/
td#middleText A {
	text-decoration : none;
	color: #999999;
}

td#middleText A:hover {
	color : #333333;
}

td#middleText A:visited {
	color: #666666;
}

I {
	color : #330000;
	font-style : normal;
	font-weight : bold;
}

A {
	text-decoration : none;
	font-weight : bold;
	color: #333333;
}

A:hover {
	color : #666666;

}

A:active {
	color : #330000;
}

td#middleLinks A {
	vertical-align: bottom;
	padding-left: 15px;
}

td#middleLinks A:hover {
	color : #666666;
	border-left: 14px solid #82B088;
	padding-left: 1px;
	background: #C2D9C5;

}

td#middleLinks A:active {
	color : #330000;
	border-left: 15px solid #330000;
	padding-left: 0px;
	background: #C2D9C5;
}