/******************************
Stylesheet for Midstride.com
******************************/

/* Elements for live site */
body {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	padding:0;
	margin:0 auto;
	text-align:center;
}

p {
	font-size: 80%;
	margin:5px 0;
	padding:2px 0;
}

a:link, a:visited {
  text-decoration:none;
  font-weight:bold;
  color:#069;
}
a:hover, a:active {
  text-decoration:underline;
  font-weight:bold;
  color:#069;
}
ul {
  margin:5px;
  margin-left:0;
  padding-left:20px;
}
ul li {
  font-size:73%;
  list-style-type:square;
  line-height:1.2em;
}

h1 {
  font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 130%;
  color:#333366;
  margin:8px 0 5px 0;
  padding:0;
}
h2 {
  font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;;
  font-size: 110%;
  color:#666699;
  margin:5px 0;
  padding:0;
}

/* Containers for controlling layout */
#wrapper {
  width:800px;
  background-image:url(/clf/images/bodyBg_grey.gif);
  background-position:center;
  background-repeat:repeat-y;
  margin:0 auto;
  text-align:center;
}
#container {
  width:770px;
  margin:0 auto;
  padding:0 0;
  border:1px solid #000;
  border-bottom:0;
  background-color:#fff;
  text-align:left;
}

/* Page header / top banner */
#banner {
  padding-left:10px;
  background-image:url(/clf/images/bannerBg.jpg);
  background-repeat:repeat-x;
  background-color:#213C57;
  color:#d6dce2;
  font-weight:bold;
}
#banner a:link, #banner a:visited, #banner a:hover, #banner a:active {
  border-bottom:0;
}
#banner a:link img, #banner a:visited img, #banner a:hover img, #banner a:active img {
  border:0;
}
/* Site Tools */
#siteTools {
  display:inline;
  width:200px;
  color:#fff;
}
#siteTools p {
  margin:0;
  padding:0;
}
/* Logo / title */
#logo h1 a:link, #logo h1 a:visited, #logo h1 a:hover, #logo h1 a:active {
  font-size:36px;
  color:#039;
  text-decoration:none;
  border-bottom:0;
}

/* Primary Navigation in Table format*/
#primeNav {
  background-color:#213C57;
  color:#84919E;
  font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:80%;
  height:25px;
}
#primeNav td a:link, #primeNav td a:visited, #primeNav td a:hover, #primeNav td a:active {
  display:block;
  width:20%;
  padding:0 20px 5px 15px;
  text-align:center;
  text-decoration:none;
  border-bottom:0;
}
#primeNav td a:link, #primeNav td a:visited {
  color:#84919E;
  border-bottom:0;
}
#primeNav td a:hover, #primeNav td a:active {
  color:#fff;
  border-bottom:0;
}
#primeNav td.thisPage a {
  color:#fff;
}

/* Primary Navigation in List format */
div#primeNav ul {
  margin:0;
  padding:0 0 0 5px;
}
div#primeNav li {
  position:relative;
  list-style:none;
  margin:0;
  padding:2px 10px;
  float:left;
  font-size:100%;
}
div#primeNav a:link, div#primeNav a:visited {
  color:#84919E;
  text-decoration:none;
  border:0;
}
div#primeNav a:hover, div#primeNav a:active {
  text-decoration:none;
  border:0;
  color:#fff;
}
div#primeNav li.thisPage a {
  color:#fff;
}

/* Container for page content */
#contentContainer {
  width:765px;
  background-color:#fff;
}

/* Main content */
#mainContent {
  width:500px;
  background-color:#fff;
  padding:0px 5px 5px 15px;
  float:left;
}
#mainContentFull {
}

/* Sidebar */
#sideBar {
  background-color:#fff;
  width:205px;
  padding:5px;
  float:right;
}
#sideBar ul {
  margin:0 0 0 10px;
}

/* Page footer */
#footer {
  clear:both;
  background-image:url(/clf/images/bannerBg.jpg);
  height:1px;
  padding:5px 10px;
  color:#eee;
  font-size:75%;
}
#footerBg {
  clear:both;
  background-image:url(/clf/images/footerBg.gif);
  width:800px;
  height:50px;
  color:#eee;
  font-size:75%;
}

.portal th {
  background-color:#ccc;
  padding:2px;
  margin:0;
}
.portal td {
  padding:2px;
  margin:0;
  background-color:#eee;
}
.portal p {
  padding:0;
  margin:0;
}