/*-----------
-- General --
-----------*/
body, td, th, h1, h2, h3,h4, li, ul, a { 	
	font-family: Arial, Helvetica, sans-serif; 
}

body, html {
	margin:0px;
	padding:0px;
	
	background-color:#BEDCF2;
	background-image: url(/usa/images/backgroundGradient.gif);
	background-position:top;
	background-repeat:repeat-x;
	
	color:#000000;
}

p {
	margin: 10px 0px 10px 0px;
	padding: 0px;	
}

table{
	border-collapse:collapse;
	margin-left:1px;	
}

.tableStyle th, .tableHeader th{
	padding: 3px 10px 3px 10px;
	margin: 0px;
	color:#2f3840; 
	background-color:#bedcf2;
	font-size:small;
	font-weight:bold;
	border-bottom:solid 1px #c5c5c5;
}

.tableStyle th a, .tableHeader th a{
	text-decoration:none;
	color:#2f3840;
}

.tableHeader{
	text-align:center;
	font-size:small;
}

.tableStyle{
	border: solid 1px #000000;
	text-align:center;
	font-size:small;
}

.tableStyle td, .tableHeader td{
	padding: 3px 10px 8px 10px;
	vertical-align:top;	
}
.tableStyle ul{
	text-align:left;	
}



img {
	margin:0px;
	padding:0px;
	border:0px;
}

form {
	margin:0px;
	padding:0px;
}

.clear{
	clear:both;
	height: 1px;
	overflow: hidden;
}

.clearLeft {
	clear:left;
	display:block;
	height:0px;
	visibility: hidden;
}

* html .clearLeft { /*IE hack to display 0 height differently */
	clear:left;
	display:block;
	font-size:0px;
	visibility:hidden;
}

.clearRight {
	clear:right;
	display:block;
	height:0px;
	visibility: hidden;
}

* html .clearRight { /*IE hack to display 0 height differently */
	clear:right;
	display:block;
	font-size:0px;
	visibility:hidden;
}

ul {
	margin-top:0px;
}

ul li { 
    list-style-image: url(/usa/images/bullet.gif);
    padding:2px 0px 2px 0px;
}

ul.pdf li {
	list-style-image: url(/images/icons/pdf.gif);
	padding:2px 0px 2px 0px;
}

li.pdf {
	list-style-image: url(/images/icons/pdf.gif);
	padding:2px 0px 2px 0px;
}

a{
	color: #00507f;
}

a:hover{
	text-decoration:none;	
}

a:visited{
	color:#000000;
}

code{
	font-size:x-small;
	font-family: Courier New;
}

.titleBar{
	width:auto; 
	background-color:#bedcf2;
	font-weight:bold; 
	color:#2f3840; 
	font-size:small; 
	padding: 3px 10px 3px 10px; 
	margin-top:10px; 
	margin-bottom:10px;
}

.titleBar a{
	color: #2f3840;
	text-decoration:none;	
}

.titleBar a:visited{
	color: #2f3840;
}

.noteRight{
	float:right;
	display:block;
	width:200px;
	height:auto;
	margin-left:10px;
	margin-bottom: 10px;	
}

.accent{
	color: #00507f;
	font-weight:bold;
}

/*--------
-- Form --
--------*/
.formItem{
	float:left;
	margin-right:10px;
	margin-bottom: 15px;
	white-space:nowrap;
	font-size:small;
	padding: 2px 5px 2px 5px;
}
.formItemTitle 
{
	float:left;
	width:170px;
	margin-right:10px;
	text-align:left;
	margin-bottom:10px;
    font-weight:bold;
}
.formTitle{
	font-size:small;
	font-weight:bold;
	padding-bottom:5px;
	display:block;	
}

.formBlock{
	border: solid 1px #CCCCCC; 
	padding: 5px;
	margin:0px;
	text-align:left;
}

/*Hack to fix IE box issue */
/* hide from MacIE \*/
* html .formBlock {
	height: 1%;
}


/*------------
-- Headings --
------------*/
h1{
	color: #336699;
	font-weight: bold;
	font-size: x-large;
	font-style:normal;
	margin: 0px;
	padding: 5px 0px 5px 0px;	
}

h2{
	color: #336699;
	font-weight:bold;
	font-size:large;
	margin:0px;
	padding: 5px 0px 5px 0px;	
}

h3{
	color: #336699;
	font-weight:bold;
	font-size:medium;
	margin:0px;
	padding: 5px 0px 5px 0px;	
}

h4{
	color: #000000;
	font-weight:bold;
	font-size:medium;
	margin:0px;
	padding: 5px 0px 5px 0px;	
}

h5{
	color:#000000;
	font-weight:bold;
	font-size:small;
	margin:0px;
	padding: 5px 0px 5px 0px;
}




/*----------
-- Frames --
----------*/
#frame800 {
	width:755px;
	margin-left:auto;
	margin-right:auto;
}

#frame1024 {
	width:972px;
	margin-left:auto;
	margin-right:auto;	
}



