/* All espace pros tags are in a separete stylesheet...*/
body {  font-family: Arial, Helvetica, sans-serif;
		color: #333333;
		font-size : 12px;
		background-color:#F1E9D4;
		margin: 0px;
		}
.ceditor {background-color: White; background-image: none; text-align: left;}
	
#Header 
{
    background-image: url('../../media/components/Header.gif');
    background-repeat: no-repeat;
	background-color: #4abed7;
	height: 150px;
	}	
#Content {
	width: 980px;
	margin-top: 8px;
	margin-left: 10px;
	padding: 0px;
}		

#LeftPanel {
	width:165px;
	position: relative;
	float:left;
	}
	
#whosOnline {margin: 1px 0 2px 0; font: 10px; text-align: center;}

#ContentPanel{
	width:600px;
	position: relative;
	margin-left: 8px;
	height: 450px;
	padding: 0px;
	float:left;
}


#RightPanel {
	width:185px;
	position: relative;
	margin-left: 8px;
	float:left;
	}
	
#Footer {
		background-color:#FFFFFF;
		font-size: 10px;
		text-align: center;
		padding: 10px;
		border: solid 1px #CCC;
		}
#ContentPanel .ContentBlock , .ContentBlockHalf {
	border: solid 1px #4bbdd5;
	background-color:#FFF;
	margin-bottom: 6px;
	padding: 10px 15px 8px 15px;
	}

#ContentPanel .ContentBlockAlt {
	border: solid 1px #89BFE8;
	background-color:#E0F3FC;
	margin-bottom: 6px;
	padding: 10px 15px 8px 15px;
	}
	
/* target IE6 only */	
#ContentPanel div.ContentBlockHalf {width: 265px; height: 1%;}

/*browser hack to display correct div height in firefox */
html > body #ContentPanel div.ContentBlockHalf {width: 265px; height:auto;}
	
#ContentPanel H1, .H1 , .h1 , .ceditor h1{font-size: 20px; font-weight: bold; color: #f172a4;  margin: 0 0 5px 0;}
#ContentPanel H2, .H2 , .h2  , .ceditor h2 {font-size: 16px; font-weight: bold; color: #929b3d; margin: 13px 0 5px 0;}
#ContentPanel H3, .H3 , .h3 , .ceditor h3 {font-size: 14px; font-weight: bold; color: #4bbdd5;  margin: 10px 0 10px 0;}
#ContentPanel H4, .H4  , .h4 , .ceditor h4 {font-size: 12px; font-weight: bold; color: #F08400; margin: 10px 0 10px 0;}
#ContentPanel H5, .H5 , .ceditor h5  {font-size: 11px; font-weight: bold; color: #333399; margin: 10px 0 10px 0;}

#ContentPanel .ContentBlockAlt H1 {color: #f172a4; }

#ContentPanel hr  , .ceditor hr{
	height: 1px;
	border: 0px;
	border-top: 1px dashed #F08400;
	background: #FFDFB0;}
	
#ContentPanel li.linkarrow, #ContentPanel a.linkarrow, .ceditor  a.linkarrow, .ceditor 	li.linkarrow
	
{
        list-style-image: url('../../Media/Components/link_arrowsmall.gif') ;
}
	

.PanelBlock{
			border:1px dotted #75B2D5;
			margin-bottom:10px;
			padding-top:10px;
			padding-right:2px;
			padding-left:10px;
			padding-bottom:10px;
}

#homepage .ContentBlock h1, #homepage .ContentBlockHalf h1 , #homepage .ContentBlockAlt h1{

	margin: 0px;

	}

/* LEFT PANEL Container Boxes */		
#LeftPanel  .ContainerBox {
    width:165px;
    padding:0px;
	background-color:#F1E9D4;
}
#LeftPanel  .CBParent{
	background-image:url('../../media/Components/ContainerBox_background.gif');
    background-repeat:no-repeat;
	height: 18px;
    font:bold 14px Arial;
    color:#FFF;
    text-align:left;
    padding: 4px 0 0 10px;
	margin: 7px 0 0 0;
}

#LeftPanel .CBChild {
	font:12px Arial;
    color:#AD070E;
	text-decoration:none;
}
#LeftPanel ul {
	margin: 0 0 0 15px;
	padding: 0;
	}
#LeftPanel li {margin: 0 ; padding: 0;}
#LeftPanel li a {margin-left: -5px;}
#LeftPanel .CBChildrenBox li.menuArrow 
{
   list-style-image: url('../../Media/Components/link_arrowsmallblue.gif');


}
/* Menu styles */

#LeftPanel .CBChildrenBox1 li.menuArrow 
{
    list-style-image: url('../../Media/Components/link_arrowsmall.gif') ;
     }



