@import url("skitch.css");
@import url("clm.css");
@import url("clm2.css");
@import url("doozla.css");
@import url("comictouch.css");
@import url("comictouch2.css");
@import url("pharos.css");

body
{
	background: url(../images/bg_grey.png);
	background-color: #e6e6e6;
	color: #333333;
	font:12px trebuchet, verdana, helvetica, arial, sans-serif;
}

.warning 
{
	font:15px/14px "Times New Roman", Times, serif;
}

.contentheading
{
	color: #5b891a;
	font-weight: bold;
	font:16px "Lucida Grande" "Myriad Pro";
}
	
table.moduletablethe_happenings
{
	font:11px Georgia, Times New Roman, Times, serif;
	letter-spacing: -0.2px;
}

.sidebuttonbox
{
	background: url(../images/sidebuttonbox.png) no-repeat scroll top center;
}

/* ========  table layout backgrounds  ======== */

#bg_header
{
	background: #e6e6e6 url(../images/header.png) no-repeat scroll bottom center;
}

#bg_side_bottom
{
	background: #e6e6e6 url(../images/side_bottom_bg.png) no-repeat scroll top center;
}

#bg_side_middle
{
	background: #e6e6e6 url(../images/side_middle_bg.png) repeat-y scroll bottom center;

}

#bg_side_top
{
	background: #e6e6e6 url(../images/side_top_bg.png) no-repeat scroll bottom center;
}

#bg_main_bottom
{
	background: #e6e6e6 url(../images/main_bottom_bg.png) no-repeat scroll top center;
}

#bg_main_middle
{
	background: #e6e6e6 url(../images/main_middle_bg.png) repeat-y scroll bottom center;
}

#bg_main_top
{
	background: #e6e6e6 url(../images/main_top_bg.png) no-repeat scroll bottom center;
}


h1
{
	color: #B63527;
	background-color : transparent;
	font-weight: bold;
	font:16px "Lucida Grande" "Myriad Pro", trebuchet, verdana, arial, georgia, sans-serif;
}

a, a:hover
{
	color: #404D8F;
	background-color : transparent;
	font-weight: bold;
	text-decoration: underline;
}

a:hover
{
	color: #66CCCC;
	text-decoration: underline;
}

h2
{
	color: #B85C52;
	background-color : transparent;
	font-weight: bold;
	font:14px "Lucida Grande" "Myriad Pro", trebuchet, verdana, arial, georgia, sans-serif;
}

h3, h4, h5, h6
{
	color: #B37973;
	background-color : transparent;
	font-weight: bold;
	font:16px "Lucida Grande" "Myriad Pro", trebuchet, verdana, arial, georgia, sans-serif;
}

#footer
{
	border-bottom: 3px solid #1B8780;
	margin: 0px 0px 0px 0px;
	text-align:center;
}

#box
{
	margin: 10px 0px 10px 150px;
	padding: 0px 0px 0px 0px;
	background: #ccc
}

#subbox
{
	margin: 10px 0px 10px 0px;
	padding: 5px 0px 5px 5px;
	width:145px;
	background: #ddd;
}

span, pre
{
	color: #663300;
	font: 11px "Lucida Grande", "Myriad Pro";
}

.images
{
	border: 0px;
	padding: 0px 1px 0px 1px;
	font-style: normal;
}

/* Wrapper */

#navcontainer {
	font: 10px/17px "Lucida Grande", "Myriad Pro";
	padding: 0px 0px 0px 18px;
	margin-right: 18px;
	width: auto;
}


/* Primary levels: mainlevels */

#navlist
{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 9px;
}

#navlist ul, #navlist li
{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
	float: right;
	line-height: 14px;
	font-weight: bold;
	margin: 3px 3px 3px 3px;
	text-decoration: none;
	color: #636363;

	margin-bottom: 4px;
	padding-bottom: 2px;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
	border-bottom: 4px solid #ff8600;
	padding-bottom: 2px;
	background: transparent;
	color: #252525;
}

#navlist a:hover
{
	color: #232D37;
}

#logobox {
   position: relative; 
   top: -80px;
   left: 510px;
   width: 0px;
   height: 0px;
}

#logo {
   position: absolute; 
   top: 0px; 
   left: 0px; 
   width: 200px; 
   height: 80px; 
   cursor: pointer; 
   cursor: hand;
}