/* ---------
-- Header --
----------*/
#header .right{
	float:right;
	margin-top: 22px;
	font-size:small;
}

#header .right a{
	text-decoration: none;
	color: #FFFFFF;
}

#header .right a:hover{
	text-decoration: underline;
}

/** STYLED PANEL **/
.frame_header {
	color: #FFFFFF;
	background: #000000 url(header/tl.gif) no-repeat top left;
}

.frame_header .styledpanel-bg1 {background: url(header/tr.gif) no-repeat top right;  padding: 5px 10px 5px 10px;}



/*------------------
-- Menu Locations --
------------------*/

/* ItemStyle */
.menuItemLocations{
	width: 150px;
	color:#336699;
	background-color:#eaf4fb;
	display: block;
	zoom:1; /*IE Hack*/
	margin:0px;
	padding:0px;
	border-top: solid 1px #FFFFFF;
	border-bottom: solid 1px #E4EBF1;
	font-size:small;
}

.menuItemLocations a,#header .right .menuItemLocations a{
	color:#35586E;
	text-decoration:none;
	text-align:center;
}

.menuItemLocations a:hover{
	background-color:#bedcf2;
	text-decoration:none;	
}

/* Static Items */
.menuStaticItemLocations{
	border:0px;	
	text-align:right;
	margin-left:auto;
	display:inline;
}

/* General Style */
.menuLocations{
	border: solid 1px #000000;
	color: #35586E;
	background-color:#eaf4fb;
}

/*--------
-- Menu --
--------*/

#menu{
	text-align:right;
	color: #7e94a8;
	font-weight:bold;
	font-size: small;
	background-color:#bedcf2;
	padding: 3px 10px 3px 10px;
	border-bottom:solid 1px #c5c5c5;
}

#menu a{
	color:#2f3840;
	text-decoration:none;
	padding:0px 10px 0px 10px;
	zoom: 1; /*IE Hack*/
	white-space:nowrap;
}

#menu a:hover{
	text-decoration:underline;
}


/*---------------
-- Breadcrumbs --
---------------*/

#breadcrumb{
	font-size:small;
	color: #5e707f;
	margin: 10px 0px 10px 10px;	
}

#breadcrumb a{
	color:#5e707f;
}

#breadcrumb a:hover{
	text-decoration:none;
}



/*---------------
-- Login / Logout --
---------------*/
div.loginStatus
{
    float: right;
    font-size: small;
    color: #5e707f;
    margin: 6px 5px 0px 10px;
    padding: 3px 5px 0px 5px;
    height: 20px;
    border: solid 1px #000000;
}
div.loginStatus a
{
    color: #5e707f;
}
div.loginStatus a:hover
{
    text-decoration: none;
}

/* ----------
-- Content --
-----------*/

#content{
	display: block;
	width: 753px;
	border-left: solid #000000 1px;
	border-right: solid #000000 1px;
	background-color:#FFFFFF;
}



/* ---------
-- Bottom --
----------*/
#bottom {	
	text-align: center;
	font-size:small;
	font-weight:bold;
	border-top: solid #000000 1px;
}

#bottom img{
	padding: 5px 5px 5px 5px;
}

#bottom .approval{
	width: 595px;
	top:16px;
	height:1%;
	display:inline;
	position:relative;
}

/** STYLED PANEL **/
.frame_bottom {
	color: #000000;
	background: #FFFFFF url(bottom/br.gif) no-repeat bottom right;
}

.frame_bottom .styledpanel-bg1 {background: url(bottom/bl.gif) no-repeat bottom left}
.frame_bottom .styledpanel-bg2 {margin: 0px 10px 2px 10px; }



/* -------------
-- State List --
--------------*/

#stateList{
	padding: 5px 0px 5px 0px;
	text-align:center;
	font-size: small;
	color:#000000;
}

#stateList a{
	text-decoration: underline;
	white-space:nowrap;
	color:#000000;
}

#stateList a:hover{
	text-decoration:none;
}
	



/* -----------
-- Partners --
------------*/
.partnerImage {
	margin: 0px 10px 0px 10px;
	border: 0px;
}

.frame_partners {
	background: #FFFFFF url(bottom/br.gif) no-repeat bottom right;
}

.frame_partners .styledpanel-bg1 {background: url(bottom/bl.gif) no-repeat bottom left}
.frame_partners .styledpanel-bg2 {background: url(partners/tl.gif) no-repeat top left; }
.frame_partners .styledpanel-bg3 {background: url(partners/tr.gif) no-repeat top right; padding: 5px 10px 5px 10px; }




/*-------------------
-- Contact Section --
-------------------*/
#contactSection {
	padding: 5px 0px 5px  0px;
	text-align:center;
	font-size:small;
}

#contactSection a{
	text-decoration: underline;
	color:#000000;
}

#contactSection a:hover{
	text-decoration:none;
}



/*----------
-- Footer --
----------*/
#footer {
	padding: 5px 0px 5px  0px;
	text-align:center;
	font-size:small;
}

#footer a{
	text-decoration: underline;
	color:#000000;
}

