/* portalwisconsin.org css */

body {
	background-color:#f4f4f4;
	font-family:"Trebuchet MS";
	font-size:small;
	color:#333333;
	margin:0;
}

table {
	font-family:"Trebuchet MS";
	font-size:small;
}

#wrapper {
	width:860px;
	background-image:url(gfx/portal_mainbg_2.jpg);
	background-position:center;
	background-repeat:repeat-y;
	text-align:center;
	margin:0 auto 0 auto;
	padding:0;
}

#banner {
	padding:10px 0 0 0;
	margin:0;
	/*height:67px; img is 57px h */
	height:75px;/* img is 75px h */
	background-image:url(gfx/portal_mainbg.jpg);
	background-position:center;
	background-repeat:repeat-y;
}
*html #banner {
	width:860px;
	padding:0 5px 0 5px;
}

#topmenucontainer {
	padding:0 0 6px 0;
	margin:0;
	height:24px;
	background-image:url(gfx/portal_mainbg.jpg);
	background-position:center;
	background-repeat:repeat-y;
}
*html #topmenucontainer {
	width:860px;
	padding:0 5px 8px 5px;
}

/* nav */

div#topmenu {	
	height: 24px;
	margin:0;
	padding: 0px 5px 0 5px;/* top padding to push down menu under bgimage */
	border: 0;
	width:860px;
}
*html div#topmenu {
	width:850px;
	padding:0px;
}

div#topmenu ul { /*main bar*/	
	margin: 0;
	padding: 0px;
	left:0;/* use left so submenu is not moved to the right in ie7 */
	top:24px;/* use top and navbar height so submenu is going over the main nav bar in ie7 */
}
*html div#topmenu ul{	
	margin:0px;
	width:850px;
	padding: 0px 0 0 0px;
	border: 0;
}

div#topmenu ul li{	
	float:left;
	margin:0;
}

div#topmenu li{	
	float: left;
	position: relative;
	list-style-type: none;
	margin: 0;
}

#topmenu a.nav {  /* sub menus */	
	color: #333333;
	font-size:90%;
	font-weight:bold;
	background-image:url(gfx/nav_dd_bg.png);
	background-repeat:repeat-y;
	background-position:center 0%;
	background-color:#C2DAE7;
	text-decoration: none;
	width:95px;
	display:block;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #006699 #eaeaea #006699 #eaeaea;
	margin: 0;
	padding: 6px 12px 6px 12px;
}

#topmenu a.nav:hover {  /* sub menus */
	color: #ffffff;
	background: #669AB2;
	margin: 0;
}

div#topmenu ul li ul{ /* sub menus */	
	margin: 0;
	position: absolute;
	width: 10em;
	z-index:10;
}

div#topmenu ul li ul li{ /* sub menus */	
	width:100%;
}

div#topmenu a{	
	display: block;
	text-decoration: none;
}

body div#topmenu ul li ul {	
	display: none;
}

div#topmenu ul li:hover ul, div#topmenu ul li ul:hover {	
	display: block;
}

/* main menu links */

#topmenu h2 {	
	margin: 0;
	padding: 0;
}

/* end nav css */

#contentcontainer {
	margin:0;
	padding:0 5px 0 5px;
	text-align:center;
	width:860px;
	min-height:400px;
}

*html #contentcontainer {height:400px;}

#left {
	width:213px;
	float:left;
	margin-right:auto;
	text-align:left;
	padding:0;
}
*html #left {padding-left:5px;}

#c_search {
	width:213px;
	margin:0;
	background-image:url(gfx/csearch_top.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	min-height:90px;
}

*html #c_search {height:90px;}

#c_s {
	padding:15px 5px 0px 12px;
	color:#ffffff;
}

#c_s a:link, #c_s a:visited, #c_s a:hover {
	color:#f4f4f4;
	text-decoration:underline;
}

#c_search_bottom {
	background-image:url(gfx/csearch_bottom.jpg);
	background-position:center;
	background-repeat:no-repeat;
	height:26px;
	padding:0;
	margin:0 0 2px 0;
}

