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


body    { color: #333; font-size: 10px; font-family: Verdana, Arial, sans-serif; background: #901f30 url(../donadio-images/top_bg.gif) repeat-x; margin: 0 }

p  { line-height: 17px; margin: 11px 0 10px; padding: 0 }

h2   { color: #024975; font-size: 15px; margin: 0; padding: 0 }

ul   { font-size: 10px; list-style-image: url(../donadio-images/bullet.gif); margin: 0; padding: 0 }

a  { color: #024975; text-decoration: none }

a:hover  { text-decoration: underline }

blockquote { color: #606060; background: #f7fde3; padding: 10px }


/**** Main Container ***/


#wrap {
       margin-left: auto;
       margin-right: auto;
       width: 730px;
}


/**** Top ***/


#top   { color: #fff; background: #000 url(../donadio-images/top_bg.gif); width: 100%; height: 88px; overflow: hidden }

#top h2    { color: white; font-size: 18px; font-family: Arial; font-weight: normal; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; letter-spacing: 3px; display: block; margin: 0; position: relative; float: left }

#top h2 a {
	color: white;
	text-decoration: none;
}

#top h2 a:hover   { color: #024975 }


/**** Main Menu ***/


#menu {
	display: block;
	float:right;
}

#menu ul {
	margin: 0;
	list-style: none;
}

#menu li {
	display: block;
	float: left;
	white-space: nowrap;
}

#menu li a {
	display: block;
	padding: 55px 20px 12px 20px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}

* html #menu a {width:1%;}

#menu li a:hover   { color: #000; background: url(../donadio-images/bg_menu.gif) }

#menu li a.current   { color: #000; background: url(../donadio-images/bg_menu.gif); letter-spacing: 1px }

#menu li a.current:hover  { color: #000 }


/**** Content Container ***/


#content  { background-color: #fff; margin-top: 5px; padding: 20px; width: 800px; outline: solid 1px #333 }

#content h2 {
	margin: 0;
	padding: 10px 0 10px 0;
}


/**** Content ***/


#left ul {
	padding: 15px 0 15px 35px;
	margin:0;
}

#left li {
	margin-bottom:5px;
}

#left  { background-color: #fff; text-align: justify; display: inline; margin-left: 20px; width: 430px; float: left }


/**** Sidebar ***/


#right   { background-color: #fff; display: block; margin-top: 10px; width: 300px; float: right }

#right .box   { background: #cccab7; padding: 10px; width: 24em; float: right; border: solid 1px #666 }

#right .box h2  { font-size: 1.1em; margin: 0 0; padding: 0 0 }

#right .box a  { color: #024975; font-size: 10px; margin: 10px 0 }

#right .box p {
	margin: 5px 0 10px 0;
	line-height: 15px;
}

#right .box ul {
	padding: 0 0 7px 20px;
	margin:10px 0 10px 0;
}

#right .box li  { margin-top: 5px }

#nav  { background-color: #ccc; list-style: none url(../donadio-images/bullet.gif); margin: 2em 0; width: 23em !important; float: right }
#nav li { background-color: #ccc; margin: 0; padding: 0 }
#nav a { color: #024975; font-weight: bold; text-decoration: none; background-color: #fff; display: block; padding: 0.3em 0.3em 0.3em 0.8em; height: 2em; border-top: 2px none; border-bottom: 2px none }

#nav a:hover  { color: #93b300; font-weight: bold; background-color: #fff; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0 }	

/**** Clear Div ***/


#clear  { background-color: #fff; display: block; width: 100%; height: 1px; clear: both; overflow: hidden }


/**** Footer ***/


#footer  { background-color: #b2b09a; text-align: center; margin: 5px auto 0; padding: 10px 20px; width: 800px; outline: solid 1px #333 }

#footer p {
	margin: 0px;
	padding: 0;
}
.subtitle { font-size: 13px; font-family: Arial; font-weight: bold }
.form { font-size: 11px; font-family: Arial }