#LeftPanel .CBChildrenBox {
    background-color:#FFF;
    border:2px solid #4bbdd5;
	text-align:left;
	padding: 10px;
}
#LeftPanel  .ContainerBox1 {
    width:165px;
    padding:0px;
	background-color:#F1E9D4;
}
#LeftPanel  .CBParent1{
	background-image:url('../../media/Components/ContainerBox1_background.gif');
    background-repeat:no-repeat;
	height: 18px;
    font:bold 14px Arial;
    color:#FFF;
    text-align:left;
    padding: 4px 0 0 10px;
	margin: 7px 0 0 0;
}

.CBParent1 a, .CBParent1 a:hover{color: White;}

#LeftPanel .CBChild1 {
	font:12px Arial;
    color:#AD070E;
	text-decoration:none;
}
#LeftPanel .CBChildrenBox1 {
    background-color:#FFF;
    border:2px solid #f172a4; 
	text-align:left;
	padding: 10px;
}

#LeftPanel .item {	margin: 7px 0 0 0;}

/* RIGHT PANEL Container Boxes */		
#RightPanel  .ContainerBox1 {
    width:185px;
    padding:0;
	background-color:#F1E9D4;
}
#RightPanel  .CBParent1{
	background-image:url('../../media/Components/ContainerBox3_background.gif');
    background-repeat:no-repeat;
	height: 18px;
    font:bold 14px Arial;
    color:#FFF;
    text-align:left;
    padding: 4px 0 0 10px;
	margin: 0;
}
#RightPanel .CBChild1 {
	font:12px Arial;
    color:#AD070E;
	text-decoration:none;
}
#RightPanel .CBChildrenBox1 {
    background-color:#FFF;
    border:2px solid #4bbdd5;
	text-align:left;
	padding: 10px;
	margin-bottom: 10px;
}

#RightPanel  .ContainerBox2 {
    width:185px;
    padding:0px;
	background-color:#F1E9D4;
}
#RightPanel  .CBParent2{
	background-image:url('../../media/Components/ContainerBox4_background.gif');
    background-repeat:no-repeat;
	height: 18px;
    font:bold 14px Arial;
    color:#FFF;
    text-align:left;
    padding: 4px 0 0 10px;
	margin: 0;
}
#RightPanel .CBChild2 {
	font:12px Arial;
    color:#AD070E;
	text-decoration:none;
}
#RightPanel .CBChildrenBox2 {
    background-color:#FFF;
    border:2px solid #f172a4;
	text-align:left;
	padding: 10px;
	margin-bottom: 10px;
}

#MCPartners div.CBChild1 {
	font-size: 14px;
	font-weight: bold;
	text-align:center;
	margin-bottom: 10px;
}

