/* andreas07 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given for the original design work.

Version: 1.1, November 28, 2005 */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* These are decoy sIFR styles */

.sIFR-hasFlash #sidebar h1 {
	visibility: hidden;
	font-size: 22px;
}

.sIFR-hasFlash #sidebar h2 {
	visibility: hidden;
	font-size: 19px;
}

.sIFR-hasFlash #content h1 {visibility: hidden;}
.sIFR-hasFlash #content h2 {visibility: hidden;}
.sIFR-hasFlash #content h3 {visibility: hidden;}
/*.sIFR-hasFlash div.menuwrap div {visibility: hidden;}*/
.sIFR-hasFlash div.activewrap div {visibility: hidden;}

/**************** Page and tag styles ****************/

body
{margin:0; padding:0; color:#303030; background:#FEFFF1 url(images/mesobg.gif) top left repeat-y; font:76% Verdana,Tahoma,sans-serif;}

a
{color:#1870CD; font-weight:bold; text-decoration:none;}

a:hover
{color:#0B7D4E; text-decoration:underline;}

a img
{border-color:#933C21;}

a img:hover
{background:#FEFFF1; border-color:#F9EF44;}

/**************** Sidebar area styles ****************/

#sidebar
{position:absolute; top:0; left:0; width:220px; height:100%; overflow:auto;  text-align:right; font-family : times;}

body > #sidebar
{position:fixed;}

#sidebar h1
{margin:20px 18px 0 5px; color:#021535; font-size:1.6em; letter-spacing:-2px; text-align:right;}

#sidebar h2, #sidebar h3
{margin:0 20px 18px 5px; color:#F4D60C; font-size:1.1em; font-weight:bold; letter-spacing:-1px; text-align:right;}

#sidebar h3
{margin:20px 18px 4px 5px; color:#F9EF44;}

#sidebar  p
{margin:0 20px 18px 5px; color:#606060; font-size:0.8em;}

#sidebar a
{color:#808080}

#sidebarimg 
{display:block; width:220px; height:164px; margin-top: 30px; background: url(images/mayancalendar2.gif) 50% 50% repeat-y;}

/**************** Navigation menu styles ****************/

div.menuover 
{background:#F9EEBF;}

div.menuout 
{background:#932320;}

div.menuwrap 
{display:block; width:218px; padding:0px 2px 0px 0px;}

div.activewrap 
{display:block; width:218px; padding:0px 2px 0px 0px; background:#FEFFF1; border-top:2px solid #F9EF44; border-bottom:2px solid #F9EF44;}


#menu a
{display:block; width:200px; padding:5px 18px 5px 0px; color:#021535; background:#932320; font-size:2em; font-weight:normal; text-decoration:none; letter-spacing:-2px;}

#menu a:hover 
{color:#0E144F; background:#F9EEBF;}

#menu a.active
{padding:5px 18px 5px 0; color:#0B7D4E; background:#FEFFF1; }

#menu a.active:hover
{color:#303030; background:#FEFFF1;}

/**************** Content area styles ****************/

#content
{width:520px; margin:0 0 0 240px; padding:20px 0; background:#FEFFF1;}

#content p
{margin:0 0 20px 0; line-height:1.5em;}

#content h1
{margin:0; color:#1870CD; font-size:4em; letter-spacing:-5px; text-align:center;}

#content h2
{margin:0; color:#0B7D4E; font-weight:normal; font-size:2.5em; letter-spacing:-2px; text-align:center;}

#content h3
{clear:both; margin:30px 0 10px 0; color:#F4920C; font-weight:normal; font-size: 2em; letter-spacing:-2px;}