#c_info {
	width:213px;
	margin:0;
	padding:0;
	background-image:url(gfx/cinfo_top.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	min-height:125px;
}

*html #c_info {height:125px;}

#c_i {
	padding:15px 5px 1px 12px;
	color:#333333;
}

#c_i a:link, #c_i a:visited, #c_i a:hover {
	color:#006699;
	text-decoration:underline;
}

#c_info_bottom {
	background-image:url(gfx/cinfo_bottom.png);
	background-position:center;
	background-repeat:no-repeat;
	height:30px;
	padding:0;
	margin:0 0 2px 0;
}

#right {
	width:637px;
	float:left;
	margin-right:auto;
	text-align:left;
	padding:0;
}

#r_top {
	background-image:url(gfx/cmain_top.png);
	background-position:center top;
	background-repeat:no-repeat;
	height:24px;
	padding:0;
	margin:0;
}

#content {
	padding:0 15px 0 15px;
}

h1 {
	font-size:125%;
	color:#333333;
	font-weight:bold;
}

h2 {
	font-size:115%;
	color:#333333;
	font-weight:bold;
}

h3 {
	font-size:105%;
	color:#333333;
	font-weight:bold;
}

.errortext {
	color:red;
	font-weight:bold;
	border:1px solid red;
	padding:6px;
}

a:link, a:hover {
	color:#006699;
	text-decoration:underline;
}

a:visited {
	color:#003366;
	text-decoration:underline;
}

#border {
	height:2px;
	margin:0;
	padding:0;
	background-image:url(gfx/bottom_border.jpg);
	background-position:center;
	background-repeat:no-repeat;
	line-height:0;
	clear:both;
}
*html #border {
	width:860px;
	padding:0 5px 0 5px;
	margin-top:-8px;
	margin-bottom:-8px;
}

#borderbottom {
	height:29px;
	margin:0;
	padding:0;
	background-image:url(gfx/bottom_border2.jpg);
	background-position:center;
	background-repeat:no-repeat;
	line-height:0;
	clear:both;
}
*html #borderbottom {
	width:860px;
	padding:0 5px 0 5px;
}

#footercontainer {
	margin:0;
	padding:0;
	background-image:url(gfx/portal_footerbg.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	min-height:125px;
	clear:both;
}

*html #footercontainer {
	height:125px;
	width:860px;
	padding:0 5px 0 5px;
}

#partners {
	font-weight:bold;
	color:#666666;
	font-size:90%;
	padding:5px;
	margin:0;
	text-align:left;
	clear:both;
}

#partners p {
	text-align:center;	
	color:#666666;
	margin:0;
}

#footer {
	font-size:80%;
	color:#666666;
	text-align:left;
	padding:5px 15px 10px 15px;
	margin:0;
	clear:both;
}

#footer p {
	margin:0 0 15px 0;
}

#footer a:link, #footer a:visited, #footer a:hover {
	color:#666666;
	text-decoration:underline;
}

/* home page css */

/* wrapper for home page */
#wrapper_home {
	width:860px;
	background-image:url(gfx/portal_mainbg.jpg);
	background-position:center;
	background-repeat:repeat-y;
	text-align:center;
	margin:0 auto 0 auto;
	padding:0;
}

#contentcontainer_home {
	margin:0;
	padding:0 5px 0 5px;
	text-align:left;
	width:860px;
}
*html #contentcontainer_home {
	text-align:center;
}

.homeimage {
	width:367px;
	background-image:url(gfx/h_top_left_bgwhole.png);
	background-position:center 0%;
	background-repeat:no-repeat;
	vertical-align:top;
	text-align:center;
}

.homeimage img {border:0; padding:12px 0 0 0}

