/* generated by csscreator.com */ 
body{ 
 margin:0; 
 padding:0; 
 background-color:#fff;
font-family: Arial, Helvetica, sans-serif;
} 

/* main menu layout */ 
#pagewidth-main{ 
 width:820px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  

} 

#header-main{
 position:relative; 
 height:196px; 
 width:100%;
  background:url(images/interface/main/top2.jpg);
 background-repeat:no-repeat;
 z-index: 20000;
} 

#middle-main{
 position:relative; 
 height:240px; 
 width:100%;
  background:url(images/interface/main/middle2.jpg);
 background-repeat:no-repeat;
} 

#footer-main{
 position:relative; 
 height:54px; 
 width:100%;
  background:url(images/interface/main/bottom2.jpg);
 background-repeat:no-repeat;
} 




/*document layout*/

 
#pagewidth{ 
 width:820px; 
   background:url(images/interface/background.jpg);
background-repeat:repeat-y;
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  

} 
 
#header{
 position:relative; 
 height:260px; 
 width:100%;
  background:url(images/interface/header2.jpg);
 background-repeat:no-repeat;
 z-index: 20000;
} 
 
#leftcol{
 width:210px; 
 float:left; 
 position:relative; 

 }
#leftcol2{
 width:210px; 
 float:left; 
 position:relative; 

 }
 
#twocols{
 width:820px; 
 float:left; 
 position:relative; 
  }
 
#rightcol{
 width:335px; 
 float:right; 
 position:relative; 
  background:url(images/interface/sidebar1.jpg);
 background-position: left top;
 background-repeat:no-repeat;

 }
 
 
#rightcol3{
 width:275px; 
 float:left; 
 position:relative; 

 } 
#maincol{ 
 float: left; 
 display:inline; 
 position:relative; 
 width:420px; 
 }
#maincol2{  
 float: left; 
 display:block; 
 position: relative; 
width:420px;
 }

 
#footer{
 clear:both;
 height:207px;
   background:url(images/interface/footer.jpg);
 background-repeat:no-repeat;
 background-position:bottom;
 } 
.bottomnav {
 margin-right:200px;
 margin-top:50px;
 text-align:right;
 font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:12px;
color:#999999;
} 
 
.bottomnav A, .bottomnav2 A  {
 font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:12px;
color:#999999;
text-decoration:none;
font-style:normal;
} 
.bottomnav A:hover, .bottomnav2 A:hover {
text-decoration:underline;
} 

.bottomnav2 {
 margin-right:50px;
 margin-top:10px;
 text-align:right;
 font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:12px;
color:#999999;
} 


#sidebar{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	color:#666666;
	margin:20px;
	line-height:11px;
	vertical-align: inherit;

}
#sidebar P{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-style:normal;
color:#666666;
line-height:11px;
}

#moreside{
margin-left:18px;
}


 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

 

/* basic styles for 1 text column*/
#mainmenu{
	width: 500px;
margin-left:50px;
}

#mainbody{
	width: 420px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 25px;
}

#mainbody p{
font-size:14px;
color:#fff;
margin:0px;
line-height:18px;
}
#mainbody a, #mainbody a:link, #mainbody a:visited{
font-size:14px;
color:#fff;
text-decoration:underline;
}
#mainbody3px;
color:#fff;

}

#mainbody ul{
font-size:14px;
color:#fff;
line-height:14px;
}
#mainbody ul A{
font-size:14px;
color:#fff;
line-height:14px;
text-decoration:underline;
}
#mainbody li{
font-size:14px;
color:#fff;
line-height:14px;
}
#mainbody li A{
font-size:14px;
color:#fff;
line-height:14px;
text-decoration:underline;
}

#mainbody h1{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:24px;
color:#fff;
}
#mainbody h2{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:20px;
color:#fff;
}
#mainbody h3{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:18px;
color:#fff;
} 
#mainbody h4{
font-weight:bold;
font-size:16px;
color:#fff;
} 
#mainbody hr{
border-top:none;
border-left:none;
border-right:none;
border-bottom:1px dotted #000;
} 

#samples{
width:400px;
background-color:#59070b;
font-family:Arial, Helvetica, sans-serif;
padding:10px;
border-width:thin;
border-color:#000000;
border-style:dotted;
}
#samples img{
float:right;
margin-left:25px;

}

#samples p{
background-color:#59070b;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
line-height:15px;
}
#samples a, #samples a:link, #samples a:visited{
color:#ff000c;
text-decoration:none;
font-size:12px;
line-height:15px;
}

#samples a:hover{
color:#ff000c;
text-decoration:underline;
font-size:12px;
line-height:15px;
}

