/*  HTML Elements  */
a { 
  color: #224499;
  text-decoration: none;
  text-weight: bold;
  font-size: 1em;
}

a:hover {
  color: #4477bb;
}

a:visited{
  color: #773377;
}

body {
	font-family: Arial, Helvetica, sans-serif;
  background-repeat: no-repeat;
	background-position: center top;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

/*   Elements by ID    */
#content {
  width: 97%;
  #width: 100%;
  margin-left: 1em;
}

#contentContainer{
	padding: 1.5em;
	width: 96%;
	margin-top: 30px;
	font-size: 13px;
}
  /* Add class="hasSideNav" to the contentContainer element to add sideNav and reset content area width */
  #contentContainer.hasSideNav #sideNav{
	display:inline;
	float:left;
	width: 15%;
	text-align: right;
	padding-right: 20px;
	font-size: 12px;
	line-height: 12px;
  }
  
  #contentContainer.hasSideNav #content{
    float:left;
    width: 80%;
    padding-left: 2%;
    margin-left: 0; 
    border-left: 1px solid #999;
  }
  
#contentTitle{
  padding-bottom: 20px;
  margin:0;
}

#footer{
  text-align: center;
  font-weight: bold;
  margin: 25px;
  color: #fff;
  font-family:Tahoma,Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:bold;
}

#layoutContainer {
  width: 900px; /* Sets the page width */
  margin-left: auto;
  margin-right: auto;
  /* margin-left/right: auto  centers the element */
}

#logo {
  padding: 25px 0px;  
}

#sideNav {}

  #sideNav a {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
  }

  #sideNav a.current {
    border-bottom: 2px solid #224499;
  }

  #sideNav a.current:hover{
    border-bottom: 2px solid #4477bb;
  }

/* Classes */
.imageContainer {
  padding: 0.1em 0.5em 1em 0.5em;
  text-align: center;
}

.imageTitle {
  margin: 0.5em;
  font-weight: bold;
}
.transpBg {
  background: url(../images/table_bg.png) repeat 0 0; 
  /* Removed for IE8 scrolling artifacts issue
  #background: none; 
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/table_bg.png', sizingMethod='scale');
  */
  /* Only IE 6 and lower will  react to the following items starting with "_". This has been fixed for IE 7+ */ 
  _background: transparent none repeat scroll 0 0;  /* reset the background to transparent  */
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/table_bg.png', sizingMethod='scale'); /* apply IE specific filter for transparent pngs */
}

#contentContainer img { border: 1px solid #888 }

#contentContainer { border: 1px solid #aaa; border-top-color: #fff }

#footer { color: #444 }