/* Start of CMSMS style sheet 'Alopecia Page Style' */
html, body { height:100%; }
body  { background-color: #FFFFFF; margin:0px; text-align:center; min-width:992px; height:100%;
		font-family: Verdana,"Times New Roman",sans-serif; font-size: 12pt; color: #000000; }
	
		
#page { display:block; position:relative; width:992px; margin:0 auto; text-align:left; }

#header { display:block; position:relative;
		width:992px; height:186px; 
		background-image:url('images/alopecia/default_header.jpg');
		background-position:top left;
		background-repeat:no-repeat; }

#AAlogo { display:block; position:absolute; top:0px; left:0px; }
#AAtitle { display:block; position:absolute; top:0px; left:200px; margin:0; width:227px; height:135px; background-position:top left; background-repeat:no-repeat; background-image:url('images/alopecia/AAtitle.jpg'); } 
#AAtitle span { display:none; }
#AAcharityNum { display:block; position:absolute; top:5px; left:825px; text-align:right; font-family:Arial,sans-serif; font-size:10pt; }  


#bodyWrapper { display:block; width:992px; position:relative; z-index:2px;}

#colLeftBG, #colRightBG { display:block; position:absolute; top:0px; bottom:0px; background-position:top left; background-repeat:repeat-x; }
#colLeftBG { left:8px; width:170px; background-color:#3C611B; background-image:url('images/alopecia/colLeftBG.jpg'); }
#colRightBG { left:812px; width:170px; background-color:#B4BCE1; background-image:url('images/alopecia/colRightBG.jpg'); }

#colLeft { display:inline; position:relative; float:left; width:170px; margin-left:8px; margin-top:20px; }
#menu { display:block; width:170px; overflow:hidden; }

/* Entire content wrapper*/
#contentWrapper { display:inline; float:left; position:relative; width:605px; margin-left:15px; margin-right:14px; margin-top:20px; z-index:3; }
/* Content borders etc (behind main content div) */
#contentTop { display:block; width:605px; height:25px; background-image:url('images/alopecia/content_top.jpg'); background-position:top left; 
              background-repeat:no-repeat; }
#pagetitle { font-family: Verdana,"Times New Roman",sans-serif; font-size: 12pt; color:#000000; text-align:left; margin-left:20px; font-weight:bold; padding-top:12px; width:580px; }
#contentBG { display:block; position:relative; width:605px; background-image:url('images/alopecia/content_bg_strip.jpg'); background-position:center; background-repeat:repeat-y; }


/* Main content div with footer below it */
#content { display:block; text-align:justify; position:relative; top:0px; width:584px; margin-left:10px; margin-top:20px; font-size:10pt; }

#lastmodified { position:absolute; top:0; left:0; font-style:italic; width:98%; text-align:right; font-size:10pt; color:#999999; }

#footer { text-align:right; display:block; position:relative; width:605px; height:84px; /*z-index:2;*/ background-image:url('images/alopecia/footer_bg.jpg'); background-position:top left; background-repeat:no-repeat; }
#footertext { font-family:Arial,sans-serif; color:#FFFFFF; display:block; position:relative; top:+30px; left:-15px;  }
#footerlinks, #footerlinks a, #footerlinks a:link, #footerlinks a:visited, #footerlinks a:active, #footerlinks a:hover { color:#ffffff; font-size:11pt; font-weight:bold; }
#footerlinks a, #footerlinks a:link, #footerlinks a:visited, #footerlinks a:active { text-decoration:none; }
#footerlinks a:hover { text-decoration:underline; }
#footercopyright { font-size:9pt; }
#footeremail { font-size:9pt; }


#colRight { display:inline; position:relative; top:-10px; float:left; width:178px; }
#chatman { display:block; float:right; width:105px; height:185px; background-image:url('images/alopecia/chatman.jpg'); 
	background-position:center; background-repeat:no-repeat; text-align:center; }
#chatusers, #chattext { color:#FFFFFF; font-family:Arial; }
#chatusers { font-size:35pt;  }
#chattext { font-size:8pt; }
#chatmantext { display:block; margin-top:95px; }

.clear { clear:both; }

#bottom { display:block; position:relative; top:-65px; width:992px; margin:0 auto; z-index:5; height:1px; }
#copyrights { display:block; float:right; width:174px; 
              line-height:12px; font-family:"Courier New",Verdana,Arial,sans-serif; font-size:8pt; text-align:center; margin-right:8px;}
#copyrights img { border:0px; margin:0px; }
#copyrightimages { background-color:#ffffff; padding:2px; margin-top:5px; }
#xhtmlimg { float:left; }
#cssimg { float:right; }

#clock { display:block; position:absolute; top:-98px; left:766px;  }
#chatdate { display:block; position:absolute; top:-60px; left:580px; z-index:2; text-align:right; font-size:14pt;}

.clear:after { content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden; }
.clear { min-height:1px; }
* html .clear { height:1px; }

/* Menu CODE
 * Menu is the class that holds the full menu
 * Mainmenu holds normal menu buttons (purple)
 * Submenu holds all sub-menu buttons (green)
 * Background image is attached to list items and covered up
 * by images attached to links which are removed on hover
 */

#menu ul { list-style-type:none; margin:0px; padding:0px; }
#menu li { text-align:right; margin-top:4px; }

.mainmenu a, .mainmenu a:link, .mainmenu a:hover, .mainmenu a:visited, 
.submenu a, .submenu a:link, .submenu a:hover, .submenu a:visited { 
	font-family:Arial,sans-serif; color:#000000;
	text-decoration:none; font-weight:bold; display:block; margin-right:5px; }

.mainmenu a, .mainmenu a:link, .mainmenu a:hover, .mainmenu a:visited {
	width:144px; height:33px; font-size:11pt; line-height:220%; margin-left:26px; }
.submenu a, .submenu a:link, .submenu a:hover, .submenu a:visited { 
	width:120px; height:33px; font-size:10pt; line-height:240%; margin-left:50px;}

.mainmenu a, .mainmenu a:link, .mainmenu a:visited,
.submenu a, .submenu a:link, .submenu a:visited {
	background-image:url('images/alopecia/nav.png'); 
	background-position:left top; }

.mainmenu a span, .mainmenu a:link span, .mainmenu a:visited span,
.submenu a span, .submenu a:link span, .submenu a:visited span {
	margin-right:10px; }
	
.mainmenu a:hover, .submenu a:hover { background-position:0% -33px; } 
	

/* IE6 HACKS FOR MENU SYSTEM */
* html #colLeftBG { background-color:#62823D; background-image:none; }
* html #colLeft { background-color:#62823D; height:300px; }
* html #colRight { background-color:#CFD5EB; height:300px; }

* html .mainmenu a, * html .mainmenu a:link, * html .mainmenu a:visited,
* html .submenu a, * html .submenu a:link, * html .submenu a:visited {
	background-image:url('images/alopecia/nav_ie6.jpg');
	}
/* End of 'Alopecia Page Style' */