body{	
	background-color: #b3d6ff;
	background-image: url("img/bg.gif");
	background-repeat: repeat-x;
	background-position: top left;
	margin: 0; 
	padding: 0;
	text-align: center;
}

/* container for the header, content and footer */
#main {
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	width: 996px;	
}

h1, h2, h3, h4 {
	color: #1a3c8e;
	font-family: Arial, Helvetica;
}

#login {
	margin: 20px 10px 0 20px;
	min-height: 550px;
	height: auto;
	_height: 550px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;	
}

#login span {
	color: red;
}

#iconsidebar {
	float: left;
	text-align: left;
	width: 169px;
}

#iconsidebarlinks {
	list-style: none;
	margin: 0;
	max-height: 10px;
	padding: 0;
}

#iconsidebarlinks li {
	border-bottom: 1px solid #A0C3DF;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

#iconsidebarlinks a:link, #iconsidebarlinks a:visited {
	color: #1A3C8E;
	text-decoration: none;
}

#iconsidebarlinks a:hover {
	font-weight: bold;
	text-decoration: underline;
}

#innercontent {
	border-left: 1px solid #A0C3DF;
	min-height: 550px;
	height: auto;
	_height: 550px;
	margin: 0 0 0 170px;
	padding: 10px;
	text-align: left;
}

#timestamp {
	border: 2px solid #336699;
	margin-right: 150px;
	float: right;
	text-align: center;
	padding: 5px;
	
}

#blocksummary {
	border: 2px solid #336699;
	margin-right: 50px;
	float: right;
	text-align: center;
	padding: 5px;
	
}

#floatright {
	float: right;
	margin-right: 70px;
}

#smallformleft {
	border: 2px solid #336699;
	text-align: center;
	float: left;
	padding: 25px;
	width: 250px;
	height: 185px;
	margin-left: 50px;
}

#smallformright {
	border-bottom: 2px solid #336699;
	border-top: 2px solid #336699;
	border-right: 2px solid #336699;
	text-align: center;
	float: left;
	padding: 25px;
	width: 250px;
	height: 185px;
}

#linkbuttonblue a:link, #linkbuttonblue a:visited {
	color: white;
	font-family: Arial, Helvetica;
	font-size: 85%;	
	background-color: #336699;
	text-decoration : none;
	border-right: 5px solid #336699;
	border-left: 5px solid #336699;	
	height: 1%;
}

#linkbuttonblue a:hover {
	background-color: #6699FF;
	text-decoration: underline;
	border-right: 5px solid #6699FF;
	border-left: 5px solid #6699FF;	
}
	
#linkbuttonred a:link, #linkbuttonred a:visited {
	color: white;
	font-family: Arial, Helvetica;
	font-size: 85%;	
	background-color: #992929;
	border-right: 5px solid #992929;
	border-left: 5px solid #992929;
	text-decoration : none;
	height: 1%;
}

#linkbuttonred a:hover {
	background-color: #FF3333;
	text-decoration: underline;
	border-right: 5px solid #FF3333;
	border-left: 5px solid #FF3333;	
}

.buttonlinktext {
	font-family: Arial, Helvetica;
	font-size: 70%;
	text-decoration: none; 
	color: blue;
}

.buttonlinktext:hover {
	font-family: Arial, Helvetica;
	font-size: 90%;
	text-decoration: underline;
}

.twocharinputbox {
	width: 40px;
	height: 40px;
	text-align: center; 
	vertical-align: middle;
	font-size: 2em;
}

input::-moz-focus-inner /*Remove button padding in FF*/ 
{  
    border: 0; 
    padding: 0; 
} 


#submitbutton input {
	float: left;
	cursor:pointer;
	background-color: #336699;
	color: white;
	width: 107px;
	height: 23px;
	border-width: 0px;
}

#cancelbutton input {
	float: left;
	cursor:pointer;
	background-color: #992929;
	color: white;
	width: 107px;
	height: 23px;
	border-width: 0px;
}

#spacer {
	float: left;
	width: 20px;
}

/* holds all the header content */

/*icon*/
#banner2 {
	width: 100%;
	margin: 0;
	height: 150px;
	background-image: url(img/header_icon.gif);
	background-repeat:no-repeat;
}

/* the top left links in the header */
#tlinks {
	margin: 23px 0 0 25px;
	float: left;	
	width: 200px;	
}

#tlinks a { 
	color: white; text-decoration: none; font-weight: bold;
	font-size: .7em;
}

#tlinks a:hover { 
	text-decoration: underline; 
}

/* Ohio.gov logo link */
#Logo { float: left; width: 242px; border: 0; }
#LogoLink { float: right; display: block; height: 60px; width: 150px; }

/* IC logo link */
#ICLogo { float: left; width: 194px; border: 0; }
#ICLogoLink { float: right; display: block; height: 60px; width: 194px; }

/* Search text box in the header */
#search {
	margin: 20px 0 0 10px;
	float: right;
	width: 200px;
	height: 50px;
}

#search input {
	background-color: white;
}

#search label {
	display: none;
}

/* Main nav bar in the header */
#mainnav {	
	padding-top: 2px;
	padding-bottom: 4px;
	font-family: Georgia, "Times New Roman";
	clear: both;	
	font-size: 1.2em;
	color: #4581d0;
	background-color: white;
	text-align: center;
	text-decoration: none;	
}

#mainnav a:link, #mainnav a:visited {
	color: #0051ba;
	text-decoration: none;
}

#mainnav a:hover {
	color: #0051ba;
	text-decoration: underline;
}

/* container for sidebar and inner-content */
#content {
	border-left: 1px solid #A0C3DF;
	border-right: 1px solid #A0C3DF;
	border-top: 1px solid #A0C3DF;
	margin: 0 10px 0 10px;	
}

#content li, #content p, #content td, #content th, #content textarea, #content select {
	color: #1A3C8E;
	font-family: Arial, Helvetica;
	font-size: 85%;	
}

#content span {
	color: red;
}

#content p.timestamp {
	text-align: right;
}
	
	

/* footer nav */
#footernav {
	background-color: #1A3C8E;
	clear: both;	
	margin-bottom: 0;	
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
	width: 100%;
	
}
#footernav a:link, #footernav a:visited, #footernav p {
	color: white;
	font-family: Arial, Helvetica;
	font-size: .7em;
	text-decoration: none;
}
#footernav a:hover {
	text-decoration: underline;
}

#tagline {
	color: #1A3C8E; 
	font: 1.2em  Georgia, "Times New Roman", Times, serif;
	margin: 10px 0 10px 20px;
	text-align: left;
}

#tagline span {
	color: red;
}

.iconcontainer {
	clear: right; 
	float: left;
	margin: 0px 0px 0px 10px; 
	padding: 0; 
	width: 638px;	
	background: transparent; 
	/*border: 1px solid #A0C3DF;*/
}

.iconCol {
	float: left;
	width: 210px;
	border-right: 1px solid #1A3C8E;
	border-left: 1px solid #1A3C8E;
	border-top: 1px solid #1A3C8E;
	border-bottom: 1px solid #1A3C8E;
	margin: 5px 0px 5px 0px;
	padding: 15px 0px 15px 0px;
	/*height: 130px;*/
}

.red { color: red; }
.green { color: #393;}
.gold { color: #fc3;}
.brown { color: #630;}

