/* Start of CMSMS style sheet 'UCCE-NEW-SCREEN' */
/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
background-color: #FFF;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000000;
padding:0;
margin:0;

background-image: url(uploads/template/UCCE/top-bg.jpg);
background-repeat: repeat-x;
}
a {color: #DB7093;}
a:visited {color:#DB7093;}
a:hover {color: #564b47;}
a:active { color:#000000;}

h1 {
font-size: 22px;
text-transform:uppercase;
border-bottom:0px solid #564b47;
padding: 29px 5px 19px 5px;

margin:0 }

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0;}

img.download {vertical-align:middle;}

/* ----------container to center the layout-------------- */
#container {
width: 879px;
margin-bottom: 10px;
margin: 0 auto;

}

/* ----------banner for logo-------------- */
#join {
height: 15px;
text-align: right;
padding-right: 23px;
margin: 0px;
}
#banner {
height: 126px;
text-align: right;
padding: 0px;
margin: 0px;
}

#slideshowright {
width: 611px;
background-color: #ffffff;
padding: 0px;
margin: 0 0px 0 268px;
}
	
#menu1 {
background-color: #FFFFFF;
background-image: url(uploads/template/UCCE/button-bg.jpg);
background-repeat: repeat-x;
height: 39px;
text-align: left;
padding: 0px;
margin: 0px;
}

/* =============GENERAL INFO ============ */

.menu { 

	float:left;
	line-height:normal;
	padding-top: 0px;
	padding-left: 0px;
	height: 39px;
position:relative;
z-index:100;
border-right:0px solid #000;

}
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/* keep the forth level hidden when you hover on first level list OR link */
.menu ul :hover ul :hover ul ul {visibility:hidden;}
/* make the forth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul{ visibility:visible;}

/* keep the fifth level hidden when you hover on first level list OR link */
.menu ul :hover ul :hover ul :hover ul ul {visibility:hidden;}
/* make the fifth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul :hover ul{ visibility:visible;}

/* keep the sixth level hidden when you hover on first level list OR link */
.menu ul :hover ul :hover ul :hover ul :hover ul ul {visibility:hidden;}
/* make the sixth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul :hover ul :hover ul{ visibility:visible;}



/* ============= TOP LEVEL ============ */

/* style the links for the top level */
.menu a {
	float:left;
	margin:0;
	padding:0.5px 10px 0.5px 10px;
	text-decoration:none;
	color: #000;
	font-size: 12px;
        display:block;
        height:39px;
        border:0px solid #000;
        border-width:0px 0 0px 0px;
        line-height:39px;
}

/* style the top level hover */
.menu li a:hover {color: #000000; background-image:url(uploads/template/UCCE/button-bg-over.jpg); background-repeat:repeat-x;}
.menu li a.menuactive {background: #FFFFFF;
color: #000000;}

/* ============= SECOND LEVEL ============ */

/* style the second level links */
.menu ul ul a {background: #FFFFFF; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px; color: #000000;	filter:alpha(opacity=90);
	opacity:0.9;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}


/* style the second level hover */
.menu li li a:hover {background:#EAEAEA; color:#000000; border-bottom:1px solid #000000;	filter:alpha(opacity=100);
	opacity:1.0;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:39px;left:0; width:149px;border-top:1px solid #000;}

/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* ============= THIRD LEVEL =========== */

/* style the third level background */
.menu ul ul ul a {background:#FFFFFF;}

/* style the third level hover */
.menu li li li a:hover {background:#EAEAEA; color:#000000; border-bottom:1px solid #000000;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul ul {visibility:hidden;position:absolute;height:0;top:50px;left:0; width:149px;border-top:1px solid #000;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}


/* ============= FORTH LEVEL =========== */

/* style the third level background */
.menu ul ul ul ul ul a, .menu ul ul ul ul a:visited {background:#FFFFFF;}

/* style the third level hover */
.menu li li li a:hover {background:#EAEAEA; color:#000000; border-bottom:1px solid #000000;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul ul ul {visibility:hidden;position:absolute;height:0;top:50px;left:0; width:149px;border-top:1px solid #000;}

/* position the third level flyout menu */
.menu ul ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul ul.left {left:-149px;}

/* -----------------content--------------------- */
#content {
background-color: #ffffff;
padding: 0px;
margin: 10px 0px 0 205px;
background-image: url(uploads/template/title-right.jpg);
background-position:top right;
background-repeat: no-repeat;
}
div#content { 
min-height:400px;
height:expression(this.scrollHeight > 400 ? "auto":"400px"); 
}

p, pre{
	padding: 5px 10px;
	margin:0px;
	
}



#title-head-top {background-image:url(uploads/template/UCCE/title-bg-top.jpg);  background-repeat:no-repeat; background-position:top left;}
#title-head-middle {background-image:url(uploads/template/UCCE/title-bg-middle.jpg);  background-repeat:repeat-y; background-position:top left;}
#title-head-bottom {background-image:url(uploads/template/UCCE/title-bg-bottom.jpg);  background-repeat:no-repeat; background-position:bottom left; padding: 15px; font-size:16px; font-weight:bold; font-style:italic; color:#000;}


/* -----------news--------------------------- */

.NewsSummaryPostdate {font-size:14px;}
.NewsSummaryMorelink {padding-bottom: 15px;}
.NewsSummaryLink {font-size:14px; color:#C99;}


/* --------------left navi------------- */
#left {
float: left;
width: 191px;
margin: 10px 0px 0 0px;
padding: 0;
background-color: #F0D4D3;
}
#left-text {margin: 10px 10px 10px 10px;}
#left-bottom { background-image:url(uploads/template/UCCE/left-bottom.jpg); background-repeat:no-repeat; background-position:bottom; padding-bottom: 15px;)
}

#left-head-top-top {background-image:url(uploads/template/UCCE/left-menu-bg-top-top.jpg);  background-repeat:no-repeat; background-position:top;}
#left-head-top {background-image:url(uploads/template/UCCE/left-menu-bg-top.jpg);  background-repeat:no-repeat; background-position:top;}
#left-head-middle {background-image:url(uploads/template/UCCE/left-menu-bg-middle.jpg);  background-repeat:repeat-y; background-position:top;}
#left-head-bottom {background-image:url(uploads/template/UCCE/left-menu-bg-bottom.jpg);  background-repeat:no-repeat; background-position:bottom; padding: 15px; font-size:16px; font-weight:bold; font-style:italic; color:#FFF;}




/* -----------footer--------------------------- */
#footer-top {
	clear: both;
background-color: #FFFFFF;
background-image: url(uploads/template/bottom-bar.jpg);
background-repeat: repeat-x;
background-position:bottom ;
height: 65px;
padding: 0; margin: 0;
}
#footer-top-left {
height: 65px;
background-image: url(uploads/template/bottom-left.jpg);
background-repeat: no-repeat;

}
#footer {
	clear: both;
	background-image: url(uploads/template/contacts-bg.jpg);
background-repeat: repeat-x;
background-position:top;
background-color: #FFF;
	padding: 5px;
	text-align: right;
}

/* End of 'UCCE-NEW-SCREEN' */