/********************************************************
*
*	stylesheet initializing CCDePloter website
*
********************************************************/

/* Main Structural Elements & init
-------------------------------------------- */	
html { padding: 0; border: 0; margin: 0; }
body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* Sets base font size for site to 10px (because 62.5% of 16px [default browser font size] = 10px) */
	text-align: center;
	background-color:#F7BA00;
	margin:0;
	background: url(../images/body-bg.jpg) no-repeat  fixed 50% 220px  #F7BA00  ;

}
#tree #mainBlock #treeContent ol,#tree #mainBlock #treeContent ul, #tree #mainBlock #treeContent li {margin:0; padding: 0; list-style-type: none;}
#content div #main div ul{list-style-type:square !important;}
form { margin: 0; }
div, h1, h2, h3, h6, p, a, span, table, tr, td, input, img { margin: 0; padding: 0;}
img { border:0; }
#content img { border: solid 1px #FFFFFF; }
#content div div.titleBlocks{display:none !important;}
#content{background-color: #FFF !important;}
#info img { border: solid 1px #FFFFFF; }
#breadcrumb {padding-bottom:5px;}

/*	
-------------------Meaning tags----------------------- padding:20px;*/
acronym, abbr, q, dfn { border-bottom: dashed 1px #000000; font-style: italic; font-weight: bold; }


/*	rss
--------------------------------*/

#container #content div table.eyeRssFeed tr td { border:0;vertical-align:top;}
#container #content div table.eyeRssFeed tr td p{margin:0px !important;}
#container #content div table.eyeRssFeed tbody tr th{font-weight: bold;border: none !important;}
#container #content div table tbody tr th p{font-weight :bold !important;font-size:1.1em;}
#container #content div table.eyeRssFeed  {border:0px solid #fff !important;color:#000000 !important;}
#container #content div table.eyeRssFeed tr.rssHeader td,#content table.eyeRssFeed tr.rssItem td , #content table.eyeRssFeed tr.rssAlternatingItem td{padding:3px;}
#container #content div table tr td { /*padding:5px 5px 5px 17px !important;padding: 5px 2px!important;*/}
span.elo_TextBox table{width:167px !important;}
#container #content div div.block #formTable tr td{padding:0 !important;}
#container #content #Nosearch {margin:20px 0 20px 15px;clear:both;}
#container #content div table tr.rssItem a, #container #maincontent div  table tr.rssHeader a {text-decoration:underline !important; font-weight:bold !important;}
#container #content div table tr.rssHeader, #container #maincontent div table tr.rssHeader a{font-weight:bold !important;color:#000000 !important; }
#container #content div table tr.rssHeader a {text-decoration:underline !important;}

/*** IMAGES ***/
.image_top_left {display: block; margin-bottom: 15px;}
.image_top_middle {display: block; margin: 0 auto 15px auto;}
.image_bottom_left {display: block; margin-top: 15px;}
.image_bottom_middle {display: block; margin: 15px auto 0 auto;}
.image_align_right {float: right; padding: 0 0 0 15px;}
.image_align_left {float: left; padding: 0 15px 0 0;}

#header #LogoLink {float:left;/*height:35px;*/overflow:hidden;/*width:140px;*/margin:0 0 0;border: none 0 #fff;}
#header #LogoLink a {  float:left;margin:0;text-decoration:none !important; border: 0 none #fff!important; position:absolute;}
#content .error{ color: Red; font-size: 10px;}
#content #Contentlogin .error{width: 75px; color: Red; font-size: 10px;}

/* Typho
--------------------------------------------- */
h1 { font-size: 1.5em; color:#FF0000; margin: 20px 0 20px 15px; font-weight: bold; font-weight: 900; }
h2 { font-size: 1.3em; color:#000; font-weight:bold;margin:5px 0;}
h3 { font-size: 1.5em; color:#e7991f; margin: 20px 0;font-weight: bold; font-weight: 900; }
h4 { font-size: 1.1em; color:#ff0000; font-weight: normal;}
h5 {font-size:1.1em;color:#000;}
p, a { font-size: 1em; color:#000;}
fieldset, td, table {font-size: 1em;width:auto !important;}
label { font-size:1em; color:#000;}
legend { font-size: 1.2em; color:#000; font-weight: bold;}
address 
{
	font-size: .9em; font-weight: bold; font-style: normal; padding: 5px 0 5px 0px; 
	 color: #000;
	text-align: right;
}
#container address
{
	position: relative; top: -25px;
}
/*#container #content, #container #info { position: relative; top: -20px; }*/
address a {color:#000; }

/* div section
--------------------------------------------- */
#wrapper 
{
	background: url(../images/wrapper-bg.png) fixed repeat-y center top;
	position: relative; text-align:left; width: 760px; margin: 0 auto; 
}

#shell { margin: 0 25px; width: 710px; }
* html #shellContent { height: 1%; }
#tree { float: left; width: 240px; }
#container { float: left; width: 470px; background-color: #ffffff; margin-top: 25px;/*overflow:hidden !important; */}
#footer { height: 16px; clear: both; }
#imageSheep {display:none; height:880px; width:979px;float:left; position: absolute; left: 790px; bottom: 23px; background-image: url(../images/UNION_MATCH.jpg); background-repeat: no-repeat; }
*html #imageSheep { background-image: url(../images/cactus.gif); }
#shellContent div.clear { height: 0;}
#menu_logo{width:230px !important; margin-top:20px;}

/* Header section
--------------------------------------------- */
#header li { display: inline;}
#header a.first { margin-top:2px; }
#tools #login {float: left; padding-top: 10px;  }
#tools #login span{margin-right:3px;}
ul#menu_llLinks { float: right; padding-top: 50px; padding-bottom: 9px; width: 440px;text-align: right; }
ul#menu_llLinks a { font-size: 1.1em; text-decoration: none; padding: 0 6px 9px 0; color:#000; background: url(../images/separator.gif) no-repeat right 3px;}
ul#menu_llLinks a:hover { text-decoration: underline; }
ul#menu_llLinks li { display: inline;  margin: 0 7px 0 5px;}
#tools { width: 710px; height: 28px; }
#tools ul#menu_llTools { float:right; width: 150px; text-align: right;}
#logo { float: left; padding-top: 10px; width: 220px; }
#name { float: right; width: 480px; color: #FF0000; font-size: 1.4em; font-weight: bold; padding-top: 4px; text-align: right; }

/* Tree section
--------------------------------------------- */
#mainBlock { float: left; width: 240px; }
#newsSub address { text-align: left; }
#newsSub a { color:#000; }
#newsSub a:hover { color:#FFFFFF; }
#siteBlock { display: none;  }
#intro {  text-align: right; padding-right: 10px; padding-top: 5px; }
#block { height: 60px; background-color:#f9a214; border: solid 1px #FFFFFF; border-width: 1px 0; }
#treeContent { margin: 10px 10px 10px 0px; text-align: right; }
#treeContent ul { margin: 0;}
#treeContent ul li.listItemBottomSpace { margin-bottom: 0px; }
#treeContent li { margin-top: 5px; list-style-position: inside; }
#treeContent li.listItemBottomSpace { margin-bottom:20px !Important; }
#treeContent li.listItemTopSpace { margin-top:20px; }
#treeContent h3 { color: #FF0000; margin: 25px 0 15px 0; letter-spacing: .01em; }
#treeContent a { color: #000; margin: 0 5px; font-size: 1.1em; font-weight: bold;text-decoration:none;}
#treeContent a:active { color: #000; }
#treeContent a:hover { color: #000;}
#intro p { font-size: .9em; color: #FFFFFF;}

#treeCMS { margin-top: 15px;}
#treeCMS ul { margin: 0; }
#treeCMS div.lvl2 { margin: 0 0 0 15px;}
#treeCMS div.lvl3 { margin: 0 0 0 25px;}
#treeCMS div.lvl2 a { color: #ff0000; }
#treeCMS div.lvl3 a { color: #fff; }

#tree_SearchBox_lblSearch { display: none;  }
#tree_SearchBox_txtSearch { width:186px; margin-right:2px; border:solid 1px #fff;height:20px; vertical-align: middle;}
#tree_SearchBox_txtSearch { _width: 183px; }
#tree_SearchBox_txtSearch { #width: 183px; }
#tree_SearchBox_btnSearch { border: solid 1px #FF0000; height:20px;padding-bottom:18px; background-color: #FF0000; color: #FFFFFF; vertical-align: middle; }

/* Content section
--------------------------------------------- */
#content { clear: both;background-color: #FFF;}
#main { margin: 0 5px 10px 25px; }
#main p { margin: 4px;}
#main img { border: solid 1px #FFFFFF;}


/* WYSIWYG SECTION */
div.editmenu { margin-top: -75px !important; }
#eyeEditMenu *, 
#eyeEditMenu #content table { margin: 0 !important; }
#eyeEditMenu a { cursor: pointer; }
#eyeEditMenu img{ margin: 0px; }
#main .editmenu img{ margin: 0px; border: 0; }

/*	hacks - undo floats
------------------------------------------------ */
div.clear {	clear: both; height: 1px; overflow: hidden; }
br.clear { clear: both; height : 0; margin : 0; font-size : 1px; line-height : 0; }