/* CSS Document */
/* COLOR DOCUMENT */
.black        {color:#000;}
.white        {color:#FFFFFF;}
.dark-grey    {color:#333;}
.mid-grey     {color:#666;}
.light-grey   {color:#CCC;}
.red          {color:#FF0000;}
.dark-red     {color:#990000;}
.mid-red      {color:#CC0000;}
.light-red    {color:#FF3333;}
.green        {color:#00FF00;}
.dark-green   {color:#003300;}
.mid-green    {color:#336600;}
.light-green  {color:#66CC00;}
.blue         {color:#0000FF;}
.dark-blue    {color:#000033;}
.mid-blue     {color:#3366FF;}
.light-blue   {color:#3399FF;}
.orange       {color:#FF6600;}
.dark-orange  {color:#CC3300;}
.mid-orange   {color:#FF6600;}
.light-orange {color:#FF9933;}
.cream        {color:#f7f5f0;}

/* hyperlinks doc */

/* GENERAL LINKS */
a:link, a:visited {
	color: #fff;
	font-weight:normal;
	text-decoration:underline;}
a:hover {
	color: #ff0000;
	font-weight:normal;
	text-decoration:none;}
a:active { color: red; } /* this adds color on mouse down */
/* END GENERAL LINKS */

/* ============= */

/* BASIC LINK COLORS*/
/* ==== BLACK SHEME ==== */
.black {color:#000;}
.black a:link, .black a:visited { 
	color: #000;
	font-weight:normal;
	text-decoration:underline;}
.black a:hover {
	color: #000;
	font-weight:normal;
	text-decoration:none;}
.black a:active {
	text-decoration:underline;}
/* ==== END BLACK SHEME ==== */

/* ==== WHITE SHEME ==== */
.white a:link, .white a:visited { 
	color: #FFFFFF;}
.white a:link, .white a:visited { 
	color: #FFF;
	font-weight:normal;
	text-decoration:underline;}
.white a:hover {
	color: #FFF;
	font-weight:normal;
	text-decoration:none;}
.white a:active {text-decoration:underline;}
/* ==== END WHITE SHEME ==== */

/* ============= */

/* INFO */
.info {color:#FFF;
margin-top:5px;}
.info a:link, .info a:visited { 
	color: #FFF;
	font-weight:normal;
	text-decoration:underline;}
.info a:hover {
	color: #FFF;
	font-weight:normal;
	text-decoration:none;}
.info a:active {text-decoration:underline;}
/* EN INFO */

/* ============= */

/* FOOTER LINKS */
.foot {color:#FFF;
}
.foot a:link, .black a:visited { 
	color: #FFF;
	font-weight:normal;
	text-decoration:underline;}
.foot a:hover {
	color: #FFF;
	font-weight:normal;
	text-decoration:none;}
.foot a:active {text-decoration:underline;}
/* END FOOTER LINKS */

/* ============= */

/* MAIN MENU */
.menu {color:#FFF;}
.menu a:link, .menu a:visited { 
	color: #FFF;
	display:inline;
	width:200px;
	height:41px;
	padding:0px 10px 0px 10px;
	font-weight:normal;
	text-decoration:none;}
.menu a:hover {
	color: #FFF;
	font-weight:normal;
	text-decoration:none;
	background-image:url(images/menu-back.jpg);
	background-position:center;
	background-repeat:no-repeat;}
.menu a:active {text-decoration:underline;}
/* END MAIN MENU */


/* SUCER TREE MENU */

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
background-image:url(images/main-menu-back.jpg);
background-repeat:repeat-x;
}

/*Top level list items*/
.suckertreemenu ul li{
background-image:url(images/main-menu-back.jpg);
background-repeat:repeat-x;
position: relative;
display: inline;
float: left;
 /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a:link, .suckertreemenu ul li a:visited{
display: block;
width: 90px; /*Width of top level menu link items*/
line-height:41px;
padding: 1px 8px;
border: 1px solid black;
border-left-width: 0;
text-decoration: none;
font-weight:bold;
color: #fff;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a:link, .suckertreemenu ul li ul li a:visited{
display: block;
width: 160px; /*width of sub menu levels*/
line-height:41px;
color: #fff;
font-weight:bold;
text-decoration: none;
padding: 0px 5px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 0px solid #ccc;
border-bottom: 0px solid #ccc;
}

.suckertreemenu ul li a:hover{
	background-image:url(images/menu-back.jpg);
	background-position:center;
	background-repeat:no-repeat;
background-color: #232323;
color: #ff0000;
font-weight:bold;
}

/*Background image for top level menu list links */


* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */