/* THINGS TO UPDATE ON EVERY STYLE CHANGE 
body background image 
.banderole background Color 
.searchbox background Color 
.navbar1 background Color 
.navbar2 background Color 
.navbar1 a: color 
.navbar2 a: color  */

 /*PAGE ELEMENT / ID DEFINITIONS ======================================================================================= */

html {
	height: 100%;
	background: url(../images/interface/pageBG.gif) repeat-y;  	
}

body {
  height: 100%;
  margin:0;
  font-family: arial, verdana,helvetica, sans-serif; 
  font-size:12px; 
}

#topNav {
  padding : 0;
  width:100%;
  margin:0px;
  z-index : 10;
}

.searchbox {
  width : 275;
  text-align : left;
  margin : 0 0 0 15;
  font-weight : bold;
}

.navbar1 {
  height : 27px;
  text-align : right;
  font-size:11px;
  line-height : 27px;
  letter-spacing : 1;
}

.navbar2 {
  margin : 1 0 0 0;
  height : 31px;
  text-align : left;
  line-height : 31px;
  font-size:11px;
  font-weight : normal;
  padding : 0 0 0 196;
  letter-spacing : 1.1;
}

#banderole {
  top : 0px;
  left : 14px;
  width : 162px;
  position : absolute;
  height : 100%;
  z-index : 20;
}

#bodyContentBlock {
	width : 570px;
	float : left;
}

#rightHand {
	width : 200px;
	float : right;
	position : relative;
	top : 0px;
	left : 0px;
}

.clearer {
	height : 1px;
	clear : both;
	display : block;
}

.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	letter-spacing: 1px;
}

.footer a:link, .footer a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight : bold; 
	letter-spacing: 1px;
	text-decoration: none;
}

.footer a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight : bold; 	 
	letter-spacing: 1px;
	text-decoration: underline;
}

.rightHandBox {
	width : 200px;
	padding : 0px;
	margin-top : 20px;
}

.rightHandBoxInterior {
	padding : 0px;
	margin : 15px 15px 0px 15px;
}

.column3 {
	width : 155px;
	padding : 0px;
	margin: 5px;
	margin-top : 20px;
	float : left;
}

/*STYLES FOR COPY AND INLINE OBJECTS============================================================================= */

/* Table Styles ------------------------------ */

.comparisonTable {
  font-size : 10px;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  padding: 0;
  border: 0;
}

/* Layout Styles ----------------------------- */

.insetBox {
	width: 40%;
	float: right;
	padding: 1em;
	margin: 1em;
}

.prop {
    float:right;
    width:1px;
  }

.min500px {
    height:500px;
  }

.min1px {
    height:1px;
  }  
  
.min20px {
    height:20px;
  }
  
.h100percent {
    height:100%;
}

.MAR8px {
  margin : 8px;
}

.sidebarBullet {
float : left;
}

.bodyCopyBlock {
  margin : 10px 28px 28px 28px;
}

.graphicalPageHeader {
  margin : 10px 0px 18px 28px;
}

p.special_letter:first-letter {
	font-size: 26px; 
	margin : 0px 3px 0px 0px;
	}

.firstLetter {
	display : block;
	width : 50px;
	height : 50px;
	float : left;
	text-align : center;
	line-height : 50px;
	font-size : 30px;
	margin : 0px 10px 0px 0px;
}

.width225 {
  width : 225px;
}

.width350 {
  width : 350px;
}

.width450 {
  width : 450px;
}

.width100 {
	width: 100px;
}

.width85 {
  width : 85px;
}

.centered {
	text-align: center;
}

/* Color Styles ----------------------------- */

.redCopy {
	color : #F8000A;
}

/* Generic Font Styles ----------------------------- */

h1 {
  font-size : 40px;
  font-weight : normal;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  color : #454777;
}

h2 {
  font-size : 20px;
  font-weight : 100;
  font-family : Verdana, Arial, Helvetica, sans-serif;
}

h3 {
  font-size : 15px;
  margin : 5px 0px 0px 0px;
  font-weight : 900;
  font-family : Verdana, Arial, Helvetica, sans-serif;
}

.noUnderline {
  text-decoration : none;
}

.tinyCopy {
  font-size : 10px;
  font-family : Verdana, Arial, Helvetica, sans-serif;
}

.smallCopy {
  font-size : 11px;
  font-family : Verdana, Arial, Helvetica, sans-serif; 
}

.searchCopy { 
	font-size: 9px;
	font-weight: strong;
}

/* added to align bullets on right sidebar */
.smallCopy ul {
  margin-left: 0;
  padding-left: 1em;
}

.bodyCopy {
  font-size : 12px;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  letter-spacing : .5px;
}

.bodyCopy li {
  font-size : 12px;
}

.bigCopy {
  font-size : 15px;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  letter-spacing : 1px;
}

.largeCopy {
  font-size : 15px;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  letter-spacing : .5px;  
}

.productTitle {
  font-size : 18pt;
  line-height : 18pt;  
  letter-spacing : -1.5px;
  font-family : Verdana, Arial, Helvetica, sans-serif;
}

.title {
  font-size : 23pt;
  line-height : 23pt;  
  letter-spacing : -1.5px;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  color : #616060;
}

.subtitle {
  font-size : 19pt;
  line-height : 19pt;  
  letter-spacing : -1.5px;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  color : #616060;
}

.inlineInfoBox {
  float:right; 
  width:40%;
  margin: 0px 0px 10px 10px;
}

a:link {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:active { 
  text-decoration: underline;
}

/* Specific Font Styles ----------------------------- */
sup {
	font-size : 50%;
	vertical-align: text-top;
	letter-spacing : 2;
}

.bodyCopy a {
font-weight : bold
}

/* for resource display. */
.resourceTitle {
  font-size : 16pt;
  letter-spacing : -1.5px;
  font-family : Verdana, Arial, Helvetica, sans-serif;
}

.newsHeadline {
  font-size : 20pt;
  font-weight : normal;
  line-height : 23pt;  
  letter-spacing : 1px;
  font-family : Helvetica, Arial, Verdana, sans-serif;
  color : #454777;
}

.resourceMain {
	margin : 15px 0px 25px 0px;
	padding : 20px 10px 10px 10px;
}

.resourceContent {
	margin : 25px 0px 25px 0px;
	padding : 20px 10px 10px 10px;
}
.resourceContainer {
	margin : 0px 0px 0px 10px;
	border-style : solid;
	border-width : 1px;
	padding : 20px 10px 10px 10px;
}

.sidebarHeader {
	display : block;
	padding : 10px 10px 0px 10px;
	font-weight : bold;
	text-decoration : none;
}

.sidebarFont {
  font-weight : bold;
  padding : 10px 10px 10px 10px;
  
}

.sidebarFont a, .sidebarFont a:visited  {
  text-decoration : none;
}

.sidebarFont a:hover {
  text-decoration : underline;
}

#banderole ul {
		margin: 0px 0px 0px 20px;
		padding: 0px 0px 10px 0px;
		list-style:none;
		font-weight : normal;
	}
	
.banderoleNavDiv a{
		display:block;
		margin:3px 0px 0px 0px;
		padding:0px 10px 5px 20px;
		text-decoration : none;
	}
	
.banderoleSubNavDiv a{
		display:block;
		margin:0px 0px 0px 0px;
		padding: 0px 10px 10px 20px;
		text-decoration : none;
	}	
	
.activeNavDiv {
	background-image: url(../images/interface/subnav_arrow.gif); 
	background-position: 5% 50%; 
	background-repeat: no-repeat;
}	

.activeNavDivTight {
	background-image: url(../images/interface/subnav_arrow.gif); 
	background-position: 5% 20%; 
	background-repeat: no-repeat;
}	

.banderoleNavDiv a:hover{
		color : red;
	}	
	
.navbar2 a, .navbar2 a:visited {
  text-decoration : none;
}

.navbar2 a:hover {
  text-decoration : underline;
}

.navbar1 a, .navbar1 a:visited {
  text-decoration : none;
}

.navbar1 a:hover {
  text-decoration : underline;
}

#content {
  top : 60px;
  left : 176px;
  width : 770px;
  position : absolute;
}

.RHBtitle {
 text-align : right;
 padding : 20px 10px 10px 0px;
}

.RHBcontent {
 padding : 0px 15px 10px 15px;
}

.RHBlink a {
 font-weight : bold;
 text-align : right;
 display : block;
 margin-bottom : 20px;
}

.siteTools {
 padding : 30px 19px 30px 19px;
 text-align : left;
 color : #828282;
}

.siteTools a {
 font-weight : bold;
 display : block;
 margin-bottom : 2px;
 text-decoration : none;
}

.siteTools a:hover {
 text-decoration : underline; 
}

.functionalityType a {
 font-weight : normal;
 text-decoration : none;
 color : black;
}

.functionalityType a:hover {
	font-weight : normal;
	text-decoration : underline; 
	color : black;
}

.adminTools {
 padding : 10px 19px 10px 19px;
 text-align : left;
}

.adminTools a {
 font-weight : bold;
 display : block;
 margin-bottom : 2px;
 text-decoration : none;
}

.adminTools a:hover {
 text-decoration : underline; 
}

.column3 a {
 font-weight : bold;
 display : block;
 margin-top : 7px;
 text-decoration : none;
}

.column3 a:hover {
 text-decoration : underline;
}

.downloadPDF {
float : right; 
padding : 0px 0px 20px 20px;
}

.imageInsetRight {
	float : right;
	margin:0px 0px 20px 20px;
	text-align : center;
}

.imageInsetLeft {
	float:left;
	margin:0px 20px 20px 0px;
}

