﻿/* 
pHSCWeb_2006 - styles - Dave's original design

p { color: #333333; font-size: 8pt; font-family: verdana, serif; }
p.blue { color: #3366cc; font-size: 8pt; font-family: verdana, serif; } RGB: 051;102;204 
p.white { color: #ffffff; font-size: 8pt; font-family: verdana, serif; }  
p.grey { color: #cccccc; font-size: 8pt; font-family: verdana, serif; }   RGB: 204;204;204 
p.small { color: #cccccc; font-size: 7pt; font-family: verdana, serif; }
h4 { color: #993300; font-size: 11pt; font-family: verdana, serif; }  RGB 153;051;000
h5 { color: #993300; font-size: 8pt; font-family: verdana, serif; } RGB 153;051;000
li { color: #333333; font-size: 8pt; font-family: verdana, serif; } RGB 051;051;051
a { color: #333399; text-decoration: underline }  RGB 051;051;153
a:hover { color: #cc3333; text-decoration: underline }   RGB 204;051;051
a.menu { color: #ffffff; text-decoration: none }
a.menu:hover { color: #ffffff; text-decoration: underline }


*/


BODY {
	 text-align:center; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #333; PADDING-TOP: 0px; 
	 BACKGROUND-IMAGE: url(images/background.gif);
	 font-family: verdana, serif; FONT-SIZE: 90%;
}

#header {
	BACKGROUND-POSITION: 0px 0px; BACKGROUND-IMAGE: url(images/header.jpg); WIDTH: 100%; COLOR: #000; BACKGROUND-REPEAT: no-repeat; HEIGHT: 75px; BACKGROUND-COLOR: #fff
}
#header H1 {
	DISPLAY: none
}
#BlueSquares 
{	
	width:100%;
	BACKGROUND: url(images/fadingsquares.gif) no-repeat 	
}
#BlueSquaresRight 
{	
	width:100%;
	BACKGROUND: url(images/fadingsquares_op1.gif) no-repeat;
	text-align:right;
	
}
#wrapper 
{
	text-align:left;
	WIDTH: 800px;
	background-color:White;
	BORDER-RIGHT: #666 1px solid;
	BORDER-LEFT: #666 1px solid;
	BORDER-TOP: #666 1px solid;
	BORDER-BOTTOM: #666 1px solid;
	 
}


.clearboth {
	CLEAR: both
}


/*CODE {
	CLEAR: both; BORDER-RIGHT: #666 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #666 1px solid; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 2em 0px 20px 30px; BORDER-LEFT: #666 1px solid; WIDTH: 30em; COLOR: #333; LINE-HEIGHT: 150%; PADDING-TOP: 10px; BORDER-BOTTOM: #666 1px solid; FONT-FAMILY: courier, "courier new", monospace; BACKGROUND-COLOR: #ddd
}*/

#nav {
	PADDING-RIGHT: 0px; PADDING-LEFT: 30px; FONT-SIZE: 75%; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-TOP: 5px; BACKGROUND-COLOR: #666666;
}
#nav LI {
	DISPLAY: inline; LIST-STYLE-TYPE: none
}


#nav A:link {
	COLOR: #fff; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
#nav A:visited {
	COLOR: #fff; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
#nav A:hover {
	COLOR: #fff; BACKGROUND-COLOR: transparent; text-decoration: underline;
}
#nav A:active {
	COLOR: #fff; BACKGROUND-COLOR: transparent;
}
.mainmenu {
	PADDING-LEFT: 0px; MARGIN-LEFT: 30px; LIST-STYLE-TYPE: none
}
#nav2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 90%; PADDING-BOTTOM: 1px; MARGIN: 0px; PADDING-TOP: 1px;
	BACKGROUND-COLOR: #aeccae
}
#nav2 LI {
	DISPLAY: inline; PADDING-LEFT: 0px; LIST-STYLE-TYPE: none
}
#nav2 A:link {
	COLOR: #000; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
#nav2 A:visited {
	COLOR: #000; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
#nav2 A:hover {
	COLOR: #fff; BACKGROUND-COLOR: #333
}
#nav2 A:active {
	COLOR: #fff; BACKGROUND-COLOR: #333
}
.mainmenu LI {
	PADDING-LEFT: 10px; 
	/*BACKGROUND: url(/listamatic/images/arrow.gif) no-repeat 0px 0.3em*/
}
A:link {
	COLOR: #339; BACKGROUND-COLOR: transparent
}
A:visited {
	COLOR: #888; BACKGROUND-COLOR: transparent
}
A:hover {
	COLOR: #600; BACKGROUND-COLOR: transparent
}
A:active {
	COLOR: #600; BACKGROUND-COLOR: transparent
}
TABLE {
	MARGIN: 0px 30px; COLOR: #333; BACKGROUND-COLOR: #fff
}
TH {
	COLOR: #333; BACKGROUND-COLOR: #a3c6a3; TEXT-ALIGN: left
}
TBODY TH {
	FONT-WEIGHT: normal; BACKGROUND-COLOR: #fff
}
TBODY .row2 TH {
	BACKGROUND-COLOR: #e4eee4   /* RGB: 228; 238; 228 */
}
.row2 {
	BACKGROUND-COLOR: #e4eee4
}
.foo {
	BACKGROUND-COLOR: #98bae0   /* RGB: 152; 186; 244 */
}
CAPTION {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 110%; PADDING-BOTTOM: 5px; COLOR: #666; PADDING-TOP: 20px; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left
}
.submitlist LI {
	MARGIN-BOTTOM: 1em
}


