/* ##### Common Styles ##### */

body {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 75%;  /* Enables font size scaling in MSIE */
	margin: 0;
	padding: 0;
}

acronym, abbr, .titleTip {
  border-bottom: 1px dotted #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;
}

h4 {
  margin: 0;
}

h5 {
  margin-bottom: 0;
}

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;
}

.floatLeft {
  margin: 5px 10px 5px 0;
  float: left;
  border: none;
}

.floatRight {
  margin: 5px 0 5px 10px;
  float: right;
  border: none;
}

.border {
  border: 1px solid #000000;
}

.bottomLinks{
  text-align: center;
  margin-bottom: 10px;
}

/* ##### 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;
}

/* #####Picture Rotator##### */

#picRotator {
	overflow: hidden;
	height:  180px;
	width:   240px;
    float: right;
	margin-top: -85px;
	margin-right: 5px;
	background-image: url(images/PhotoCorners.jpg);
	border: 1px solid #333333;
}

.pics {  
    height:  180px;
    width:   240px;
    padding: 0;
    margin:  0;
} 
 
.pics img {  
    height:  160px;  
    width:   220px;
	margin-top: 10px;
	margin-left: 10px;
}

/* ##### 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 225px 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 235px 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;
}

/* ##### 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 10px;
}

.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;
}

/* #####txtResize##### */

#txtResize {
  margin-right: 225px;
  text-align: center;
}

/* ##### Main Copy ##### */

#main-copy {
  font-size: 110%;
  color: #000000;
  background-color: #FFFFFF;
  line-height: 1.4em;
  margin-left: 150px;
  padding: 0 0 10px 15px;
}

#main-copy h1 {
	color: #000000;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 175%;
	font-weight: normal;
	font-style: normal;
	text-align: left;
}

#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;
}

/* ##### Logos ##### */

#logos {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0;
}

/* ##### 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;
}