/* CSS DOCUMENT */


body{
background-color:#FFFFFF;
margin-left: 3px;
margin-top: 3px;
margin-right: 3px;
margin-bottom: 3px;
}

.input {
 font-size: 14px;
 color: #333333;
 background-color: #CCCCCC;
 border: 1px solid #666666;
 line-height:19px;
 height:19px;
}


.textarea {
 font-size: 14px;
 color: #333333;
 background-color: #CCCCCC;
 border: 1px solid #666666;
}

.buttons {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 background-color: #333333;
 color: #FFFFFF;
 margin-right: 6px;
 line-height:19px;
 height:29px;
}

table.form {
	border: 1px solid #000000;
	background-color: #FFFFFF;
}

.header {
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-weight:bold;
font-size:22px;
margin-top:30px;}

body,td,th {
	font-family: arial, verdana,  Georgia, sans-serif;
	color: #666666;
	font-size: 15px;
	line-height: 20px;
}

.imgborder {color:#6699FF;
border-color:#6699FF;}
.brownborder {color: #b5a778;
border-color:#b5a778;}

.headerwhite {
font-size:18px;
color:#FFFFFF;
margin-top:5px;}

.whitetext{
color:#FFFFFF;}

.funred {
font-size:14px;
color:#990000;}

a:link {
	color: #660000;
	
}
a:visited {
	color: #660000;
}
a:hover {
	color: #CC0000;
	
}
a:active {
	color: #660000;
	
}


.faqtop{
font-size:14px;}

a.blackbox:link {
	color: #FFFFFF;
	font-size:13px;
}
a.blackbox:visited {
	color: #FFFFFF;
	font-size:13px;
}
a.blackbox:hover {
	color: #3399FF;
	font-size:13px;
}
a.blackbox:active {
	color: #FFFFFF;
	font-size:13px;
}



a.blackboxsm:link {
	color: #FFFFFF;
	font-size:12px;
}
a.blackboxsm:visited {
	color: #FFFFFF;
	font-size:12px;
}
a.blackboxsm:hover {
	color: #3399FF;
	font-size:12px;
}
a.blackboxsm:active {
	color: #FFFFFF;
	font-size:12px;
}


a.faq:link {
	color: #333333;
	
}
a.faq:visited {
	color: #333333;
}
a.faq:hover {
	color: #CC0000;
	
}
a.faq:active {
	color: #333333;
	
}

#copyrightbig {width:1024px;
}

#copyrightborder {width:800px;
margin-left:auto;
margin-right:auto;}

.formsize {
	height:23px;
		}
		
		
.required {
	color:#CC0000;
		}



.copyright {font-size:14px;
color:#333333;
line-height:15px;}
.copyrightsm {font-size:11px;
line-height:12px;}

.title
{
	color: #333333;
	FONT-FAMILY: arial, verdana,  Georgia, sans-serif;
    font-size: 20px;
}

.content
{
	color: #333333;
	FONT-FAMILY: arial, verdana,  Georgia, sans-serif;
    font-size: 14px
}

.caption
{
	color:#333333; 
	FONT-FAMILY: arial, verdana,  Georgia, sans-serif;
    font-size: 10px
}

.subHeading
{
	color: #333333;
	FONT-FAMILY: arial, verdana,  Georgia, sans-serif;
    line-height: 14px
}

table.copy {
	border: 1px solid #333333;
	background-color: #FFFFFF;
}

TD.solidBlue  { border: 1px solid #336699; }

a.textLinks
{
	font: 14px;
	color: #396BA5;
	text-decoration: underline;
	margin-right:15px;
	margin-bottom:15px;
}
a:hover.textLinks {
	font: 14px;
	color: #000000;
	text-decoration: underline;margin-right:15px;margin-bottom:15px;
}

/* START SECTION DIV STYLES */

div#tipDiv {
  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
  background-color:#fff; border:1px solid #000; 
  width:300px; padding:6px;
  color:#000; font-size:11px; line-height:1.3;
}

.popUpProblem {
  position:absolute;
  background-color:#fff; 
  border:1px solid #000; 
  width:400px; padding:6px;
  color:#000;
  text-align:center;
}

.popUpChildren {
  position:absolute;
  background-color:#fff; 
  border:1px solid #000; 
  width:610px; padding:6px;
  color:#000;
  text-align:center;
}



/* These are used in the wrapTipContent function */
div#tipDiv div.img { text-align:center }
div#tipDiv div.txt { text-align:center; margin-top:4px }

.mainBody {
width:755px;
padding-top:0px;
padding-left:0px;
padding-bottom:20px;

 
}
.mainBody #uploads input{width: auto; height:100%; }
.mainBodyindex {
width:670px;
padding-top:0px;
padding-left:0px;
padding-bottom:20px;

 
}

/* start clear styles - primarily used for lists that do not flow well around floated divs */
.clearLeft {
	clear: left;
}
.clearAll {
	clear: both;
}
.clearRight {
	clear: right;
}
/* end clear styles */

 .floatLeft {
    width: 315px;
    float: left;
    margin: 0; 
    padding: 5px 0;
}
 .floatLeftPic {
    width: 265px;
    float: left;
    margin: 0; 
    padding: 5px 0;
}

 .floatLeftPicSmall {
    width: 215px;
    float: left;
    margin: 0; 
    padding: 5px 0;
}

.floatLeftPicXSmall {
    width: 115px;
    float: left;
    margin: 0; 
    padding: 5px 0;
}

.floatLeftPicLarge {
    width: 315px;
    float: left;
    margin: 0; 
    padding: 5px 0;
}

.floatLeft table {
    margin: 15px 0 5px 0;
    width: 300px;
}               


.floatRight {
    width: 280px;
    float: right;
    margin: 0;
   	padding: 5px 0 5px 5px;
}

.floatRight160 {
    width: 170px;
    float: right;
    margin: 0;
   	padding: 5px 0 5px 5px;
}

.floatRightTable {
    width: 230px;
    float: right;
    margin: 5;
   	padding: 5px 0 5px 5px;
   	border: 1px solid #336699;
}

.borderTable {
    width: 330px;
   	padding: 5px 0 5px 5px;
   	border: 1px solid #336699;
}
    
/* END SECTION DIV STYLES */


.content ul li {
	background-image: url('../images/bullet_bl.gif');
}











select{
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #003366;
}
input {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 13PX;
	color: #003366;
}



/*  IMAGE BORDER STYLES*/

.borderit img{
border: 1px solid #ccc;
}

.borderit:hover img{
border: 1px solid #396BA5;
}

.borderit:hover{
color: red; /* irrelevant definition to overcome IE bug */
}

/*  END IMAGE BORDER STYLES*/




/*  GENERAL TEXT FONT STYLES*/



.breadcrumb
{
	color: #333333;
	FONT-FAMILY: constantia, verdana, arial, sans-serif;
    font-size: 10px;
}

.facts
{
	color: #000000;
	FONT-FAMILY: constantia, verdana, arial, sans-serif;
    font-size: x-small;
}
.footer
{
	color: #FFFFFF;
	FONT-FAMILY: arial, verdana,  Georgia, sans-serif;
    font-size: 10px
}



.newWhite
{
	color: #FFFFFF;
	FONT-FAMILY: constantia, verdana, arial, sans-serif;
    line-height: 12px
}

.outputTable
{
	color: #000000;
	FONT-FAMILY: constantia, verdana, arial, sans-serif;
    font-size: 11px
    
}

.outputTableLink
{
	color: #000000;
	FONT-FAMILY: constantia, verdana, arial, sans-serif;
    font-size: 11px
}

.outputTableHead
{
	color: #000000;
	FONT-FAMILY: constantia, verdana, arial, sans-serif;
    font-size: 12px
}

.blackCaption
{
	color: #000000;
	FONT-FAMILY: constantia, verdana, arial, sans-serif;
    font-size: 10px
    
}
.whitecontent
{
	color: #FFFFFF;
	FONT-FAMILY: constantia, verdana, arial, sans-serif;
    font-size: 11px
}

.redcontent
{
	color: #FF3333;
	FONT-FAMILY: constantia, verdana, arial, sans-serif;
    font-size: 12px
}

.largewhitecontent
{
	color: #FFFFFF;
	FONT-FAMILY: constantia, verdana, arial, sans-serif;
    font-size: 16px
}

.bluetitle
{
	color: #003366;
	FONT-FAMILY: constantia, verdana, arial, sans-serif;
    font-size: medium;
}

.bluecontent
{
	color: #003366;
	FONT-FAMILY: constantia, verdana, arial, sans-serif;
    font-size: 12px
}


.copyHead
{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #000000;
}
.copy
{
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
}

/* END GENERAL TEXT FONT STYLES*/








/* TABLE STYLES 396BA5*/


table.main {
	border: 1px solid White;
}

table.whatsnew {
	border: 1px solid #000033;
}

table.copy {
	border: 1px solid #396BA5;
	background-color: #FFFFFF;
}

table.mainBlack {
	background-color: #E6F2FF;
	text-align: left; /* alignment in IE7 */
}

td.mainHead{
	background-color: #396BA5;
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

td.head{
	background-color: #396BA5;
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

td.resultsHead{
	background-color: #CCCCCC;
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #OOOOOO;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}


td.copy{
	background-color: #E6F2FF;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
}
td.mainCopy
{
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}
td.image
{
	background-color: #E6F2FF;
	color: #000000;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
td.mainImage
{
	background-color: #E6F2FF;
	color: #000000;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
td.imageNoPad
{
	background-color: #E6F2FF;
	color: #000000;
}

td.left_border
{
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:black;
	color: #000000;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
}
/* END TABLE STYLES */




/* HRs */

 hr.pub 
 {
 	border: none 0; 
 	border-top: 2px dashed #666666;/*the border*/
 	width: 100%;
 	height: 2px;/*whatever the total width of the border-top and border-bottom equal*/
 }
 
 hr.pub_list
 {
 	border: none 0; 
 	border-top: 1px dashed #000;/*the border*/
 	width: 100%;
 	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
 }
 
 /*  */




/* HREF LINKS STYLES */

a.footerLinks {
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: White;
	text-decoration: underline;
}

a:hover.footerLinks {
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-decoration: underline;
}

a.grayLinks {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}

a:hover.grayLinks {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
}

a.textLinks
{
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #396BA5;
	text-decoration: underline;
}
a:hover.textLinks {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
}

a.boldLinks
{
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-style: bold;
	text-decoration: underline;
}
a:hover.boldLinks {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #396BA5;
	text-decoration: underline;
}

a.orangeLinks
{
	font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #ff6600;
	font-style: bold;
	text-decoration: underline;
}
a:hover.orangeLinks {
	font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #cc6600;
	text-decoration: underline;
}


a.breadcrumbLinks
{
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #003366;
	text-decoration: underline;
}

a:hover.breadcrumbLinks {
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
}

a.captionLinks
{
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #396BA5;
	text-decoration: underline;
}

a:hover.captionLinks {
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
}



.navLinks
{
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
}
/* END HREF LINKS STYLES */



/* START IMAGE STYLES */
      
.imageList img{
border: 1px solid #ccc;
}

.imageList:hover img{
border: 1px solid navy;
}

.imageList:hover{
color: red; /* irrelevant definition to overcome IE bug */
}

/* END IMAGE STYLES */