/* CSS Document */

/* 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(construction/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;
}

.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 ----------------------------- */


/* Generic Font Styles ----------------------------- */

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; 
}


/* 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 : 11px;
  list-style : disc;
}

.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;  
}

.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;
}

.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;
	}
	
.activeNavDiv {
	background-image: url(construction/images/interface/subnav_arrow.gif); 
	background-position: 5% 50%; 
	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;
}

.siteTools a {
 font-weight : bold;
 display : block;
 margin-bottom : 2px;
 text-decoration : none;
}

.siteTools 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;
}

.formField {
  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;
}

.button {
  padding : 3px 6px 3px 6px;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  cursor : pointer;
}

.flashMovieLetterbox {
margin : 0px 0px 0px 23px;
}


.uc-tables table tr.header {
  background-color:#4f82af;
}

.uc-tables table {
  width:720px;
}

.uc-tables table tr.header td{
  color:#ffffff;
  padding:5px;
  text-align:center;
}
/* CSS Document */

/* 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(construction/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 : 1px;
	left : 15px;
	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;
}

.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 ----------------------------- */


/* Generic Font Styles ----------------------------- */

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; 
}


/* 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 : 11px;
  list-style : disc;
}

.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;  
}

.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;
}

.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;
	}
	
.activeNavDiv {
	background-image: url(construction/images/interface/subnav_arrow.gif); 
	background-position: 5% 50%; 
	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;
}

.siteTools a {
 font-weight : bold;
 display : block;
 margin-bottom : 2px;
 text-decoration : none;
}

.siteTools 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;
}

.formField {
  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;
}

.button {
  padding : 3px 6px 3px 6px;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  cursor : pointer;
}

.flashMovieLetterbox {
margin : 0px 0px 0px 23px;
}


.uc-tables table tr.header {
  background-color:#4f82af;
}

.uc-tables table {
  width:720px;
}

.uc-tables table tr.header td{
  color:#ffffff;
  padding:5px;
  text-align:center;
}

div.TabbedPanelsContentGroup a,
#copyrttitle a,
a.link {
  text-decoration:none !important;
  font-weight:normal !important;
  color:#4A4E80 !important;
}
div.TabbedPanelsContentGroup a:hover,
#copyrttitle a:hover,
a.link:hover   {
  color:#EE8C22 !important;
  text-decoration:underline !important;
}

/*
.uc-tables table tr td{
  padding:5px;
}
*/
/*
.uc-tables table tr td{
  padding:5px;
}
*/