.copyInsetRight {
	width : 200px;
	padding :0px 10px 0px 10px;
	float : right;
	margin:0px 0px 20px 20px;
}

.formLabel {
	text-align: right;
	display: block;
	float: left;
	margin: 10px;
	margin-top: 3px;
}
.contentLabel {
	text-align: left;
	display: block;
	float: left;
	margin : 5px 0px 5px 10px; 
}

.formField {
  	font-family : Verdana, Arial, Helvetica, sans-serif;
  	font-size: 11px;
}

.textArea {
  	font-family : Verdana, Arial, Helvetica, sans-serif;
  	font-size: 11px;
	width : 100%;
}

.reportLabel {
	text-align: right;
	display: block;
	float: left;
	margin: 3px 5px 10px 5px;
}

.labelSmall {
  	font-family : Verdana, Arial, Helvetica, sans-serif;
  	font-size: 9px;
	text-align: right;
	display: block;
	float: left;
	margin: 3px 5px 10px 5px;
}

.reportField {
  	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.inputContainer {
	margin : 25px 0px 25px 0px;
	border-style : solid;
	border-width : 1px;
	padding : 20px 10px 10px 10px;
}

.inputFieldContainer {
	margin : 0px 10px 10px 0px;
	float : left;
	text-align : right;
}

.inputContainer {
	margin : 25px 0px 25px 0px;
	border-style : solid;
	border-width : 1px;
	padding : 20px 10px 10px 10px;
}

.textAreaContainer {
	margin : 0px 0px 8px 0px;
	text-align : center;
	width : 390px;
}

.reportHeader {
	margin : 0px 0px 0px 0px;
	float : left;
	text-align : right;
}

.reportRow {
	margin : 0px 0px 0px 0px;
	float : left;
	text-align : right;
}

.button {
  padding : 3px 6px 3px 6px;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  cursor : pointer;
}

.flashMovie {
margin : 23px 0px 0px 0px;
}

.tipBox {
	position : absolute;
	border-width : 0px;
	width : 200px;
	visibility : hidden;
	z-index: 300;	
}

.popupInterior {
background: url(../images/interface/popup-middle.gif) repeat-y; 
width : 200px;
}

.popupContent {
padding : 0px 10px 10px 10px;
}

.popupTop {
background: url(../images/interface/popup-top.gif) repeat-y; 
background-color : #454777; 
width : 200px;
height : 20px;
}

.popupTitle {
margin : 3px 0px 0px 5px;
width :170px;
float : left;
}

.productLink {
font-weight : bold;
text-decoration:none;
border-bottom:1px dotted;
}

.twoColumnFieldset {
width : 200px;
float : left;
margin : 0px 10px 10px 0px;
}

.threeColumnFieldset {
width : 148px;
float : left;
margin : 0px 0px 10px 0px;
min-height : 250px;
}

.callToActionButton4 {
float : left;
margin : 0px 0px 0px 3px;
}

.callToActionButton3 {
float : left;
margin : 0px 0px 0px 68px;
}

.dottedLine {
background-image: url('../images/interface/bg-dots.gif');
background-repeat :  repeat-x;
}

/* pager styles */

.pager {
	text-align: center;
	color : #000000;
	font-family : Verdana, sans-serif;
	font-size: 7pt;
	font-style: normal;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	line-height: 1.35; 
	letter-spacing : 1;
	margin-bottom: 1em;
	margin-top: 1em;
}

.currentpage {
	color: white;
	background-color: #454777;
	padding: 2px;
	border: 1px #454777 solid;
}

.pagelink {
	padding: 2px;
}

a.pagelink {
	text-decoration: none;
	border: 1px white solid;
}

a.pagelink:hover {
	border: 1px #454777 solid;
}


.firstpage, .prevpage, .nextpage, .lastpage {
	border: 1px #454777 solid;
	padding: 2px;
}

a.firstpage, a.prevpage, a.nextpage, a.lastpage {
	text-decoration: none;
}

a.firstpage:hover, a.prevpage:hover, a.nextpage:hover, a.lastpage:hover {
	text-decoration: none;
	background-color: #454777;
	color: white;
}

/* Search results */
.searchresult {
	margin-bottom: 1em;
}

.phantomDiv {
	display : none;
}

.floatLeft {
	float : left;
}

.toolsIcon {
	margin : 0px 5px 0px 0px;
}

/* Photo gallery styles */

.portalPhotoMediumCell {
	margin : 20px 10px 0px 0px;
}

.portalPhotoSmallCell {
	width : 320px;
	margin : 20px 0px 0px 0px;
}

.portalPhotoThumbRepeat {
	margin : 0px 0px 10px 10px;
	height : 52px;
}

.portalGalleryBorder {
	border : solid 1px #454777;
}

.withThumbnail {
	width : 50px;
	margin : 0px 10px 0px 0px;
	float : left;
}