
/* a fix for IE6 only - see Star Hack in Stylin' with CSS to see how the comments and * html hide this hack from other browsers \*/
* html * {
	zoom:100%; 
/* triggers IE6 "haslayout" - google 'IE6 haslayout' for details*/
	}
/* without the above hack, IE6 does not draw the header until the page is resized */
/* the problem is triggered by the universal * selector below that resets the margins, but I need to do that, hence the hack */
* {
	margin:0;
	padding:0;
	}

body {
	font: 1em Tahoma, Arial, sans-serif;
    margin: 0;
          padding: 0; /* 1em = 16pts */
           font-family:"tahoma", Arial, Sans Serif;
 color:#2F2927;
 background-color: #FFFFFF;
 background-image:url('images/grad_back.jpg');
 margin:margin-top;
 margin: 0;
padding: 0;
    
}
.float_left {float:left; margin: 0 .3em .3em 0;}      /* apply this class to any image or element with width - text will wrap it to the right */
.float_right {float:right;  margin: 0 0 .3em .3em;} /* apply this class to any image or element with width  - text will wrap it to the left *//* DEFAULT TAG STYLES - font sizes, margins, padding, etc. */
/* NOTE: text colors follow below */

#main_wrapper {background-color:#DAD8D9;}
#header {background-color:#FFFFFF;}
#content {background-color:#FFFFFF;}
#promo {background-color:transparent;}
#footer {background-color:#FFFFFF;}
#sidebar {background-color:#FFFFFF;}

h1, h2, h3, h4, h5, h6, ul, ol, dl {
	font-family: 'Tahoma', Arial,  serif;
	} 
    
#main_wrapper {
	max-width:970px; /* sets max layout width */
	min-width:970px; /* sets min layout width */
	margin-left:auto;  /* centers layout in browser */
	margin-right:auto; /* centers layout in browser */
    text-align:left; /* resets the centering hack for IE6 on the body tag */
    border:thin solid #C0C0C0;
	}
#header {
	 
	}
    
    
#sidebar  {    
     border: none; 
     float: left;
     padding:10px;
     margin-left:10px;
     margin-right:6px;
     margin-top:6px;
     background:#ffffff;
     }
     


#content {
	/* default auto width */
	}
/* here comes a hack for IE6 */
/* floating this element gets rid of the gap between the nav and content - the hateful 3 pixel jog bug in IE */
/* if I float this element in other browsers, the layout breaks - don't remove this comment \*/
* html #content { 
	float:left; 
    padding:0px 0px 0px 0px;
	}
/* end of hack - don't remove this comment */
#footer {
	clear:both; /* makes the footer sit below whichever column is longest */
	background:#ffffff; /* TEMP - REMOVE OR RESTYLE  */
	}
#header_inner, #nav_inner, #content_inner, #promo_inner {
	overflow:hidden; /* clips oversize elements that would otherwise expand divs and break the layout */
    margin-top:0px;
	}
#header_inner { 
	padding:1em 0em; /* creates space between the box  and the content */
	}

#content_inner { 
	padding:0em 2em 2em 2em; /* creates space between the box and the content */
	}
#footer_inner {
	padding:1em 1em; /* creates space between the box and the content */
	text-align:center;
    background-color:#FFFFFF;
	}