/* content */
#content {
	FLOAT: left; MARGIN: 1em 0px 0px 20px; WIDTH: 500px
}

/* content */
#content .PortfolioTitle {
	 color:#3366cc;         /* RGB: 51; 102; 244 */
	 font-weight:bold;
}

#content H2 {
	MARGIN-LEFT: 0px
}
#content H3 {
	MARGIN-LEFT: 0px
}
#content  h4 
{
	MARGIN-LEFT: 0px;
	color: #993300;      /* RGB: 153; 051; 000 */
	font-size: 11pt; 
}

#content H5 
{
	MARGIN-LEFT: 0px;
	color: #993300;       /* RGB: 153; 051; 000 */
	font-size: 8pt;
}

#content P {
	MARGIN-LEFT: 0px;
	WIDTH: auto;
	color: #333333;       /* RGB: 051; 051; 051 */
	font-size: 8pt;
}

#content UL {
	PADDING-LEFT: 0px;		
}

#content LI 
{
	color: #333333;        /* RGB: 051; 051; 051 */
	font-size: 8pt;					
}

#content OL {
	MARGIN-LEFT: 0px;
	PADDING-LEFT: 0px;
	WIDTH: auto;
}
/* end content */

/* side bar (on right of page)*/
#sidebar {
	width: 225px;
	MARGIN: 0px 0px 0px 20px; 
	background: #CCCCFF;  /* RGB: 204; 204; 255 */
	text-align: left;
	FLOAT: left; 	
}

#sidebar #sidebarContent { padding: 0px 10px 10px 10px; }

/* Rounded Corner Box Background Images */
#sidebar #top-left {
	width: 100%;
	height: 20px;
	background: #CCCCFF url(images/roundedCorners/topLeft.gif) left top no-repeat;
}

#sidebar #top-right {
	float: right;
	width: 20px;
	height: 20px;
	background: #CCCCFF url(images/roundedCorners/topRight.gif) right top no-repeat;
}

#sidebar #bottom-left {
	width: 100%;
	height: 20px;
	background: #CCCCFF url(images/roundedCorners/bottomLeft.gif) left bottom no-repeat;
}

#sidebar #bottom-right {
	float: right;
	width: 20px;
	height: 20px;
	background: #CCCCFF url(images/roundedCorners/bottomRight.gif) right bottom no-repeat;
}
/*end of rounded corners*/
/*#sidebar {
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px; 
	BACKGROUND: #ccccff; 
	FLOAT: left; 
	PADDING-BOTTOM: 10px; 
	MARGIN: 1em 0px 0px 20px; 
	WIDTH: 200px; 
	PADDING-TOP: 10px
}*/

#sidebar H2 {
	MARGIN-LEFT: 0px;
	MARGIN: 0px
}
#sidebar H3 {
	MARGIN-LEFT: 0px
}
#sidebar H5 
{
	/*MARGIN-LEFT: 0px;*/
	color: #993300;       /* RGB: 153; 051; 000 */
	font-size: 8pt;
}
#sidebar H4
{
	/*MARGIN-LEFT: 0px;*/
	color: #000; 
	font-size: 8pt;
	
}

#sidebar P {
	MARGIN-LEFT: 0px;
	WIDTH: auto;
	font-style:italic;
	font-size: 8pt;
}
#sidebar UL {
	MARGIN-LEFT: 0px;
	PADDING-LEFT: 0px
}
#sidebar OL {
	MARGIN-LEFT: 0px;
	WIDTH: auto;
	PADDING-LEFT: 0px
}
/*end of side bar*/

/* page heading bits ie bread crumb page name */
#pageHeading
{
	MARGIN: 1em 0px 0px 20px; 
	WIDTH: auto;			
}

#pageHeading P
{	
	WIDTH: auto;
	color: #993300;       /* RGB: 153; 051; 000 */
	font-size: 11pt; 
	font-weight:bold;
	MARGIN-LEFT: 0px;
		
}

/*bread crumb trail*/
#pageHeading .BreadCrumb {	
	font-size: 8pt;
	/*color:  #993300; */  
	color: #000000;
}

/* end of page heading*/

/* Footer */
#footer 
{
	text-align:right;
	CLEAR: both; FONT-SIZE: 90%; 
	WIDTH: 100%; 
	PADDING-TOP: 5px; 
	FONT-STYLE: normal;
	BACKGROUND-COLOR: #666666;	
}

#footer P {
	MARGIN-LEFT: 0px;
	color: #fff; 
	font-size: 7pt;   
}

/*end of footer*/

.b
{
	font-weight:bold
}


.tree td div {  background-color:#ffffff; height: 20px !important          }


