/* Import External Styles */
/* @import url(/assets/calendar.css); */
@import url(/assets/library.css);
@import url(/assets/blog.css);

/* Powered By Text */
span.poweredby img {border:0; padding: 0; margin: 0; position: relative; top: 3px;}

* {

	margin: 0px;

	padding: 0px;

}

html {

	font-size: 100%;

}

body {

	font-family: Arial, Helvetica, sans-serif;

	text-align: center;

	background-color: #FFFFFF;

	background-image: url(/assets/epic/bg.gif);

	background-repeat: repeat-x;

	color: #313131;

	font-size: 0.9em;

}



img {

    border:0;

}ul {

	list-style-type: none;

}

a {

	color: #1b5790;

	text-decoration: underline;

}

a:hover {

	color: #e85d64;

}

a:focus {

    outline: 0;

}



#wrap {

	width: 780px;

	margin-right: auto;

	margin-left: auto;

}

#main {

	float: left;

	width: 488px;

}

#header {

	text-align: left;

	height: 92px;

}

h1 {

	font-size: 30px;

	line-height: 30px;

	font-weight: normal;

	color: #1b5790;

	letter-spacing: -1px;

	padding-top: 24px;

}
h2, h3, h4 {padding-top: 10px;}
.desc {

	font-weight: bold;

	margin-top: 4px;

}

#maincontent {

	background-color: #FFFFFF;

	background-image: url(/assets/epic/mainbg.gif);

	background-repeat: no-repeat;

	background-position: top;

	text-align: left;

	padding-top: 20px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 10px;

}

#maincontent h2 {

	font-size: 24px;

	line-height: 24px;

	color: #e85d64;

	margin-bottom: 10px;

	font-weight: normal;

	letter-spacing: -1px ;
	

}

#maincontent p {

	line-height: 1.4em;

	margin-bottom: 10px;

}


#maincontent ol {

	margin-left: 30px;

}

#maincontent ol li {

	line-height: 1.5em;
	padding:.7em 3px .7em 10px;

}

#maincontent ol li a {

}


#side {

	background-image: url(/assets/epic/bonsai.gif);

	background-repeat: no-repeat;

	background-position: left top;

	float: right;

	width: 254px;

	padding-top: 173px;

}



#sidecontent {

	background-color: #FFFFFF;

	background-image: url(/assets/epic/sidebg.gif);

	background-repeat: no-repeat;

	background-position: top;

	padding-top: 10px;

	padding-right: 40px;

	padding-bottom: 10px;

	padding-left: 40px;

	text-align: left;

}

#sidecontent h3 {

	font-size: 24px;

	line-height: 24px;

	font-weight: normal;

	color: #313131;

	margin-bottom: 10px;

	margin-top: 10px;

}

#sidecontent ul {

	margin-left: 20px;

}

#sidecontent ul li {

	line-height: 1.4em;

	font-weight: bold;

	display: block;

}

#sidecontent ul li a {

	text-decoration: none;

}

#footer {

	clear: both;

	margin-top: 20px;

	text-align: left;

	padding-right: 10px;

	padding-left: 10px;

	font-size: 11px;

}
.small {
	padding-top: 10px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 10px;

	text-align: left;}
.small p {font-size:12px;}
.small h4 {font-size:12px;}

/************************************************************
*															*	
*	Markup Factory 											*
*	Default Calendar Module Sylesheet						*
*	@ 2007 Cramer Development Inc, All Rights Reserved		*
*	Author: Mike Biang										*
*															*
************************************************************/


body,tr,td,table{font-size: 1em; color: #153250; font-weight: normal;}

/* This class defines the syles for all generic links */ 
.calendarlink {font-size: 1em; color: #000000;}
a.calendarlink:link {color: #454C2E;  text-decoration: none} 
a.calendarlink:visited {color: #454C2E; text-decoration: none} 
a.calendarlink:hover {color: #454C2E; text-decoration: none}
a.calendarlink:active {color: #454C2E; text-decoration: none} 

/* This class defines the styles for table headers in the calendar */
.calendarTableHeader 
{
	color: #153250;
	background-color: #FFFFFF; 
	/* font-family : Verdana, tahoma, Arial; */
	font-size : 1.4em; 
	font-weight: bold; 
	padding-left: 4px; 
	padding-right: 4px;
	border-bottom:1px dotted #ccc;
}



/* This class defines table backgrounds */
.calendarList1 
{
	/* color: #14314F; */
	/* background-color:  #F3F3F2; */
	/* line-height: 14px; */
	/* font-family : Verdana,tahoma,Arial; */
	/* font-size : 10px; font-weight: normal; */
}

/* This class defines table backgrounds with bold type */
.calendarlist1bold 
{
	/* color: #14314F;  */
	/* background-color:  #C9D8E5;  */
	/* line-height: 14px;  */
	/* font-family : Verdana,tahoma,Arial;  */
	/* font-size : 10px; font-weight: normal; */
	/* font-weight: bold; */
}

/* This class defines table backgrounds */
.calendarList2 
{
	/* color: #14314F; */
	/* background-color:  #f5f5f5; */
	/* line-height: 14px;  */
	/* font-family : Verdana,tahoma,Arial; */ 
	/* font-size : 10px;  */
	/* font-weight: normal; */
}

/* This class defines table backgrounds for days of the month in the calendar */
.calendarMainDisplayBackground 
{
	/* color: #14314F;  */
	border: 1px solid #EEEEEE;
	overflow: hidden;
	/* background-color:  #F3F3F2;  */
	/* line-height: 14px;  */
	/* font-family : Verdana,tahoma,Arial;  */
	/* font-size : 16px; font-weight: normal; */
}

/* This class defines table backgrounds for non days of the month in the calendar */
.calendarMainDisplayBackground2 
{
	color: #14314F; 
	/* background-color:  #D8DBE1;  */
	/* line-height: 14px; */
	/* font-family : Verdana,tahoma,Arial; */ 
	/* font-size : 10px; */ 
	/* font-weight: normal; */
}

/* This class defines the styles for main tables*/
.calendarTable1
{
	/* border: 1px solid #000000; */
	/* background: #999999;  */
	overflow: hidden;
}

.calendarTable1 td
{
	overflow: hidden;
}
/* This class defines the styles for all admin control panel links*/
.calendarIconLink {font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 10px; color: #999999; font-weight: normal}
a.calendarIconLink:link {color: #454C2E;  text-decoration: none} 
a.calendarIconLink:visited {color: #454C2E; text-decoration: none} 
a.calendarIconLink:hover {color: #454C2E; text-decoration: none}
a.calendarIconLink:active {color: #454C2E; text-decoration: none} 

/* This class defines the styles for all error messages */
.calendarError {
	color: #FF0000;
}

/* This class defines the styles for all headings */
.calendarHeading {

}

/* This class defines the calendar nav */
.MF_calnav {
	margin:0 0 0.2em 0;
	padding:0.3em;
	/* background:#f7f7f7; */
}

/* This class defines the styles for all headings */
.MF_calnav2 {
	font-weight: bolder;
	color:#333;
	font-size:1.5em;
	text-align:center;
	margin:0 0 0.2em 0;
	padding:0.3em;
	background:#f7f7f7;
	border-top:1px solid #DCDCDC;
}

.MF_calnav2 a {
	color:#153250;
	font-size:0.8em;
}
