/* CSS Document/
/*canton.css-styles for the main site*/

 body {
	margin: 0px 0px 0px 0px;
	background-color:  #ffffff;
	text-align: center; 
	font-family : Arial, Helvetica, sans-serif; }

div.masthead { top :2px;
bottom: 4px;
width :750px;
background-image:url(/career/jobs/images/newcolor.jpg);
text-align : center;
}

div.mastheadintro { top :2px;
bottom: 4px;
width :650px;
background-color:  #fffffff;
text-align : justify;
}

#toplinks a {font-family: Verdana, sans-serif; color: #003366; font-weight: bold; font-size: 12px; text-decoration: none;}
#toplinks a:link {font-family: Verdana,  sans-serif;color: #003366; text-decoration: none; }
#toplinks a:visited {font-family: Verdana,  sans-serif;color: #000000; text-decoration: none; }
#toplinks a:active {font-family: Verdana,  sans-serif;color: #006400;  text-decoration: none;  }
#toplinks a:hover {font-family: Verdana,  sans-serif;color: white; background:black;  text-decoration: none;}

div.main {
top: 35%;
width : 750px;
background-image:url(/career/jobs/images/newcolor.jpg);
background-repeat:repeat-x;
background-position:top;
text-align : center;
border-color :  #003366 #003366 #003366 #003366;
	border-width : thin; 
	border-style : groove; 
	}
	
div.magazine {width : 100%;
background:#ffffff
background-repeat:repeat-x;
background-position:top;
text-align : center;}

div.weather { width :200px;
text-align : center;}

/*link rules*/
a {font-family: Arial, Helvetica, sans-serif; color: #003366; font-weight: bold; font-size: small; text-decoration: none; }
a:link {font-family: Arial, Helvetica, sans-serif;color: #003366; text-decoration: none; }
a:visited {font-family: Arial, Helvetica, sans-serif;color: #006633; text-decoration: none; }
a:active {font-family: Arial, Helvetica, sans-serif;color: #006400;  text-decoration: none;  }
a:hover {font-family: Arial, Helvetica, sans-serif;color: white; background:black;  text-decoration: none; }

	 
p {font-family: Arial, Helvetica, sans-serif;  text-align:left; font-size: small; color:#000000;}
legend {font-family: Arial, Helvetica, sans-serif;  text-align:left; font-size: medium; color: #003366; font-weight:bold;}
li {font-family: Arial, Helvetica, sans-serif;  font-size: small; color: #003366;}
h1{font-family: Arial, Helvetica, sans-serif;	 font-size: 15px; text-align: left;color: #003366;	}
h2 {font-family: Arial, Helvetica, sans-serif; font-size:12px; text-align: center; color: #003366;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align: left; color: #003366;}
h4 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; color: #003366;}

/*left column*/
#leftcolumn{
	width:200px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	text-align:left;
	float: left;
	margin-left: 10px;
   margin-right: 10px;
		background-color:#f9feff;}
	
#leftcolumn h1 {
	width: 200px;
	height:24px;
	text-align: center;
	font-weight:400;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	background: #003366  no-repeat 0px 0px;}
	
#leftcolumn p {
	margin: 5px 5px 5px 5px;
}
#leftcolumn ul {text-align:left;
	list-style: square; list-style-position:inside; }

#leftcolumn li {font-family: Arial, Helvetica, sans-serif;  font-size: 12px; color: #003366;}

#leftcolumn a {font-family: Arial, Helvetica, sans-serif; color: #003366; font-weight: bold; font-size: 12px; text-decoration: none; }
#leftcolumn a:link {font-family: Arial, Helvetica, sans-serif;color: #003366; text-decoration: none; }
#leftcolumn a:visited {font-family: Arial, Helvetica, sans-serif;color: #006633; text-decoration: none; }
#leftcolumn a:active {font-family: Arial, Helvetica, sans-serif;color: #006400;  text-decoration: none;  }
#leftcolumn a:hover {font-family: Arial, Helvetica, sans-serif;color: white; background:black;  text-decoration: none; }
	
	
	/*center  column*/
#centercolumn {
	width: 500px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	line-height: 16px;
	margin-right: 5px;
	float: left;
	background-color:#fffee9;}
	
#centercolumn  h1 {
	width: 500px;
	height: 24px;
     color: #ffffff;
	margin: 0px 0px 0px 0px;
	font-weight:400;
	text-align:center;
	background: #003366  no-repeat 0px 0px;}
	

#centercolumn p {
margin: 11px 8px 8px 8px;
}

#centercolumn ul {
	margin-left: 20px;
	padding-right: 5px;
	list-style: square; list-style-position:inside; }
	

	
#centercolumn ol {
	margin-left: 10px;
	padding-right: 8px;
	 list-style-position:inside; 
	 }
	
#centercolumn li {font-family: Arial, Helvetica, sans-serif;  font-size: 12px; color: #000000;}
#centercolumn a {font-family: Arial, Helvetica, sans-serif; color: #003366; font-weight: bold; font-size: 12px; text-decoration: none; }
#centercolumn a:link {font-family: Arial, Helvetica, sans-serif;color: #003366; text-decoration: none; }
#centercolumn a:visited {font-family: Arial, Helvetica, sans-serif;color: #006633; text-decoration: none; }
#centercolumn a:active {font-family: Arial, Helvetica, sans-serif;color: #006400;  text-decoration: none;  }
#centercolumn a:hover {font-family: Arial, Helvetica, sans-serif;color: white; background:black;  text-decoration: none; }


/*
div.form{font-family: Arial, Helvetica, sans-serif;
width:700px;
background-color:  #fff1dd;
text-align: center;}
*/
#footer{clear: both;
width:750px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: center;
color: #000000;
}

#footer a {font-family: Arial, Helvetica, sans-serif; color:#003366; font-weight: bold; font-size: 10px; text-decoration: none; }
#footer a  { font-family : Arial, Helvetica, sans-serif; color : #003366; font-weight : bold; font-size : 10px; text-decoration : none;

}
#footer a:link { font-family : Arial, Helvetica, sans-serif; color : #003366; text-decoration : none;

}
#footer a:visited { font-family : Arial, Helvetica, sans-serif; color : #003366; text-decoration : none;

}
#footer a:active { font-family : Arial, Helvetica, sans-serif; color : #003366; text-decoration : none;

}
#footer a:hover { font-family : Arial, Helvetica, sans-serif; color : white; background : black; text-decoration : none;

}
 #secondNavbar {
z-index : 900;

}