@import url(./undohtml.css);
@import url(./forms.css);
@import url(./menu.css);
@import url(./picturator.css);

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background: #034683 url(../img/grad.jpg) repeat-x;
	margin: 0;
	padding: 0;
	color:#fff;
	font-size:12px;
}
body a {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight:normal;
	color: #294986;
	text-decoration:none;
}	
body a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	color:#294986;
	text-decoration:underline;
}

#masthead h1 		{ padding:48px 0 0 17px; float:left; }

/* Set up the grid */
#sitehead, #strap, #footer, #wrapper, #subfooter { margin:0 auto; width: 890px !important; width:890px; padding:0; }
#sitehead 	{ margin-top:10px; height:10px; background:url(../img/strap-top-bg-900.jpg) no-repeat; }
#masthead 	{ height:132px; background:url(../img/header.jpg) no-repeat top right; }
#wrapper 	{  }
#container	{ padding:0; height:auto !important; height:500px; min-height:500px; }

#left { float:left; width:170px; padding:10px; }

/* Want to use proper lis within the content area so... */
#container li,
#right li { margin:0; color:#294986; padding-left:20px; background:url(../img/li_blue.gif) no-repeat 0 5px; }

#right { float:right; width:452px; padding:0 20px 20px 20px; height:auto !important; height:400px; min-height:400px;
		background:#FFF;
		border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
		}

#right img { margin-bottom:20px; }

#righttop { float:right; width:492px; padding:0; }
#rightbottom { float:right; width:492px; padding:0; }

#colright { width:185px; float:right; margin-left:15px; color:#fff; }
#colright,#colright li,#colright p,#colright a { color:#fff; }

#colright li { list-style:none; padding:0; margin:0; }


#newswrapper { background:url(../img/leaft_nav_03.gif) no-repeat bottom left; padding-bottom:1px; margin:20px 0; }
.news 		{ padding:10px; background:#085FAA url(../img/leaft_nav_01.gif) no-repeat top left; margin:7px 0; }
.rightblock { padding:10px; margin:17px 0; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background:#0860AA; color:#fff;  }
.rightblock h2 { margin:5px 0 10px 0; }
h2.contentheading { font-size:15px; margin-top:5px; }

hr { background:url(../img/hr_blue.gif) repeat-x; border:none; height:1px; }


#footer 			{ height:15px; }
#footer p 			{ font-size:10px; margin:5px 0 0; padding:0 20px; text-align:right; line-height:10px; }
#footer a, #footer p{ color:#FFF; font-weight:normal; }
#footer a:hover 	{ text-decoration:underline; }

#strap-top {
	height:10px;
	padding:0 7px;
	background:#fff url(../img/strap-top-bg.jpg) no-repeat;
	width:900px;
	margin:0 auto;
}
.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	display: block;
}
#left p.warn { color:#f00; font-weight:bold; }

.homebox {
	float:left;
	width:150px;
	height:100px;
	border:2px solid #ccc;
	margin:4px;
}

#slideshow {
    height: 133px;
    overflow: hidden;
    position: relative;
}
#slideshow img {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
}
#slideshow img.active {
    display: block;
    z-index: 10;
}