#rightcontainer{
	width:235px;
	float:left;
	position:relative;
 background:url(omnethome_files/images/interface/used/vertical-dots.png);
 background-position: left top;
 background-repeat:repeat-y;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 15px;
 }
#rightcontainer p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
margin:0px;
line-height:14px;
}
#rightcontainer a, #rightcontainer a:link, #rightcontainer a:visited{
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-weight:bold;
text-decoration:none;
}
#rightcontainer A:hover{
font-family:Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:underline;
}

#rightcontainer ul{
font-family:Arial, Helvetica, sans-serif;
color:#c2c2c2;
}
#rightcontainer ul A{
font-family:Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
}
#rightcontainer h1{
font-family:Courier, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:18px;
color:#c2c2c2;
}
#rightcontainer h2{
font-family:Courier, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:16px;
color:#c2c2c2;
}
#rightcontainer h3{
font-family:Courier, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:14px;
color:#c2c2c2;
} 
#rightcontainer h4{
font-family:Courier, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;
color:#c2c2c2;
} 
#paper{
	width:300px;
	height:200px;
	float:left;
	position:relative;
 background:url(omnethome_files/images/interface/used/vertical-dots.png);
 background-position: left top;
 background-repeat:repeat-y;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 15px;
 }
#paper p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
line-height:14px;
}
#paper a, #paper a:link, #paper a:visited{
font-family:AArial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
color:#000;
font-weight:bold;
text-decoration:none;
}
#paper A:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
color:#000;
font-weight:bold;
text-decoration:underline;
}

#paper ul{
font-family:Arial, Helvetica, sans-serif;
color:#000;
}
#paper ul A{
font-family:Arial, Helvetica, sans-serif;
color:#000;
text-decoration:underline;
}
#paper h1{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:18px;
color:#000;
}
#paper h2{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:16px;
color:#000;
}
#paper h3{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:14px;
color:#000;
} 
#paper h4{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;
color:#000;
} 

/*UPCOMING EVENTS STYLES*/
#maincol3{  
 float: left; 
 display:block; 
 position: relative; 
width:375px;
 }
#containerevents{
	background-color: #FFFFFF;
	width: 335px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 15px;
}
#rightcontainerevents{
	width:150px;
	float:left;
	position:relative;
 background:url(omnethome_files/images/interface/used/vertical-dots.png);
 background-position: left top;
 background-repeat:repeat-y;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 15px;
 }
 #rightcol4{
 width:175px; 
 float:left; 
 position:relative; 

 }

/* CALENDAR */

#calendar {
margin-left: 18px;
}
#calendar P{
 font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
 font-size:         12px; 
line-height:12px;
	font-style:normal;
	color:#666666;
}

.calendarBG {
background-color:#000;



}

.calendarBlank { 
   background:url(omnethome_files/images/interface/nav/blank.png);
background-repeat:x-repeat;
 background-position:top left;

}

.calendarHeader { 
 font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
 font-size:         12px; 
 color: #fff; 
 text-align: center;
   background:url(omnethome_files/images/interface/nav/calendar.png);
background-repeat:x-repeat;
 background-position:top left;

}

.calendarMonthLinks {
 font-family:    Arial, Helvetica, sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
 font-family:    Arial, Helvetica, sans-serif;
 font-size:         16px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}
  
.calendarMonthLinks a:visited {
 font-family:    Arial, Helvetica, sans-serif;
 font-size:         16px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 font-family:    Arial, Helvetica, sans-serif;
 font-size:         16px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   underline;
 color:             #fff;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold; 
 font-size:	12px;
 color: #ffffff; 
 background-color:#5c0607;
 text-align:  center;
 vertical-align: middle;
}

.calendarToday { 
 font-family:    Arial, Helvetica, sans-serif;
 font-size:         12px;
 font-weight: bold;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #fff;
 background-color: 	#f90000;
}

.calendarCell {
 font-family:    Arial, Helvetica, sans-serif;
 font-size:         12px;
 font-weight: normal;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 background-color:#990000;
 color:             #c2c2c2;
}

.calendarCell a {
 font-family:  Arial, Helvetica, sans-serif;
 font-size:         12px;
 color:             #ffffff;
 font-weight: bold;
 text-decoration:   underline;
}
  
.calendarCell a:visited {
 font-family:  Arial, Helvetica, sans-serif;
 font-size:         12px;
 color:             #fff;
 font-weight: bold;
 text-decoration:   underline;
}

.calendarCell a:hover {
 font-family:  Arial, Helvetica, sans-serif;
 font-size:         12px;
 font-weight: bold;
 color:             #fff;
 text-decoration:   underline;

}