/* CSS Document

   If you are modifying this stylesheet for a new skin, this file
   should ONLY include the classes that you intend to modify. The
   portal uses the 'cascade' feature of CSS to allow your stylesheet
   to inherit the styles from the parent (or base) skin.
*/


body {
	background: white;
	padding: 0px;
}

#header, .header {
	background-color: white;
	color: #252;	
}

#header {
	padding: 5px 20px 5px 20px;
}


#header h1, #header h1 a, #header h2 a {
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #252;
}



#topnav {
	position: relative;
	text-align: center;

	border-top: 1px solid #333;
 	border-bottom: 1px solid #333;
	background-position: right;
	background-color: transparent;
	padding: 3px 20px 3px 30px;
}

#navcont {
/*	border: thick solid red; */
}

#navmenu {
	border-top: 1px solid #efd;
}

DIV.navmenu {
	border-bottom: 1px solid #efd;
	background-image: url("../images/arrow_bullet.gif");
	background-position: left;
	background-repeat: no-repeat;
	background-color: transparent;
	padding-left: 15px;
	margin-left: 10px;
	text-align: left;
}

a.navmenu {
}

a.navmenu:hover {
	color: #c51;
}


#homepageContainer #topnav {
	background-image: url("../images/main_header_mid.jpg");
}

#subpageContainer #topnav {
	background-image: url("../images/sub_header_mid.jpg");
}

#topnav a {
	color: #583;
	background-color: transparent;
	background-image: url("../images/arrow_bullet.gif");
	background-position: left;
	background-repeat: no-repeat;

	border: none;
	padding: 3px 10px 3px 12px;
	font-weight: normal;
	font-size: 11px;
}

#topnav a:hover {
	border-right: none;
	background-color: #efc;
	color: #583;
}

#topnav a.firsta {
	border: none;
}

#navcont {
	width: 120px;
	height: 100%;
	border-top: 1px solid #ddd;
        border-right: 1px solid #ccc;
	background-color: white;
}

#navmenu {
	border-top: 1px solid #ddd;
}

DIV.navmenu {
	border-bottom: 1px solid #eec;
	background-image: url("../images/arrow_bullet.gif");
	background-position: left;
	background-repeat: no-repeat;
	background-color: transparent;
	padding-left: 15px;
	margin-left: 10px;
	text-align: left;
}

a.navmenu {
	color: #543;
	font-size: 11px;
	font-weight: normal;
}

a.navmenu:hover {
	color: #c51;
}

#maincont {
	margin: 0px 0px 0px 0px;
	line-height: 140%;
	padding: 0px;

	color: #444;
	background-color: white;
	border-top: none;
	padding-top: 0px;	
	padding-left: 10px;
	
	text-align: left;
}

#homepageContainer #maincont {
	background-color: #f0ffef;
}

#homepageContainer #sidebar {
	width:350px;
	background-color: efd;
}

#leftPanel {
	width: 75px;
	background-color: #ab9;
	background-image: url("../images/leaves.jpg");
	background-position: top left;
	background-repeat: no-repeat;
}

#sidebar {
	width:220px;
	height: 100%;
	margin: 0px 0px 10px 10px;
	padding: 0px;
	color: #583;
	background: #efd;
	border-left: 1px solid #999;
}

.sidebar_element {
	padding: 1em 0px 2em 0px;
	border: none;
}

#sidebar a, #sidebar a:hover {
	text-decoration: none;
	border-bottom: none;
	background-color: transparent;
}

#sidebar a:hover {
	background-color: transparent;
	text-decoration: underline;
}

#footer, .footer {
	clear: both;
	padding: 3px;
	color: #333;
	background-color: white;
	text-align: center;
}

#footer {
	border-top: none;
}

.footer {
	border-top: 1px solid #333;
}

span.info {	
	text-decoration: none;
	border-bottom: 1px solid #fff;
	color: transparent;
	background: none;
	display: block;
	margin: 0px;
	padding: 2px 20px 2px 20px;
	font-weight: normal;
}


h2.section {
	padding: 3px 8px;
	font-size: 14px;
	color: #333;
	background-image: none;
	background-color: #dec;
	border: 1px solid #bbb;
}

.links_panel, .links_panel A {
	font-size: 10px;
}


.calendar, a.calendar {
	color: #333;
	background-color: transparent;
}