/* CSS Document */
/* This version does not require a fake header in order to move the actual flash header to the bottom of the html page.
   Rather than using a fake header with a margin-top, the margin is added to the content and left divs to place them below 
   flash header. The actual menu is then placed using absolute positioning. This works because the clear float div.
   This version requires a left div to contain both the submenu and testimony so that when there is no submenu 
   the testimony lines up at the right height. 
   This version will work with either the content div or the left div placed first in the html file.
   No wrapper is required to contain the content, submenu and testimony divs. Padding-bottom to accomodate the
   footer height must be use for both the content and left divs. */

html,
body {
   margin:0;
   padding:0;
   height:100%;
}
body {
	font-family:Georgia, "Times New Roman", Times, serif;	
	font-size:12pt;
	color:#330066;
	margin:0px;
	padding:0px;
	background-color: #000000;
	background-image: url(images/SMD_Background.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	background-attachment: fixed;
}
#page {
	margin: 0 auto;
	padding: 0;
	width: 800px;
	text-align:left;
	min-height:100%;
   	position:relative;	
	/*height:100%;*/ 	 /* this screws up firefox, this should only be exposed to IE5.5/6 */	
}

#header{
	margin:0 auto;
	padding:0;
	width: 800px;
	position:absolute;
	top:0;
	left:0;
}
#sidebar{
	margin:0;
	padding:0;
	float:left;
	width:220px;
	margin-top:270px;
	/*margin-top:14em;*/
	padding-bottom: 110px; /* height of footer */
}
#submenu{
	margin:0;
	padding-top:15px;
	/*padding-top:5em;*/
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left:20px;
	width: 200px;
	font-size:13px; /* specifying this value as 13pt causes an space between lines in Firefox */
}
#submenu h1{
	margin: 0px;
	padding: 0px;
	padding-bottom:10px;
	font-size:12pt;
	text-align:left;	
}
#submenu ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#submenu li{
	margin:0px;
	padding:0px;
	margin-bottom:10px;
	margin-left:0px;
	font-weight:bold;	
}
#listmenu ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#listmenu li{
	margin:0px;
	padding:0px;
	margin-top:0px;
	margin-left:0px;
	font-weight:bold;	
}
#listmenu li.country{	
	margin-left:0px;
	font-size:9pt;
}
#listmenu li.state{
	margin-left:10px;
}
#listmenu li.city{
	font-size:7pt;
	margin-left:20px;
}
#submenu a{
	font-size:8pt;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#660099;
}
#submenu a:link{
	color:#660099;
}
#submenu a:visited{
	color:#330066;
}
#submenu a:hover{
	color:#6600CC;
}
#submenu a:active{
	/*color:#*/
}
#submenu a.selected{
	color:#6600CC !important;
	font-size:9pt;
}
/* styles for submenu of what is smd pages */
#submenu1{
	margin:0;
	padding-top:15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left:20px;
	width: 200px;
	font-size:13px; /* specifying this value as 13pt causes an space between lines in Firefox */
}
#submenu1 h1{
	margin: 0px;
	padding: 0px;
	padding-bottom:10px;
	font-size:12pt;
	text-align:left;	
}
#submenu1 ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#submenu1 li{
	margin:0px;
	padding:0px;
	margin-bottom:10px;
	margin-left:0px;
	font-weight:bold;	
}
#submenu1 a{
	font-size:8pt;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#660099;
}
#submenu1 a:link{
	color:#660099;
}
#submenu1 a:visited{
	color:#330066;
}
#submenu1 a:hover{
	color:#CC00CC;
}
#submenu1 a:active{
	/*color:#*/
}
#submenu1 a.selected{
	color:#CC00CC !important;
	font-size:9pt;
}
/* styles for submenu of workshop pages */
#submenu2{
	margin:0;
	padding-top:15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left:20px;
	width: 200px;
	font-size:13px; /* specifying this value as 13pt causes an space between lines in Firefox */
}
#submenu2 h1{
	margin: 0px;
	padding: 0px;
	padding-bottom:10px;
	font-size:12pt;
	text-align:left;	
}
#submenu2 ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#submenu2 li{
	margin:0px;
	padding:0px;
	margin-bottom:10px;
	margin-left:0px;
	font-weight:bold;	
}
#submenu2 a{
	font-size:8pt;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#660099;
}
#submenu2 a:link{
	color:#660099;
}
#submenu2 a:visited{
	color:#330066;
}
#submenu2 a:hover{
	color:#9900FF;
}
#submenu2 a:active{
	/*color:#*/
}
#submenu2 a.selected{
	color:#9900FF !important;
	font-size:9pt;
}
#testimonials{
	margin:0px;
	padding:0px;
	margin-top:0;
	padding-left:20px;
	width: 200px;
}
#spaceHome{
	margin:0px;
	padding:0px;
	/*margin-top:270px;*/
	margin-top:14em;
}
#spaceCT{
	margin:0px;
	padding:0px;
	/*margin-top:390px;*/
	margin-top:19em;
}
#spaceFac{
	margin:0px;
	padding:0px;
	margin-top:115px;
	/*margin-top:16em;*/
}
#content{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 11pt;
	color:#330066;
	text-align: left;
	width: 520px;
	padding-top: 240px; /* optimal value different for IE and Firefox when use h4. IE= 220  , FFox= 200. Seems to be the saem when use h1 with padding-top;0  */
	padding-right: 25px;
	padding-bottom: 110px; /* height of footer */
	padding-left: 25px;
	margin-top:0px; 
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0;
	float:right;
}
h1 {
	margin: 0px;
	padding: 0px;
	padding-bottom:15px;
	font-size:16pt;
	text-align:center;
}
h1.top {
	padding-left:60px;
	padding-right:60px;
}
h2{
margin:0;
padding:0;
padding-top:10px;
font-size:16pt;
}
h3{
margin:0;
padding:0;
padding-top:10px;

font-size:14pt;
}
h4{
margin:0;
padding:0;
padding-top:10px;
padding-bottom:5px;
font-size:12pt;
}
.notoppad{
padding-top:0;
}
p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	/*text-indent:15pt;*/
	line-height:150%;	
}
#listing p{
	line-height:100%;
	}
