/* Base Fonts*/
html
{
	width:100%;
	height: 100%;
}

body 
{
	font-size: 75%;
	width:100%;
	height: 100%;
	font-family: Tahoma;
	font-weight: normal;
	color: #484848;
	text-align: center;
	line-height: 1.3em;
}
input, select, table, th, td, div, span, ul, li, p
{
	font-size: 1.0em;
	text-align:left;
	font-family: Tahoma;
}

p {margin:10px 0px;}

img {border:0px;}

.img_decor{border:1px solid #dcdcdc; padding:2px;}

/* 
================================
Skin styles for DotNetNuke
================================
*/
.pagewrap
{	
	width:100%; height:100%; text-align:center; 
	margin:0px; padding:0px; 
}
	
   
.pagemaster {
	width: 995px;
	height: 100%;	
	background-color: #ffffff;
	padding: 0px;
	
}

*html .pagemaster
{
		width: expression(document.body.clientWidth > 1024? "1024px" : "auto");
}

.header
{
	width:100%;
	height:92px;
	background-color: #fff;
    background-image: url(clc_header_long.jpg);
    background-repeat: no-repeat;
    background-position:left top;
    display:block;
}

.controlpanel {
	width: 100%;
	background-color: #fff;
}

/* Main Layout */

#mainbody
{
    float: left;
    width: 81%;
    min-height:550px;
	height:auto !important;
	height:550px;

}

#mainbody-Event
{
    float: left;
    width: 67%;
    min-height:550px;
	height:auto !important;
	height:550px;

}

#mainbody_admin
{
    float: left;
    width: 99%;
    min-height:550px;
	height:auto !important;
	height:550px;

}

#sidebar
{
	margin:30px 0px 5px 15px;
    float: left;
    width: 23%;
}

*html #sidebar
{
	margin:30px 0px 5px 10px;
    float: left;
    width: 22%;
}
#sidebar-Event
{
	margin:30px 0px 5px 15px;
    float: left;
    width: 28%;
}

*html #sidebar-Event
{
	margin:30px 0px 5px 10px;
    float: left;
    width: 27%;
}

#sidebar_admin
{
	margin:30px 0px 5px 15px;
    float: left;
    width: 17%;
}

/*****Spiffy Corners ******/

.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background-color:#6b207f}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #6b207f;
  border-right:1px solid #6b207f;
  background-color:#6b207f}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #6b207f;
  border-right:1px solid #6b207f;
  background-color:#6b207f}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #6b207f;
  border-right:1px solid #6b207f;}
.spiffy4{
  border-left:1px solid #6b207f;
  border-right:1px solid #6b207f}
.spiffy5{
  border-left:1px solid #6b207f;
  border-right:1px solid #6b207f}
.spiffyfg{
  background-color:#6b207f}

/*****Spiffy Corners End********/


#navMenu{width:100%; padding:10px;}

* html #navMenu{ width:88%; padding:10px;}


.leftpane {
	width: 100%;	
}

#content
{	
	margin:30px 0px 0px 0px;
    float: right;
    width: 74%;
    height:100%;
}

#content-Event
{	
	margin:30px 0px 0px 0px;
    float: right;
    width: 67%;
}


#content_admin
{	
	margin:30px 0px 0px 0px;
    float: right;
    width: 80%;
    overflow:auto;
}

*html #content_admin
{	
	margin:30px 0px 0px 0px;
    float: right;
    width: 78%;
    overflow:auto;
}

/*************************Rounded Corners***********************************/

.xsnazzy {
background: transparent; 
width:99%; 
height:100%;
float:left; 
margin:0px;
}

.xtop, .xbottom {
display:block; 
background:transparent; 
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#fff; 
border-left:1px solid #bcbcbc;
border-right:1px solid #bcbcbc;
}
.xb1 {
margin:0 5px; 
background:#bcbcbc;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px; 
margin:0 1px;
}

.xboxcontent {
display:block; 
border:0 solid #bcbcbc; 
border-width:0 1px; 
height:auto;
}
* html .xboxcontent {
height:1px;
}

.color_a {
background:#fff;
color:#fff;
}
.color_b {
background:#dcdcdc; 
color:#000;
}
.color_c {
background:#758279; 
color:#fff;
}
.color_d {
background:#b2ab9b; 
color:#000;
}

/*******************Rounded Corners Ends************************************/


.contentbox
{
	padding:5px;
	min-height:400px;
	height:auto;
}

* html .contentbox
{
	padding:5px;
	height:400px;
}

.contentpane 
{
	float:left;
	width: 100%;
	background-color: transparent;	
}

.contentpane_event 
{
	float:left;
	width: 100%;
	height:100%;
	background-color: transparent;	
}

*html .contentpane_event 
{
	float:left;
	width: 96%;
	height:100%;
	background-color: transparent;	
}

#innerleftpane
{
	float:left;  
	width:48%; 
	text-align:center; 
	padding-top:10px; 
}

*html #innerleftpane
{	 
	width:46%;
}

#innerrightpane
{
	float:right; 
	width:48%; 
}

#sidebar-2
{
    margin:30px 0px 0px 0px;
    float: right;
    width: 17%;
    min-height: 400px;
}

#sidebar-2-Event
{
	margin:30px 0px 0px 0px;
    float: right;
    width: 32%;
    min-height: 400px;
}

.rightpane 
{
	background-color: transparent;
	
}


#footer
{
	clear:both;
	width:100%;
	text-align:center;
}



/* SideMenu  */


.MenuHdr
{ 
  height: 2.0em; font-size:95%; font-family:Tahoma;
  color: #fff; text-decoration: none; text-align: left;
  display:block; width:100%; text-decoration:none;
  margin: 3px 0; padding-left:0px; font-weight:bold;
}

.MenuHdr A, .MenuHdr A:Active, .MenuHdr A:Hover, .MenuHdr A:Visited, .MenuHdr A:Link
{
  height: 2.0em; font-size:95%; font-family:Tahoma;
  color: #fff; text-decoration: none; text-align: left;
  display:block; width:100%; text-decoration:none;
  margin: 3px 0; padding-left:0px; font-weight:bold;
}

.MenuHdrHighlight
{
  height: 2.0em; font-size:95%; font-family:Tahoma;
  color: #faa634; text-decoration: none; text-align: left;
  display:block; width:100%; text-decoration:none;
  margin: 3px 0; padding-left:0px; font-weight:bold;
}

.MenuHdrHighlight A, .MenuHdrHighlight A:Active, .MenuHdrHighlight A:Hover, .MenuHdrHighlight A:Visited, .MenuHdrHighlight A:Link
{

  height: 2.0em; font-size:95%; font-family:Tahoma;
  color: #faa634; text-decoration: none; text-align: left;
  display:block; width:100%; text-decoration:none;
  margin: 3px 0; padding-left:0px; font-weight:bold;
}

.MenuHdrHighlight2
{ 
  color : #faa634; 
}


.MenuItem
{
line-height: 1.4em;
text-align: left; font-size:90%; font-family:Tahoma;
font-weight:bold; color: #fff; width:100%; 
vertical-align:middle;
background:url(bullet_grey.png) 2% center no-repeat;
display:block;
}

.MenuItemMouseOver
{
  
line-height: 1.4em;
text-align: left; font-size:90%; font-family:Tahoma;
font-weight:bold; color: #faa634; width:100%; 
vertical-align:middle;
background:url(bullet_orange.png) 2% center no-repeat;
display:block;
}

.MenuItemHighLight
{ 
color: #faa634; 
}

.MenuItem A, .MenuItem A:Active, .MenuItem A:Hover, .MenuItem A:Visited, .MenuItem A:Link
{
line-height: 1.4em;
text-align: left;  font-family:Tahoma;
font-weight:normal; color: #fff; width:70%; 
vertical-align:middle; text-decoration:none;
margin-left:22px;
display:block;
}

.MenuItemMouseOver A, .MenuItemMouseOver A:Active, .MenuItemMouseOver A:Hover, .MenuItemMouseOver A:Visited, .MenuItemMouseOver A:Link
{
line-height: 1.4em;
text-align: left;  font-family:Tahoma;
font-weight:normal; color: #faa634; width:70%; 
vertical-align:middle;
margin-left:22px;
display:block;
}



.MenuHdr Img, .MenuHdrHighlight Img, .MenuHdrHighlight2 Img
{ margin-right:6px; vertical-align:middle; }


.MenuItem Img, .MenuItemMouseOver Img
{ margin-right:6px; vertical-align:middle; }

/*Side Menu Ends*/


#footer
{	
	clear:both;
	margin:15px 0px;
	width:100%;
	text-align:center;
}


/**************Boroughs List***************************/

#boroughs ul li
{
  /* Stipulate the height of each item so that 
  vertical return = items * height */

  line-height: 1.2em;

  /* Clear the default margins & padding 
  so we can style the list from scratch */

  margin: 0;
  padding: 0;
}

/* If li position is left static, Internet 
Explorer disables hyperlinks in the list 
in all but the final column.

This rule will be processed only by 
Internet Explorer because only IE believes 
that there’s a level above HTML: */

* html #boroughs ul li
{
	position: relative;
}
/* Bring the first item of each column 
back up to the level of item 1.
Vertical return = items * height.
Here, 5 items * 1.2em line-height = 6em */

#boroughs ul li.sou
{
  margin-top: -4.8em;
}
/* horizontal position of each column */
#boroughs ul li.cam,
#boroughs ul li.isl,
#boroughs ul li.ken,
#boroughs ul li.lam
{
  margin-left: 0em;
}

#boroughs ul li.sou,
#boroughs ul li.wan,
#boroughs ul li.wes
{
  margin-left: 12em;
}

/* anchor styling */
#boroughs ul li a
{
  display: block;
  width: 10em;
  text-decoration: none;
}

#boroughs ul li.sou a,
#boroughs ul li.wan a,
#boroughs ul li.wes a
{
  width: 6em;
}
#boroughs ul li a:hover
{
  text-decoration: underline;
}
/*************Boroughs List Ends*********************/