/* Iowa League of Cities Stylesheet */

/*Block Level */

Body
{
	font-family: Arial, Sans-Serif; 
	font-size:13px;
	margin:0;
	padding:0;
}

A:link {text-decoration: none;}

A:hover {text-decoration: underline;}

/* Table Classes */

.dataTable, .twelvePx, .workshopTable, .linkTable, .surveyTable, .surveyDDL, .surveyTableThin
{
	font-size:12px;
}

.surveyTable
{
	width: 100%;
}

.workshopTable TD
{
	padding-top:0px;
	padding-bottom:15px;
	padding-left:0px;
	padding-right:10px;
}

.contactTable TD
{
	padding-top:0px;
	padding-bottom:3px;
	padding-left:0px;
	padding-right:5px;
	font-size:13px;
}


.linkTable TD
{
	padding-top:0px;
	padding-bottom:8px;
	padding-left:0px;
	padding-right:10px;
}

/*generic id for an image div will put image to the right of text and fltRt class (float)*/

.fltLft 
{ float:left;
	padding-right:5px;
	}

#pic, .fltRt {
	border: none;
	float: right;
	padding-left : 5px;	
}

/*generic id for an image div will put image to the left of text (float)*/
#pic2, #pic3 {
	border: none;
	padding-right : 5px;	
}
#pic3
{
	float: left;
}

/*here we are using the p selector for our image captions (enclose captions in <p> and put below the image</p> also can use the capt class */
#pic p, .capt, #pic2 p, #pic3 p{
	font-style : italic;
	text-align: center;	
}
#pic p {position:relative; top:-13px}
#pic2 img, #pic2 img {padding-right : 5px;}
#pic3 img {float: left;}

Form
{
	margin:0;
}

/* panels for home page */

.primary, .primary h4
{
	color: white;
	background-color:#006600
}

.primary, .secondary, .tertiary {font-size:14px}

.content .primary A:link, .content .primary A:visited, .primary A:link, .primary A:visited
{
	color:White;
	font-weight:bold;
	text-decoration:none;
}

.content .primary A:Hover, .primary a:hover
{text-decoration:underline;}

.secondary, .secondary h4
{
	color:White;
	background-color: black;
	}
	
.content .secondary A:link, .content .secondary A:visited, .secondary A:link, .secondary A:visited
{
	color:White;
	font-weight:bold;
	text-decoration:none;
}

.content .secondary A:Hover, .secondary a:hover
{text-decoration:underline;}
	
.tertiary
{
	color: black;
	background-color: gainsboro;
}

.content .tertiary A:link, .content .tertiary A:visited, .tertiary A:link, .tertiary A:visited
{
	color:Black;
	font-weight:bold;
	text-decoration:none;
}

.content .tertiary A:Hover, .tertiary a:hover
{text-decoration:underline;}
 
 .tertiary h4
 {color:black}
 
 /* Heading Styles */

h1, h2, h3
{
	color: #660066;
	font-family: Arial, Sans-Serif;	
}

h4, h5, h6
{
	color: #006600;
	font-family: Arial, Sans-Serif;	
}


h6
{
	font-size:14px;
}

h5
{
	font-size:15px;
}

h4
{
	font-size:16px;
}

h3
{
	font-size:17px;
}

h2
{
	font-size:18px;
}

h1
{
	font-size:20px;
}

/* Main Navigation Styles - (Top) */

.MainNav
{
	font-weight: bold;
	color: White;
	background-color:#006600;
	width: 100%;
	font-family: Arial, Sans-Serif;
	margin:0;
	padding:0;
	height:130px;
}

.MainNavLinkTable TD
{
	text-align:center;
}

.MainNav A:Link, .MainNav A:Visited 
{
	text-decoration:none; 
	color:White;
	font-weight: bold;
	font-size:11px;
	}

.MainNav A:Hover
{
	color: Gainsboro;
}

/* Status Bar Styles */

.Loco
{
	background-color:black;
	color:white;
	font-size:10px;
	}
	
.Loco A:Link, .Loco A:Visited 
{
	text-decoration:none;
	color:white; 
}

.Loco A:Hover {text-decoration:underline;}

/* Footer Bar Styles */

.LocoF
{
	background-color:gainsboro;
	color:black;
	font-size:10px;
	}
	
.LocoF A:Link, .LocoF A:Visited 
{
	text-decoration:none; 
	color:black;
	}

.LocoF A:Hover {text-decoration:underline;}

/* Left Navigation Styles */

.leftNavHeader, .leftNavHeader td a:link, .leftNavHeader td a:visited, .leftNavHeader td a:hover, .leftNavHeader a:link, .leftNavHeader a:visited, .leftNavHeader a:hover
{
	color:WhiteSmoke;
	background-color:#660066;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

.leftNav
{
	font-size:11px;
	width:130px;
	background-color:Whitesmoke;
}

.leftNav TD
{
	padding-left:5px;
	padding-right:4px;
}

.leftNav a:link, .leftNav a:visited, .leftNav a:active
{
	color:#660666;
	text-decoration:none;
	font-weight:normal;
}


.leftNav a:Hover
{
	text-decoration:underline;
}


/* content styles */

.content, .content ol
{
	font-size:13px;	
	padding-left:8px;
	padding-right:6px;
	padding-top:6px;
	padding-bottom:6px;
	line-height:16px;
	background-color:White;
}

.content a:link, .content a:visited, a:link, a:visited
{
	font-weight: bold;
	color: #660066;
	text-decoration: none;
}

.content a:hover, .content .tblHead TD a:Hover
{
	/*color:#006600; */
	text-decoration:underline;
}

.tblHead
{
	background-color: #006600;
	color:White;
	text-align:center;
	font-weight:bold;
}

.content .tblHead A:Link, .content .tblHead A:Visited
{
	color:White;
	text-decoration:none;
	font-weight:bold;
}

/* Font Size adjustment styles */

.tenPx {font-size:10px}

.ninePx {font-size:9px}

.thirteenPx, thirteenPx td {font-size:13px}

/* Special Area styles */

.updateArea 
{
	background-color:whitesmoke;
	font-size:12px;
	width:100%;
	padding:5px;
}

.outlinedTable
{
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
}

.requiredInformation
{
	color: red;
}