body { background: #FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: lighter; overflow: -moz-scrollbars-vertical;}

#outside-area {  width:820px; margin:50px auto; }



#main-area h2 {font-size:14px; color:#ED5D8E; font-weight:200; }

#main-area h3 {font-size:14px; color:#FF99CC; font-weight:bold;}

#main-area h4 {font-size:16px; color:#ED5D8E; font-weight:bold;}

#main-area h5 {font-size:12px; color:#FFFF00;}


/* Hide from IE-Mac \*/

#main-area {background: #FFFFFF url(../images/main_mid.jpg) repeat-y; margin:0px 10px 0px 10px; float:right; width:506px; padding:0px 30px 10px 30px; }


#main-area h1 { display:block; background:url(../images/main_top.jpg); margin:-0px 0px 30px -30px; width:552px; height:30px; }

#main-area h1 span { position:absolute; left: -999em; width: 1em; overflow: hidden; }

#main-area img { border:0px solid #666666; padding:0px;}

#main-area img.right { float:right; margin:0px 2px 0px 0px;}

#main-area img.left {float:left; margin:-20px 10px 0px 1px;}


#footer {background: url(../images/main_bottom.jpg) bottom no-repeat; margin:10px 0px 0px -27px; width:550px; height:22px; clear:both; position:absolute;}

/* End hide */




/* this is for firefox */



#footer ul { margin:20px 0px 0px 90px; padding:0px; position:absolute;}

#footer li { list-style:none; float:left; margin:0px 10px 0px 10px;}

#footer a { color:#666666; text-decoration:none; font-size:10px;}





#side-nav { background: url(../images/side_mid.jpg) repeat-y; float:left; margin:0px 0px 0px 0px; padding:0px 10px 0px 10px; width:180px;  }



#side-nav ul { margin:0px; padding:0px;}

#side-nav li { list-style-type:none; margin: 0px 10px 0px 10px; line-height:50px;}

#side-nav a { color:#887766; text-decoration:none; font-weight:bold;}

#side-nav a:hover { color:#333333;}

#side-nav span.sidetop { display:block; background:url(../images/side_top.jpg); width:202px; height:35px; margin:0px 0px 0px -10px;}

#side-nav span.sidebottom {display:block; background:url(../images/side_bottom.jpg); width:202px; height:17px; margin:10px 0px 0px -10px;}






/* this is for the scroll bar   

#image_rollovers { width:300px;  overflow:auto;  }
 
 */

/* this is the the size of the outside area   */

#image_rollovers span { width:100px; height:400px;  display:block; margin:0px 0px 0px -30px;  }




#image_rollovers li {display:inline; margin:0px;}

/* this is the look of the small images   */
#image_rollovers a { text-align: center; font: bold 1em sans-serif;  border-width: 0px; text-decoration: none;  width:50px; height:50px; display:block;  float:left; margin:0px 0px 20px -10px; }

#image_rollovers img { border: #999999 solid 1px; filter:alpha(opacity=50); opacity: 0.5;
	-moz-opacity:0.5;}

#image_rollovers a:hover {color: #411; background: #055000;}

#image_rollovers a:hover img {filter:alpha(opacity=100); opacity: 1; -moz-opacity:1;}

/* this is the look of the large images   */
#image_rollovers a span {display: none;}
#image_rollovers a:hover span {display: block;

   position: absolute; top: 165px; left:50%; width:300px;
   padding: 0px; margin: 10px; z-index: 100;
   color: #999999; 
   font: 10px Verdana, sans-serif; text-align: right;}

#image_rollovers a:hover span h1 { font-size:14px; margin:5px 0px 5px 0px; width:300px; background:none;}






/* 




z