.blog {
	width:483px;
	background-image:url(gfx/h_top_right_bgbot.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	vertical-align:top;
	text-align:left;
}

.blogtop {
	margin:0;
	background-image:url(gfx/h_top_right_bgtop.png);
	background-position:center top;
	background-repeat:no-repeat;
	min-height:25px;
	color:#ffffff;
	font-weight:bold;
	padding:10px 15px 0 20px;
	font-size:90%;
}
*html .blogtop {height:25px;}

.blogtop a:link, .blogtop a:visited, .blogtop a:hover {
	color:#ffffff;
	text-decoration:underline;
}

.blogbottom {
	padding:0px 15px 10px 15px;
	color:#ffffff;
	font-size:90%;
}

.blogbottom a:link, .blogbottom a:visited, .blogbottom a:hover {
	color:#ffffff;
	text-decoration:underline;
}

.blogborder1 {border-bottom:1px solid #7FB2CC; padding-bottom:8px; font-size:110%;}

.blogborder2 {border-bottom:1px solid #99ABC0;}

.feature {
	background-image:url(gfx/h_graybg_bottom.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	width:213px;
	vertical-align:top;
	text-align:left;
}

.featuretop {
	margin:0;
	background-image:url(gfx/h_graybg_top.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	min-height:23px;
	font-weight:bold;
	padding:10px 15px 0 20px;
	color:#ff6600;
	text-align:center;
}
*html .featuretop {height:23px;}

.featuretop p {
	padding:0 8px 0 8px;
	font-size:110%;
	font-weight:bold;
	border-bottom:1px solid #333333;
}

/* narrower feature for gallery on home page */

.feature2 {
	background-image:url(gfx/h_graybg_bottom2.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	width:206px;
	vertical-align:top;
	text-align:center;
}

.featuretop2 {
	margin:0;
	background-image:url(gfx/h_graybg_top2.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	min-height:23px;
	font-weight:bold;
	padding:10px 15px 0 20px;
	color:#ff6600;
	text-align:center;
}
*html .featuretop2 {height:23px;}

.featuretop2 p {
	padding:0 8px 0 8px;
	font-size:110%;
	font-weight:bold;
	border-bottom:1px solid #333333;
}

.featurebottom2 {
	padding:0px 5px 25px 5px;
	color:#006699;
}

/* end narrow feature */

.featurebottom {
	padding:0px 15px 25px 15px;
	color:#006699;
}

.featurebottom a:link, .featurebottom a:visited, .featurebottom a:hover {
	color:#006699;
	text-decoration:underline;
}
/* used on paragraphs for the headers of the what's new section */
.fb_link {
	background-image:url(../gfx/arrow_dark_small.png);
	background-position:0% 0%;
	background-repeat:no-repeat;
	padding-left: 16px;
	font-weight:bold;
}

.gallery {
	background-image:url(gfx/gallery_bg.jpg);
	background-position:center top;
	background-repeat:repeat-y;
	vertical-align:top;
	width:206px;
	text-align:center;
}

.homesearch {
	background-image:url(gfx/search_bgwhole.png);
	background-position:center 20px;
	background-repeat:no-repeat;
	min-height:250px;
	color:#333333;
	padding-left:20px;
}
*html .homesearch {height:250px;}

.homesearch a:link, .homesearch a:visited, .homesearch a:hover {
	color:#333333;
	font-weight:bold;
	padding:0 0 0 10px;
	text-decoration:underline;
}

.homesearch label {display:none;}

.twitter_div {
	min-height:250px;
	color:#333333;
	padding-left:0px;
	margin-top:5px;
	font-size:90%;
}
*html .twitter_div {height:250px;}

.dailyarts {
	background-image:url(gfx/artsnews_bg.png);
	background-position:right top;
	background-repeat:no-repeat;
	width:418px;
	border-top:3px solid #ffffff;
	text-align:center;
	vertical-align:top;
	padding:15px 0 0 0;
}

.dailyarts a:link, .dailyarts a:visited, .dailyarts a:hover {
	color:#006699;
	text-decoration:underline;
	font-weight:bold;
}

@media print {

body {
	background-color:#ffffff;
}

#wrapper {
	background-image:url();
}

#r_top {
	background-image:url();
}

#borderbottom {
	display:none;
}

}