body {font-size:11px; font-family: sans-serif; color: Black; 
	background-color: #000033;/*lighter*/}

/*----- forces a scrollbar to compensate for horizontal shifting long/short pages  ----  only the long page needs the scroll bar ------*/ 	
html { height: 100%; margin-bottom: 1px; overflow-y: scroll;}

	/*------ Wrapper Styles  ------*/
	#wrapper {width: 700px; margin:15px auto 0px auto; padding: 0px; display:table;
border: 0px cyan solid;}
 
/*------ Header Styles  ------*/
	#header {width: 700px; height: 135px; margin: 0px; 	padding: 0px; 
border: 0px red solid;}

/*------ Middle Styles  ------*/
	#middle {width: 700px; float: left; margin: 15px 0px 15px 0px; 	
			overflow:auto;
			background-image:url(images/red-left.jpg); background-repeat:repeat;
border: 0px green solid;}

/*------- Sidebar styles -------*/
	#sidebar {width: 130px; float: left;	margin: 0px; 	padding: 0px; 
			background-image:url(images/red-left.jpg); background-repeat:repeat;
border: 0px red solid;}
	#sidebar ul {margin: 15px; padding: 0px; list-style-type:none;}
	#sidebar ul li, a {font-size: 11pt;	line-height: 20pt; color: #fff; text-decoration:none;}
	#sidebar a:hover {text-decoration: underline;}

#xsidebar  {color:#FFF;}

/*------- Gutter styles -------*/
	#gutter {width: 570px; float: right;	margin: 0px; padding: 0px;
			background-color: #000033;
border: 0px red solid;}

/*-------- Main Content Styles ---------*/
	#main {	width: 525!important;/*ff*/   width: 550px;/*IE6*/ 
			float: right;
			margin: 0px;	
			padding: 0px 15px 0px 15px!important;/*ff*/
			padding: 10px 15px 0px 15px;/*IE6*/
			background-color:#FFFFFF; 
			font-size: 11pt; line-height: 14pt; color: black; 
border: 0px gold solid;}
	#main  p{text-align:left;}
	#main  a{color: black;}
	
/*-------- Footer Styles -------*/
	#footer {width: 525px; float: right;
			margin: 0px 0px 0px 15px;	padding: 0px 15px 0px 15px;
			text-align: center; color: #FFF; font-size: 11px;
border: 0px red solid;}

	#footer a{text-decoration:none; font-size: 11px;}

.blue	{color: #0000cc;}
.medblue{color: #6666ff;}
.ltblue	{color: #000066;}
.dkred	{color: #660033;}
.medred 	{color: #990000;}
.dkpurp	{color: #330099;}
.purple 	{color: #6633cc;}
.dkblue	{color: #663399;}
.orange 	{color: #ff3300;}
.dkorg	{color: #cc3300;}
.mar    	{color: #990066;}

#main .blue		a {color: #0000cc; text-decoration: underline;}
#main .medblue	a {color: #6666cc; text-decoration: underline;}

/* the name of the class in the following code can be confusing.  
the effect is that the links in the class orange should be in purple & not underlined.  */
#main .orange	a {color: #330099; text-decoration: none;}
#main .orange	a:hover {color: #330099; text-decoration: underline;}

#main .mar		a {color: #990066; text-decoration: underline;}
#main .dkorg		a {color: #cc3300; text-decoration: underline;}
#main .purple	a {color: #6633cc; text-decoration: underline;}
#main .dkpurp	a {color: #330033; text-decoration: underline;}
#main .medred	a {color: #990000; text-decoration: underline;}
#main .dkred		a {color: #660033; text-decoration: underline;}
#main .ltblue	a {color: #000066; text-decoration: underline;}
#main .dkblue	a {color: #000033; text-decoration: underline;}

#EmailFrom		{width: 15em}
#EmailTo		{width: 15em}
#Name			{width: 15em}
#Friend			{width: 15em}