/* FORMS */
form {margin: 0px; padding: 0px;}
.tbBig {width: 375px;}
.tbSt {width: 250px;}
.tbSmall {width: 150px;}
.tbXSmall {width: 100px;}
textarea {width: 500px;}
.ValSum, .valSum { color:#FF0000; font-weight: bold; width: 400px; padding: 10px; margin: 15px 0 15px 0; border: 1px solid #FF0000; background-color:#FFFFCC;}
.valSum ul, .valSum li {color:#FF0000;}
td.FormItem {background-color:#EEE; font-weight:bold; color: #333}

/* COLORS */		
.defcolor1 {color: #89BFE8}
.defcolor2 {color: #F08400}
.Grey {color:#777777}


/* DIVS & CONTAINERS */
/* Added height for IE scrolling display bug... */
* html .ContentBlock, .divRow, .divRowAlt, .divRowBlue, .divRowHighlight, .Box1, .Box2 {height: 1%; }
* html .AddressRow, .AddressRowHigh, .divAddressDetails, div.ListItemBox, div.ListItemBoxON  {height: 1%; }

/*browser hack to display correct div height in firefox */
html>body .ContentBlock, .divRow, .divRowAlt, .divRowBlue, .divRowHighlight, .Box1, .Box2 {height: auto;}		
html>body .ListItemBox .AddressRow, .AddressRowHigh, .divAddressDetails, div.ListItemBox, div.ListItemBoxON {height: auto;}		

.Box1 {border: 1px solid #CCCCCC; background: #EEE; padding: 10px; overflow: auto;}
.Box2 {border: 1px solid #CCCCCC; background: #FFF; padding: 10px; overflow: auto;}												
.Box3 {border: 1px solid #CCCCCC; background: #FFF; padding: 5px; overflow: auto;}

* html .Box1,  .Box2 , 	.Box3 {overflow: visible;}

div.divRow {border: 1px solid #E7D8B9; padding: 3px 6px 3px 6px; margin-top: 3px;}
div.divRowAlt {border: 1px solid #E7D8B9; background: #F1E9D4; padding: 3px 6px 3px 6px; margin-top: 7px; }
div.divRowBlue {border: 1px solid #89BFE8; background: #E0F3FC; padding: 3px 6px 3px 6px; margin-top: 7px; }
div.divRowHighlight {border: 1px solid #F08400; background: #FFDFB0; padding: 6px; margin-top: 3px;}

div.AddressRow{
	border: 0px;
	border-top: 1px dashed #F08400;
	padding: 6px 6px 3px 6px;
}

div.AddressRowHigh {
	background: #FFDFB0;
	border: 0px;
	border-top: 1px dashed #F08400;
	padding: 6px 6px 3px 6px;
}

div.divAddressDetails {
	border: 1px dashed #F08400;
	background: #FFDFB0;
	padding: 10px;
	margin-top: 3px;
}
div.ListItemBox {
	border: 1px dashed #E7D8B9;
	background: #F1E9D4;
	padding: 10px;
	margin-top: 3px;
}

div.ListItemBoxON {
	border: 1px dashed #F08400;
	background: #FFDFB0;
	padding: 10px;
	margin-top: 3px;
}

.Dashed {border-style: dashed;}



/* IMAGES*/
.imgLeft {border: 1px solid #000000; margin-right: 6px; margin-bottom: 3px; float: left;}
.imgLeftNB {border: none; margin-right: 6px; margin-bottom: 3px; float: left;}
.imgRight {border: 1px solid #000000; margin-left: 6px; margin-bottom: 3px; float: right;}
.imgRightNB {border: none; margin-left: 6px; margin-bottom: 3px; float: right;}
.img {border: 1px solid #000000; margin-bottom: 3px;}
img, .imgComponent {border: none;}
.EventPicture {margin: 8px 0 8px 0;}

/* Polls */
.PollQuestion {font-weight: bold; font-size:12px; text-align: left; width: 100%;}
.PollItem { font-size:10px; text-align:left;}
.PollItemChoice { width: 100px; text-align:left; font-size:11px;}
.PollChoicesList { text-align:left;}
.PollprogressCell {}
.PollItemPercentage { font-size: 9px;}
.PollButton {}
.PollItemPercentage { font-size: 9px;}
.PollResultsCell { margin-top: 7px; font-size:9px; color:#AAA; text-align:left;}

/* old styles */		
form, select, input, textarea {font-family: Arial, Helvetica, sans-serif;  font-size: 12px; color:#333333  }
.Radio, .Checkox, .NoBorder, .NB {border: none;}
.frmInput, .TextBox, .TextArea{width: 425px;}
.frmInputSmall {width: 200px;}
.frmTitle {font-size: 12px; font-weight: bold; margin-right: 10px;}
.divFrmRow {border: none; padding: 0px; margin-bottom: 7px;}
.frmHelp {font-size: 10px; color: #009966}

a {			color: #333399;
			text-decoration: none;	}
a:hover {	text-decoration: underline;
			color: #663399;	}
a.white:hover {
			text-decoration: underline;
			color: #FFFFFF;	}
			
.normal { color: #333333; font-size : 10pt; }

.MenuHeader {font-size: 14px; font-weight: bold; color: #FFFFFF; text-align:right}

p, .st, ul { color: #333333; font-size : 12px; }
p, ul {margin-top: 3px; margin-bottom: 5px;}
.pSpaced {line-height: 150%;}
ul.Spaced li { margin-bottom: 8px;}
.small, .Small {font-size: 11px; }
.L { font-size : 14px; }
.XL { font-size : 16px; }
.u {  text-decoration: underline}
.i {  font-style: italic}
.b {  font-weight: bold}
.ssmall, .xsmall, .XSmall { font-size: 10px;}

.maj {  text-transform: uppercase}
.Highlighted , a.Highlighted {  background-color: #FFFF00;}
.error {color:#FF0000; font-weight:bold;}
.white {  color: #FFFFFF}
.red {  color: #FF0000}
.grey {  color: #999999}
.green {  color: #009966}
.orange {  color: #FF9900}



.articlesdiv1 {
	border: 1px solid #FFCC00;
	font-size: 11px;
	width: 400px;
}
.artdiv1td {
	border: #FFFFFF;
}

.DivContent1  {border: 1px solid #950003; padding: 10px; margin-top: 15px;}	
.DivContent2  {border: 1px solid #F08400; padding: 10px; margin-top: 15px;}	

.NoFloat, .noFloat {clear: both;}
div.NoFloat {clear: both; height: 0px; padding: 0px; margin: 0px;}
br.NoFloat {clear: both; height: 0px; padding: 0px; margin: 0px;}

.Grid {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.GridHeader {background: #89BFE8; color:#FFF; font-size:13px; font-weight: bold;}
.GridTd {	vertical-align: top;}
.GridTdAlt {background: #E0F3FC;}
.GridTdHigh {background: #FFDFB0;}

a.GridHeader {color: #AD070E}
a.GridTd {font-weight: normal;}
a.GridHeaderSorButton {color: #666; font-weight: bold;}

.Alt {background: #E0F3FC;}
.Alt2 {background: #FFF;}
.Head {background: #89BFE8;}