
/* ##### Common Styles ##### */

body {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 75%;  /* Enables font size scaling in MSIE */
	margin: 0;
	padding: 0;
}

acronym, .titleTip {
  border-bottom: 1px dashed #000000;
  cursor: help;
  margin: 0;
  padding: 0;
}

a img {
  text-decoration: none;
  border: 2px solid #FFFFFF;
}

a:hover img, a:active img, a:focus img {
	text-decoration: none;
	border: 2px solid #0033CC;
	background-color: #FFFFFF;
}

.doNotDisplay {
  display: none !important;
}


.smallCaps {
  font-size: 117%;
  font-variant: small-caps;
}

p {
	margin: 1em 0 1.5em 0;
	padding: 0;
}

dt {
  font-weight: bold;
  margin: 0;
  padding: 0 0 0.5ex 0;
}

dd {
  margin: 0 0 1.5em 1.5em;
  padding: 0;
}

table {
  text-align: center;
}

.alignTop {
	vertical-align:top;
	padding-top: 0;
	margin-top: 0;
	height: 40px;
}

.alignBottom {
  vertical-align: bottom;
}

/* ##### skipnav ##### */

.skipnav {
  text-align: left;
}

.skipnav a {
  position: absolute; left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.skipnav a:focus, .skipnav a:active {
  position: static; left: 0;
  width: auto;
  height: auto;
  overflow: visible;
  font-size: 110%; font-weight: bold;
  text-decoration: none;
  background-color: #CC3333; color: #FFFFFF;
  padding: 2px;
}

/* ##### Wrapper ##### */

#wrapper {
	width: 800px;
	margin: 0 auto;
	background-color: #FFFFFF;
	padding: 5px;
}

/* ##### Header ##### */

#header {
  padding: 10px;
  background-color: #0033CC;
}

#header a {
  text-decoration: none;
}

.headerTitle {
  font-size: 215%;
  letter-spacing: .15ex;
  color: #FFFFFF;
  font-weight: normal;
  margin: 0;
  padding: 0 4px 0 4px;
}

.tagline {
	font-size: 125%;
	font-style: italic;
	color: #FFFFFF;
	margin: 0 5px 5px 5px;
}

/* ##### subHeader ##### */

#subHeader {
	
	background-color: #FFFFFF;
	font-size: 110%;
	text-align: left;
	margin: 0;
	background-image: url(images/subHeader.jpg);
	background-repeat: no-repeat;
	padding: 1px 40px;
}

#subHeader a {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	padding: 1px 2px;
}

#subHeader a:hover, #subHeader a:active, #subHeader a:focus {
  color: #FFFFFF;
  background-color: #CC3333;
}

/* #####txtResize##### */

#txtResize {
  width: 125px;
  float: right;
  text-align: center;
}

/* ##### Left Side Bar ##### */

.leftSideBar {
	margin-top: 25px;
	width: 150px;
	float: left;
	clear: left;
}

.leftSideBar .sideBarTitle {
  color: #000000;
  background-color: #99CCFF;
  font-weight: bold;
  margin: 0;
  padding: 3px 5px;
}

.leftSideBar ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  padding: 0 0 10px 0;
}

.leftSideBar li {
	margin: 0;
	padding: 1px 0;
	font-weight: bold;
}

.leftSideBar a {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 2px 0 2px 1.1em;
}

.leftSideBar a:hover, .leftSideBar a:active, .leftSideBar a:focus {
	color: #FFFFFF;
	background-color: #0033CC;
	text-decoration: none;
	border-right-width: 5px;
	border-right-color: #000000;
	display: block;
	border-right-style: outset;
}

/* ##### Main Copy ##### */

#main-copy {
	font-size: 110%;
	color: #000000;
	margin: 0 0 0 150px;
	padding: 0 0 10px 15px;
}

#main-copy h1 {
	color: #000000;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 175%;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	margin: 1em 0 0 0;
	padding: 1em 0 0 0;
}

#main-copy a {
  color: #0033CC;
  text-decoration: underline;
}

#main-copy a:hover, #main-copy a:active, #main-copy a:focus {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #0033CC;
}

.floatLeft {
  margin: 10px;
  float: left;
  border-bottom: 1px solid #000000;
}

.floatRight {
  margin: 10px;
  float: right;
  border: none;
}

.border {
  border: 1px solid #000000;
}

/* #####Bottom Links#####*/

.bottomLinks{
  text-align: center;
  margin-bottom: 10px;
}

.bottomLinks a {
  color: #0033CC;
  text-decoration: underline;
}

.bottomLinks a:hover, .bottomLinks a:active, .bottomLinks a:focus {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #0033CC;
}

/* ##### Footer ##### */

#footer {
  color: #000000;
  background-color: #99CCFF;
  font-size: 92%;
  text-align: center;
  line-height: 1.25em;
  margin: 0;
  padding: 1em 4mm 1em 4mm;
  clear: both;
}

#footer a {
	color: #0033CC;
	text-decoration: underline;
	font-weight: bold;
}

#footer a:hover, #footer a:active, #footer a:focus {
	text-decoration: none;
	background-color: #FFFFFF;
	color: #000000;
}