.center {
	text-align:center;
	text-indent:0;
}
.center2 {
	text-align:center;
	text-indent:0;
	line-height:120%;
	margin-bottom:10pt;
}
.noindent {
	text-indent:0;
}
.indent{
	text-indent:15pt;
	}
.bigindent{
	text-indent:50pt;
}
.allindent{
	margin-left:40pt;
	margin-right:40pt;
	line-height:100%;
	margin-bottom:10pt;
}
.line100{
	line-height:120%;
}

.tableindent{
	margin-left:15pt;
	margin-right:15pt;
}
.listindent{
	margin-left:50pt;
}
td.top{
	vertical-align:top;
	white-space: nowrap;
}
.dot{
	margin:0px;
	margin-top:5pt;
}
.right {
	text-align:right;
	margin-right:60px;
}
.italic{
	font-style:italic;
	/*color:#CD9B1D; */
	/*color:#993366;*/
	color:#330066;
	/*color:#660033;*/
}
.bold{
	font-weight:bold;	
}
.nodisplay{
	display:none;
}
.imgcenter{
	margin:0 auto;
}
.blue{
color:#330066;
}	
.magenta{
color:#CC00CC;
}
.purple{
color:#9900FF;
}
#content ul{
	text-align:center;
	margin:0;
	margin-top:10pt;
	margin-bottom:20pt;
	padding:0;
}
#content li{
	margin-top: 0px;
	margin-right: 20pt;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	list-style:none;
	display: inline;
	text-align:center;
	line-height:150%;
}
.GridMain 
{
    border-top: gainsboro thin solid;
    border-right: gainsboro thin solid;
    border-bottom: gainsboro thin solid;
    border-left: gainsboro thin solid;
    background-color: Transparent;  
    margin: 0 auto;
    width: 500px;
    font-family: Arial;
    text-align:left;    
} 
.GridRow
{
    /*background-color: #FFFAFA;*/
    background-color:Transparent;
}
.GridSelectedRow
{
    /*background-color: #E6E6FA;*/
    /*background-color: #FDEEF4;*/
    background-color:#E4CCFF;
}
.GridHeader
{
    /*background-color: #EAC5EB;*/
    background-color:#CC99FF;
    font-weight: bold;
}
.DetailsHeader
{
    font-weight: bold;
    /*background-color: #FDEEF4;*/
    background-color:#E4CCFF;
}

.pp_item {
	/*float: left;*/
	margin: 0;
	padding:0;
	padding-left:70px;
	/*width:375px;*/
}
h6 {
	font-size: 11pt;
	font-weight: bold;
	padding: 0;
	margin: 0;
	float: left;
}
.pp_add2cart {
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
}

#clearfloat{
	clear:both;
}
#footer {
	text-align: center;
	width: 100%;
	font-size: 10px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin: 0px;
	margin-top:0px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	position:absolute;
	bottom:0;
	left:0;
	height:60px;   /* Height of the footer */
}
#footer a {
	font-size: 12px;
}