#footer a:hover{
	text-decoration:none;
}	

/*----------------
-- FrameHeader1 --
----------------*/

/** STYLED PANEL **/
.frame_header1, .frame_header4 {
	color: #000000;
	font-size:small;
	position:relative;
	background: url(/css/frameHeader1/br.gif) no-repeat bottom right;
	margin-bottom:10px;
}

.frame_header1 h4, .frame_header4 h4 {
	color: #336699;
	font-size: small;
	text-align: center;
	background: url(/css/frameHeader1/tr.gif) no-repeat top right;
}

.frame_header1 h4 a , .frame_header4 h4 a {
	text-decoration: none;	
}

.frame_header1 p, .frame_header4 p{
	font-size:small;
	text-align:center;	
	margin-right: 10px;
	margin-left: 10px;
}

.frame_header1 th, .frame_header4 th{
	color: #336699;
	font-weight:bold;
	text-align:left;
}

.frame_header1 table, .frame_header4 table{
	margin:auto;	
}

.frame_header1 .styledpanel-bg1, .frame_header4 .styledpanel-bg1 {background: url(/css/frameHeader1/bl.gif) no-repeat bottom left;	padding-bottom:10px;}
.frame_header1 .styledpanel-bg2 {background: url(/css/frameHeader1/tl.gif) no-repeat top left;}




/*----------------
-- FrameHeader2 - In the course, will be eventually made into a "Tips" box
----------------*/
.frame_header2 {
	color: #000000;
	font-size:small;
	position:relative;
	background: url(/css/frameHeader1/br.gif) no-repeat bottom right;
	margin-bottom:10px;
}

.frame_header2 h4 {
	color: #336699;
	font-size: small;
	text-align: center;
	background: url(/css/frameHeader1/tr.gif) no-repeat top right;
}

.frame_header2 h4 a {
	text-decoration: none;	
}

.frame_header2 p{
	font-size:small;
	text-align:center;	
	margin-right: 10px;
	margin-left: 10px;
}

.frame_header2 th{
	color: #336699;
	font-weight:bold;
	text-align:left;
}

.frame_header2 table{
	margin:auto;	
}

.frame_header2 .styledpanel-bg1 {background: url(/css/frameHeader1/bl.gif) no-repeat bottom left;	padding-bottom:10px;}
.frame_header2 .styledpanel-bg2 {background: url(/css/frameHeader1/tl.gif) no-repeat top left;}

/*----------------
-- FrameHeader3 - NO rounded corners
----------------*/

/** STYLED PANEL **/
.frame_header3 {
	font-size:small;
	margin-bottom:0px;
	border:solid 1px #000000;
	color: #000000;
	background-color: #ffffff;
}

.frame_header3 h4 {
	background-color:#bedcf2;
	color:#2f3840; 
	padding: 3px 10px 3px 10px;
	margin: 0px;
	font-size:small;
	color:#2f3840; 
	text-align: center;
	border-bottom:solid 1px #c5c5c5;
}

.frame_header3 h4 a{
	text-decoration: none;	
}

.frame_header3 p{
	font-size:small;
	margin: 15px 5px 15px 5px;
	padding:0px;
	color: #000000;
	background-color: #ffffff;
	text-align:center;	
}

/*----------------
-- FrameHeader4 - Red header
----------------*/

.frame_header4 h4 {
	color: #ffffff;
	font-size: small;
	text-align: center;
	background: url(/css/frameHeader4/tr.gif) no-repeat top right;
}

.frame_header4 p
{
	margin-right: 15px;
	margin-left: 15px;
}

.frame_header4 th{
	color: #ffffff;
}

.frame_header4 .styledpanel-bg2 {background: url(/css/frameHeader4/tl.gif) no-repeat top left;}


/*----------------
-- BlockQuote   --
----------------*/
.blockquote {
	border: solid 1px #CCCCCC; 
	padding: 5px 10px 5px 10px;
}


/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	padding: 15px 20px 15px 20px;
	width:450px;
}



/********************************************
			STYLES FOR PRINTING                    
********************************************/

@media print{

	body, html 
	{
		margin: auto;
		padding: auto;
	}
	
	#frame800, frame1024 {
		width: auto;
	}
	
	.frame_header {
		color: #FFFFFF;
		background: #000000;
		padding: 5px 10px 5px 10px;
	}

	.styledpanel-bg1, .styledpanel-bg2
	{
		background: Transparent;  
	}


	#content{
		width: auto;
		border: none;
	}

	.frame_bottom 
	{
		visibility:hidden;
		color: #000000;
		background: #FFFFFF;
	}

	.frame_header1, .frame_header2, .frame_header3, .frame_header4 {
		background: Transparent;
	}

	.frame_header1 h4, .frame_header2 h4, .frame_header3 h4, .frame_header4 h4 {
		color: #000000;
		font-size: small;
		text-align: center;
		background: Transparent;
	}

	#bottom {	
	 border-top-style:none;
	}


	.frame_bottom {
		background: Transparent;
	}
}