/*
	This file holds the CSS for the consistent design elements of the site.
	Image paths are relative to the css directory; ie: correct paths start with ../images/
*/

	BODY
	{
		background-color:  #f5f5f5;
		background-image:  url('../../__images/bodybg_short1.gif');
		background-repeat: repeat-y;
		margin:      0px 0px 0px 0px;
		padding:     0px 0px 0px 0px;
		height:      100.02%;
		font-family: Arial, Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size:   13px;
		line-height: 150%;
		color:       #666666;
	}
	
	TD
	{
		font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size:   12px;
		line-height: 120%;
	}


	.odd
	{
		background-color:#e5e5e5;
	}
	
	.even
	{
		background-color:#f5f5f5;
	}

	H1 
	{
		color:       #000000;
		margin:      10px 0px 5px 0px;
		font-family: Arial Narrow, Arial, Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:   22px;
		font-weight: normal;
		padding-top: 5px;
		line-height: 130%;
	}
	
	H2
	{
		margin:      0px 0px 5px 0px;
		font-family: Arial,"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:   15px;
		font-weight: bold;
		line-height: 150%;
		color:       #000000;
		padding-top: 5px;
	}

	DIV#header
	{
		background-image:    url(../../__images/topimage_short1.jpg);
		background-repeat:   no-repeat;
		background-position: top left;
		height: 130px;
		width:  930px;
	}
	
	DIV#pnglogocontainer
	{
		position:  absolute;
		top:       0px;
		width: 930px;
		min-width: 600px;
		max-width: 930px;
		_width: expression(document.body.clientWidth > 930? "930px": "auto" );
	}
	
	DIV#pnglogo
	{
		position: relative;
		top:      20px;
		float:    right;
		margin:   0px 0px 0px 0px;
		padding:  0px 30px 0px 0px;
	}
	
	DIV#topmenu
	{
		position: absolute;
		left:     0px;
		margin:   105px 0px 0px 180px;
		padding:  0px 0px 0px 0px;
		height:   20px;
		width:    550px;
		color:    #A9DE74;
		font-family: Arial,Trebuchet MS,Verdana, sans-serif;
		font-weight: normal;
	}
	
	DIV#topmenu li, DIV#topmenu ul
	{	/* top list */
		display:    inline;
		list-style: none;
		padding:    0px 10px 0px 10px;
		margin:     0px 0px 0px 0px;
	}
	
	DIV#topmenu li a, DIV#topmenu li a:visited
	{	/* top list */
		color: #ffffff;
		text-decoration: none;
	}
	
	DIV#topmenu li a:hover
	{	/* top list */
		color: #DEB036;
	}

	DIV#logo2
	{
		position:    absolute;
		margin-top:  440px;
		margin-left: 12px;
		width:       153px;
		height:      25px;
		z-index:5;
	}

	DIV#sidemenu
	{
		position:   absolute;
		padding:    0px 0px 0px 0px;
		margin:     0px auto auto auto;
		width:      180px;
		z-index:    2;
		text-align: right; /* change orientation of menu items*/
		background-color: #999999;
	}

	DIV#sidemenu ul 
	{	/* all lists */
		margin:     0px;
		padding:    0px 0px 0px 0px;
		list-style: none;
	}

	DIV#sidemenu li 
	{	/* all list items */
		background-image:  url(../../__images/menubg.gif);
		background-repeat: repeat-x;
		background-color:  #ECEDEE;
		border-bottom:     solid 1px #fff;
		position:    relative;
		height:      20px;
		display:     block; 
		margin:      0px 0px 0px 0px;
		padding:     4px 13px 4px 13px;
		font-family: Arial, Verdana, sans-serif;
		font-size:   12px;
		font-weight: normal; 
		color:       #449922;
		font-weight: bold; /* currently active menu items */
	}

	DIV#sidemenu li ul 
	{	/* second-level lists */
		display: none;
	}
	
	DIV#sidemenu li ul
	{	/* second-level lists - specific to menu div */
		position:   absolute;
		text-align: left;
		top:        0px;
		left:       180px;
		border-top:    solid 0px #ffffff;
		border-left:   solid 1px #ffffff;
		border-right:  solid 2px #ffffff;
		border-bottom: solid 2px #ffffff;
	}

	DIV#sidemenu ul li A, A:visited 
	{	/* sidemenu links */
		text-decoration: none;	
		color:           #334455;
		font-weight:     bold; 
	}

	DIV#sidemenu li ul li
	{	/* second-level list items - specific to menu div */
		display:  block;
		width:    202px;
		_width:   100%;
		overflow: visible;
		padding:  5px 20px 5px 10px;
	}

	DIV#sidemenu ul li.on A, ul li.on A:visited
	{	/* currently selected sidemenu item color - specific to sidemenu div */
		color:#449922;
	}
	DIV#sidemenu li.on ul li A, DIV#sidemenu li.on ul li A:visited
	{	/* currently selected 1st-level sidemenu link item color - specific to sidemenu div */
		color:#334455;
	}
	DIV#sidemenu li A:hover, DIV#sidemenu li ul li A:hover, DIV#sidemenu li.on ul li A:hover
	{	/* hover color of 1st level sidemenu items of - specific to sidemenu div */
		color:#449922;
	}
		
	DIV#sidemenu ul li:hover
	{
		background-image:  url(../../__images/activemenubg.gif);
		background-repeat: repeat;
	}
	DIV#sidemenu li:hover ul, DIV#sidemenu li.over ul 
	{	/* show lists nested under hovered list items - specific to menu div */
		display: block;
	}

	DIV#content
	{
		position:    absolute;
		margin:      0px 0px 0px 0px;
		padding:     05px 20px 0px 200px;
		min-width:   575px;
		max-width:   700px;
		min-height:  100%;
		_width: expression(document.body.clientWidth > 900? "900px" : document.body.clientWidth < 800? "800px" :"auto" );
		font-family: Verdana,'Trebuchet MS',Arial,'Microsoft Sans Serif', sans-serif;
		font-size:   12px;
		line-height: 160%;
		text-align:  left;
		color:       #222244;
/*
		background-image:url('http://localhost/sites/iowaswitchgrass.com/__images/contentbg.jpg');
		background-repeat: repeat-y;
		background-position: 180px 0px;
*/
		
	}
	DIV#content li
	{
		line-height: 160%;
		text-align:left;
	}
	
	DIV#content p
	{
		margin:     0px 0px 15px 0px;
		text-align: left;
	}

	DIV#content ul
	{
		margin:       20px 0px 20px 40px;
		padding-left: 20px;
		text-align:   justify;
		line-height:  130%;
	}
	
	DIV#content ol
	{
		margin:     0px 40px 20px 40px;
		text-align: justify;
	}
		
	DIV#content a, DIV#content a.visited
	{
		font-weight:bold;
	}

	DIV#footer
	{
		position: absolute;
		margin:   auto 0px auto auto;
		bottom:   0px;
		color:    #000000;
	}
	
	A, A:visited
	{
		font-weight:     normal;
		text-decoration: none;	
		color:           #449922;
	}

	A:hover
	{
		color: #000000;
	}

	DIV#content A:hover
	{
		color:           #000;
		text-decoration: underline;
	}
	
	A:active
	{
		color: #719CC7;
	}
	
	.smalltitle
	{
		font-size: 11px;
		color:     #B3BDCA;
	}
		
	TEXTAREA
	{
		background-color: #ffffff; 
	    border:  1px solid #aaaaaa;
	    padding: 2px;
	    width:   100%;
	    font-family: MS sans-serif,arial,sans-serif;
	    font-size:   13px;
	    color:       #26406F;
	    font-style:  normal;
	    font-weight: normal;
	}

	.inputtext 
	{
		background-color: #ffffff; 
	    font-family: arial,verdana,sans-serif; 
	    color:       #26406F;
	    font-size:   13px;
	    height:      22px; 
	    font-style:  normal; 
	    font-weight: normal; 
	    padding:     2px;
	    border:      1px solid #aaaaaa;
	    width:       100%; 
	}

	.button
	{
		color:          #404020;
		font:           normal 11px Verdana,Arial,sans-serif;
		line-height:    100%;
		padding-top:    3px;
		padding-bottom: 4px;
	}
	
	.form TD
	{
		font-family: Trebuchet MS, Sans-serif;
		font-size:   13px;
		text-align:  right;
		color:       #2B3D57;
	}

	input
	{
		color:          #404020;
		font:           normal 11px Verdana,Arial,sans-serif;
		line-height:    100%;
		padding-top:    3px;
		padding-bottom: 4px;
	}
	
	.caption
	{
		font-family:   Franklin Gothic Book,Arial,Sans-serif;
		font-size:     13px;
		font-style:    italic;
		text-align:    center;
		margin-top:    03px;
		margin-bottom: 15px;
		color:         #204584;
	}
	DIV#content ul
	{
		margin-left:  15px;
		margin-right: 30px;
	}
	DIV#content ul li
	{
		margin-bottom: 8px;
	}
	DIV#content ul li ul
	{
		text-align: left;
	}
	.caption A
	{
		font: italic normal 12px Arial, sans-serif;
	}