* html {
}
/* stylesheet.css */


 
/* Unvisited links (no underline) */a:link{   color: #7E5575; /* sky blue */   text-decoration: none; }

/* Visited links (no underline) */ a:visited{ color: #382634; /* fuchsia */ text-decoration: none; }

/* Hover links (no underline) */ a:hover{ color: #382634; /* red */ text-decoration: none; }

/* Active links (no underline) */ a:active{ color: #7E5575; /* green */ text-decoration: none; }


ul.bulletlists {
	list-style-type: disc;
	list-style-image: none;
	list-style-position: inside;
    margin-left:4em;
    text-indent:-1em;
}
ol.numberlists {
	list-style-type: decimal;
	list-style-position: inside;
    margin-left:4em;
    text-indent:-3em;
    
}

ol.numberlists2 {
	list-style-type: decimal;
	list-style-position: inside;
    margin-left:1em;
    text-indent:0em;
    
}
ol.sample ol {
	list-style-type: decimal;
}
ul.sample li { font-style: normal; }
ol.sample li { font-style: italic; }
ol.sample ol { font-style: normal; }




/* Level 1 headings */
h1 {
 font-family: "Tahoma", Arial,  Sans-serif;
 font-weight: normal;
 text-align:center; 
 color: #2F2927;
 font-size:9px;
}
/* Level 2 headings */
h2 {
 font-family: "Tahoma", sans-serif;
 color: #2F2927;
 font-size:11px;
 font-style: normal;
 font-weight:normal;
}
/* Level 3 headings */
h3 {
 font-family: "Tahoma", Arial, Helvetica, sans-serif;
 font-style: normal;
 font-weight: bold;
 text-decoration:none;
 color: #7E5575;
 font-size:24px;
}
/* Level news */
h4 {
 font-family: "Tahoma", Arial, sans-serif;
 color: #2F2927;
 font-size:14px;
 font-style: normal;
 font-weight:normal;
}

h5 {
 font-family: "Tahoma", Arial, sans-serif;
 color: #2F2927;
 font-size:18px;
 font-style: bold;
 font-weight:bold;
}
h6 {
 font-family: "Tahoma", sans-serif;
 color: #2F2927;
 font-size:9px;
 font-style: italic;
 font-weight: lighter;
}
h7 {
 font-family: "Tahoma", Arial, Helvetica, sans-serif;
 font-style: normal;
 font-weight: bold;
 text-decoration:none;
 color: #7E5575;
 font-size:20px;
}


 #menu
{
padding:0;
margin:0;
white-space:nowrap;
list-style-type:none;
}
#menu li {display:inline;}
#menu li a
{
padding:0.2em 1em;
background:#fc6;
color:#000;
text-decoration:none;
float:left;
border:1px solid #000;
}
#menu li a:hover
{
background:#08c;
color:#fff;
}

/* Style for tables  */
table.assist{
   text-align: center;
   border-collapse: collapse;
   border-color: #ffffff;
   border:2px;
   background-color: #C1D9F2;
   padding:4px;
 
}

/* Style for tables of thumbnail images */
table.members{
   text-align: left;
    border-collapse: collapse;
   border-color: #ffffff;
   border:0px;
   padding-top:4px;
   padding-left:4px;
   
    
 
}

/* Style for table cells that contain thumbnails */ 
tr.form{ 
border-collapse:collapse; 
padding:8px; 
font-family:arial, sans-serif;
font-size:12px;
text-align:left;

}

/* Style for table cells that contain thumbnails */ 
td.bodytext{ 
border-collapse:collapse; 
padding:4px; 
font-family:verdana, arial, sans-serif;
font-size:12px;
text-align:left;

}


/* Style for table cells that contain thumbnails */ 
td.headertext{ 
border-collapse:collapse; 
padding:4px; 
font-family:verdana, arial, sans-serif;
font-size:14px;
text-align:right;

}

/* Style for table cells that contain thumbnails */ 
td.header{ 
border-collapse:collapse;
text-align:left;
padding:0px; 
font-family:arial, sans-serif;
font-size:24px;
font-color:#7E5575;


}

p.points {
 background-color:#FFFFFF;
 margin-left:20px;
 margin-right:40px;
 margin-top:8px;
 margin-bottom:8px;
font-family: tahoma, arial, sans-serif;
font-color:#7E5575;
}

/* General style for horizontal lines */
hr.purple{
   background-color: #ffffff;
   color:#382634;
   border:thin dashed;
   height:1px;
   width: 100%;
   display:block; 
   float:left; 
   text-align:left" 
}
