/* STYLE 001 */
/* THIS IS THE MAIN STYLE FOR THE PAGE */
/* TEMPLATE CSS v.0.03-20070502
/* 	NOT YET READY FOR EDITING TO ALTERNATE CSS STYLES FOR THE PAGE. STILL NEED TO IMPLEMENT MORE
	CSS FOR VARIOUS OTHER JAVASCRIPT FOR THE DHTML PAGE */


/* REQUIRED FOR SD MENU CHANGE AT YOUR OWN RISK */
/* to change the look of the sdMenu you will have to have the color of some the .gif's match your background color to give the illusion of the purty rounded edges! */
div.sdmenu {
	width: 150px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 10px;
	background: url(001/bottom.gif) no-repeat  right bottom;
	color: #fff;
}
div.sdmenu div {
	background: url(001/title.gif) repeat-x;
	overflow: hidden;
}
div.sdmenu div:first-child {
	background: url(001/toptitle.gif) no-repeat;
}
div.sdmenu div.collapsed {
	height: 25px;
}
div.sdmenu div span {
	display: block;
	padding: 5px 25px;
	font-weight: bold;
	color: white;
	background: url(001/expanded.gif) no-repeat 10px center;
	cursor: default;
	border-bottom: 1px solid #ddd;
}
div.sdmenu div.collapsed span {
	background-image: url(001/collapsed.gif);
}
div.sdmenu div a {
	padding: 5px 10px;
	background: #eee;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #066;
}
div.sdmenu div a.current {
	background : #ccc;
	text-decoration: none;
}
div.sdmenu div a:hover {
	background : #066 url(001/linkarrow.gif) no-repeat right center;
	color: #fff;
	text-decoration: none;
}


/* REQUIRED FOR THE DHTML WINDOW POPUP CHANGE AT YOUR OWN RISK */
.dhtmlwindow{
position: absolute;
border: 2px solid black;		/* MAKE THIS CONTRAST WITH THE NORMAL PAGE BACKGROUND COLOR */
visibility: hidden;
background-color: white;		/*MAKE THIS MATCH THE PAGE BACKGROUND COLOR or does it even matter?*/
}
.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: gray;  		/* MAKE RIGHT HERE MATCH THE COLOR OF THE sdMenu */
color: white;					/* MAKE THIS MATCH THE sdMenu text color */
cursor: move;
overflow: hidden;
width: auto;
}
.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
/* cursor: hand; */
cursor: pointer;
}
.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}
.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}
.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}

/* Required CSS for the content slider DHTML page addition */
.contentslide{
border: 4px solid gray;			/* keep this color the same as the rest of the SlashMenu stuff!*/
border-bottom-width: 4px;
padding: 4px;
width: 400px;						/* ooh how large is your content going to be in the slide */
height: 250px;						/* REMEMBER THESE NUMBERS SO YOU DONT BUST YOUR FRAG */
}

.contentslide .contentdiv{
display: none;
}

.pagination{
width: 408px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
background-color: gray;
border: 6px solid gray;
border-width: 0 4px; /*Left/ right border width of pagination DIV.*/
padding: 0 0 2px 0;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 400px; /*IE5 width*/
w\idth: 416px; /*IE6 width*/
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: purple; 					/* link color??? */
background-color: white;
}

.pagination a:hover, .pagination a.selected{
color: Black;					/* YUP NEED TO CHANGE ME WHEN DOING DIFFERENT STYLES */
background-color: lightblue;
}

/* GENERIC STATIONARY TOOLTIP */
#fixedtipdiv{
position:absolute;
padding: 2px;
border:1px solid black;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}


/* BEGIN REGULAR PAGE CONTENT CSS AREN'T YOU PEOPLE HAPPY I'm SO FULL OF MYSELF I WRITE ALOT!  ACTUALLY I'll FORGET ALL THIS SHIT IN A DAY IS WHY! */
/*	The 16 keywords are taken from the Windows VGA COLOR palette: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow	*/
	
/* these are used accross all tag types */
.copyright {
	font-size: xx-small;			/* xx-small, x-small, small, medium, large, x-large, xx-large */
	font-variant: small-caps;
}
.look_feel{ /*unimportant for ONE SPOT on the page... why is this even here... */
	font-size: medium;
	color: LightGreen;
	text-decoration: none;
}
.highlight{ /*use for item you don't expect to cross multiple lines using a :span: tag */
	font-weight: bold;			/* normal, bold, bolder, lighter */
	font-style: normal;			/* normal or italic */
	font-variant: small-caps; 	/* normal or small-caps */
	text-decoration: none;
	background: yellow;
}
.highlight_subtle{ /*use for item you don't expect to cross multiple lines using a :span: tag */
	font-weight: normal;			/* normal, bold, bolder, lighter */
	font-style: normal;			/* normal or italic */
	font-variant: normal; 		/* normal or small-caps */
	text-decoration: none;
	background: yellow;
}
BODY{
	background: white; /*#FFFFFF;*/
	color: black; /*#000000;*/
	font-family: sans-serif, serif, monospace, cursive, fantasy;	/* CHANGE PAGE FONT HERE take out what you dont want whatever man your page */
	font-size:medium;
}
P{
	text-indent: 0%;
	text-align: justify;
}
P.indent{
	text-indent: 5%;
}
P.con_normal{
	text-indent:0%;
	background: black;
	color: white;
}
P.con_indent{ /* make this contrast the MAIN BODY PAGE COLOR RIGHT BELOW! */
	text-indent:10%;
	background: black;
	color: white;
}
P.hl{ /* USE THIS IF YOUR PARAGRPAH NEEDS A HIGLIGHT */
	font-weight: bold;			/* normal, bold, bolder, lighter */
	font-style: normal;			/* normal or italic */
	font-variant: small-caps; 	/* normal or small-caps */
	text-decoration: none;
	background: yellow;
}
P.LG{
	font-size: large;
	text-decoration: none;
}
P.SM{
	font-size: small;
	text-decoration: none;
}
P.MD{
	font-size: medium;
	text-decoration: none;
}
TD.normal{
	VALIGN: TOP;
}
A:hover{
	text-decoration: none;
}
A:link {
	color: #00f;
	background: transparent;
	text-decoration: none;
}
A:visited {
	color: #800080;
	background: transparent;
	text-decoration: none;
}
A:active {
	color: green;
	background: #FFD700;
	text-decoration: none;
}
PRE{
	margin-left: 10%;
	margin-right: 10%;
	white-space: pre;
	color: black;
	background: white;
	font-size: small;
	font-style: normal;
	font-family: courier;
}
SUP{
	font-variant: small-caps;
	font-size:x-small;
}
SUB{
	font-variant: small-caps;
	font-size:x-small;
}