/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  border-style: none;
	border-color: inherit;
	border-width: 0;
	margin: 0;
	padding: 0;
	outline: 0;
	font-size: 100%;
	text-align: left;
}
body {
  background: #fff url(../images/bg.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  color: #1a1a1a;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
}
h1 {
  color: #1a1a1a;
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: bold;
  line-height: 18px;
}
h2 {
  color: #000;
  font-size: medium;
  font-weight: bold;
  line-height: 18px;
}
a,  a:link {
  color: #1d7cf2;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  line-height: 18px;
  text-decoration: none;
}
a:visited {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  color: #1a1a1a;
  font-size: 15px;
  font-weight: bold;
  line-height: 18px;
  text-decoration: underline;
}
a:focus {
  color: #000;
}
a:active {
  color: #000;
}
#topDiv {
  background-color: #1a1a1a;
  color: #82cffd;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  padding: 10px 10% 10px 10%;
  text-align: left;
}
#topDiv a, #topDiv a:link {
  color: #1d7cf2;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8px;
  font-weight: bold;
  line-height: 10px;
  text-decoration: none;
}
#topDiv a:hover {
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8px;
  font-weight: bold;
  text-decoration: none;
}
#outerWrapper {
  background: url(../images/wrapper_bg.png);
  background-repeat:repeat-y;
  margin: 0 auto 0 auto;
  text-align: left;
  width: 920px;
}
#outerWrapper #header {
  background: url(../images/header.jpg);
  background-repeat: no-repeat;
  font-size: 18px;
  font-weight: bold;
  height: 160px;
  line-height: 15px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  width: 900px;
}
#outerWrapper #topNavigation {
  background: #ebebeb url(../images/nav_bg.jpg);
  border-bottom: solid 1px #666;
  height: 20px;
  margin: 0px auto 0px auto;
  padding: 10px 206px 10px 10px;
  width: 684px;
}
#topNavigation ul#navlist {
  margin: 0 auto;
  padding:0;
  white-space: nowrap;
}
#topNavigation #navlist li {
  display: inline;
  list-style-type: none;
 
}
#topNavigation #navlist a {
  padding: 0 10px 0 15px; 
  border-right: 1px solid #b7b7b7;
}
#topNavigation #navlist a:link, #navlist a:visited {
  color: #1a1a1a;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  
}
#topNavigation #navlist a:hover {
  color: #82cffd;
  background-color: #333;
  text-decoration: none;
}
#mainImageContainer {
  background: #000 url(../images/main_img.jpg);
  background-repeat: no-repeat;
  margin:0 auto;
  padding:10px;
  width: 880px;
  height: 160px;
}
#mainImageContainer img{
  margin: 17px 0 35px 0;
  border:none;
}
#outerWrapper #contentWrapper {
  padding: 10px 0 0 0;
  margin: 0 auto;
  width: 900px;
}
#outerWrapper #contentWrapper #leftColumn1 {
  float: left;
  padding: 10px 10px 10px 10px;
  width: 280px;
  height: 300px;
}
#outerWrapper #contentWrapper #leftColumn1, .sidebg {
  background: #fff url(../images/side_bg.jpg);
  background-repeat: repeat-y;
}
#leftColumn1 ul#leftNav {
  margin: 0;
  padding:0;
  white-space: nowrap;
}
#leftColumn1 #leftNav li {
  display: block;
  list-style-type: none;
  padding:5px 0 0 0;
  
}
#leftColumn1 #leftNav a {
  padding:0; 
}
#leftColumn1 #leftNav a:link, #leftNav a:visited {
  color: #1a1a1a;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px; 
}
#leftColumn1 #leftNav a:hover {
  color: #1d7cf2;
  text-decoration: none;
}
#outerWrapper #contentWrapper #content {
  margin: 0 0 0 300px;
  padding: 10px 10px 10px 10px;
  width: 570px;
}
#outerWrapper #contentWrapper .clearFloat {
  clear: left;
  display: block;
}
#outerWrapper #footer {
  background: #ddd url('../images/footer.jpg') no-repeat;
  height: 30px;
  margin: 0px auto 0px auto;
  padding: 0px 10px 10px 10px;
  width: 880px;
  font-size: 10px;
}
#outerWrapper #footer a, #outerWrapper #footer a:link {
  color: #CCCCCC;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 12px;
  text-decoration: underline;
}
#outerWrapper #footer a:hover {
  color: #85AACF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-decoration: underline;
}
