/***********************************************/
/* 2col_rightNav.css                             */
/* Use with template 2col_rightNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	height: 100%;
	font-size: .9em;
}

#stripeCoverUp {
	background-image: url(common/test.gif);
	background-repeat: repeat-y;
	background-position: right top;
	width: 100%;
	}
	
#HomeStripeCoverUp { /*FOR 9 2008 REVISION  doesn't seem to be used */
	background-image: url(common/Home_stripeCoverUp2.gif);
	background-repeat: repeat-y;
	background-position: right top;
	width: 100%;
	}

/***********************************************/
/* Layout Divs                                 */
/**********************************************
#topCorner {
	width: 787px;
	margin-left: auto;
	margin-right: auto;
	}
*/
#container {
	width: 787px;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	z-index: 2;
	background-image: url(common/background_swoosh.jpg);
	background-repeat: no-repeat;
	background-position: left top;	/*border: 1px solid #86799d;	*/
	}


#bgcolorHome {
	width: 745px;	
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color: #003333;
	background-image: url(images/Home_border1x1.gif);
	background-repeat: repeat-x;
	background-position: left top;	
	z-index: 2; }
	
#bgcolorHome2 {
	width: 745px;	
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	/*background-color: #003333;
	background-image: url(images/Home2_mainBody_bkgd.gif);
	background-repeat: repeat-x;
	background-position: left top;	
	z-index: 2;*/ }
	
#leftborder {
	background-image: url(images/Home_border1x1.gif);
	background-repeat: repeat-y;
	background-position: left top;	
}
#rightborder {
	background-image: url(images/Home_border1x1.gif);
	background-repeat: repeat-y;
	background-position: right top;	
}
#bottomborder {
	background-image: url(images/Home_border1x1.gif);
	background-repeat: repeat-x;
	background-position: left bottom;	
}

#containerHome {
	width: 745px;
	margin: 0px;
	padding: 0px;
	background-image: url(common/background_swoosh_home2.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	
	}

#containerHome2 {
	width: 745px;
	margin: 0px;
	padding: 0px;
	/*background-image: url(images/Home2_mainBody_bkgd.gif);
	background-repeat: repeat-y;
	background-position: left top;	*/
	background-image: url(common/home4_swoosh.png);
	background-repeat: no-repeat;
	background-position: left top;	
	}	
#swoosh {
	width: 745px;
	margin: 0px;
	padding: 0px;
	/*background-image: url(common/home2_swoosh.png);
	background-image: url(common/home3_swoosh.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	z-index: 8;*/
	}	
	
		
#logo {
	width: 787px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	
	}
#logo img { text-align: left; float:left; }

#logo .logoHome {margin-left: 21px;}
	
#graybar {
	width: 100%;
	height: 62px;
	top: 0px;
	left: 0px;
	z-index: 1;
		}
		
#graybarHome {
	background-color: #d9dfe3;
	width: 100%;
	height: 50px;
	top: 0px;
	left: 0px;
	z-index: 1;
		}

/*img#interiorLogo {
	float: left;}

img#haveQuestion {
	margin-top: 25px;
	float: right;
	}

#masthead{
	background-color: #003366;
	width: 100%;
}*/

#nav{  /* THIS DIV HOSTS THE TOP LEFT BKGD IMAGE DEFINED PER PAGE IN HEAD.PHP */
    float:left;
	padding-bottom: 10px;
	padding-top: 30px;
	/*padding-left: 15px;
	padding-right: 15px;	*/
	width: 200px;
	background-position: left top;
	background-repeat: no-repeat
}
#navHome {  /* THIS DIV HOSTS THE TOP LEFT BKGD IMAGE DEFINED PER PAGE IN HEAD.PHP */
    float:left;
	padding-bottom: 10px;
	padding-top: 30px;
	/*padding-left: 15px;
	padding-right: 15px;	*/
	width: 220px;
	background-image: url(images/Home_top_left.gif);
	background-position: left top;
	background-repeat: no-repeat
}

#navHome2 {  /* THIS DIV HOSTS THE TOP LEFT BKGD IMAGE DEFINED PER PAGE IN HEAD.PHP */
    float:left;
	padding-bottom: 10px;
	padding-top: 30px;
	/*padding-left: 15px;
	padding-right: 15px;	*/
	width: 220px;
	background-image: url(images/Home2_top_left.gif);
	background-position: left top;
	background-repeat: no-repeat
}


#maincontent{ /* THIS DIV HOSTS THE TOP RIGHT BKGD IMAGE DEFINED PER PAGE IN HEAD.PHP */
	
	padding-left: 250px;
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 20px;
	padding-bottom: 25px;
	padding-right: 20px;
}

#maincontentHomePage{ /* THIS DIV HOSTS THE TOP RIGHT BKGD IMAGE DEFINED PER PAGE IN HEAD.PHP */
	
	padding-left: 160px;
	background-image: url(images/Home_top_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 20px;
	padding-bottom: 25px;
	padding-right: 20px;
	
}

#maincontentHomePage2{ /* THIS DIV HOSTS THE TOP RIGHT BKGD IMAGE DEFINED PER PAGE IN HEAD.PHP */
	
	padding-left: 180px;
	background-image: url(images/Home2_top_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-right: 0px;

}

.maincontentHome{ /* THIS DIV HOSTS THE TOP RIGHT BKGD IMAGE DEFINED PER PAGE IN HEAD.PHP */
	margin: 0px;
	color: #FFFFFF;
	/*border-top: 1px solid #DD893A;
	border-right: 1px none #DD893A;
	border-bottom: 1px none #DD893A;
	border-left: 1px solid #DD893A;*/
}


#nav.sidenav {
	display: inline;
	}
#nav.bull {
	display: inline;
	}	

/*removed , li.mainnav from style below */
/* the list-style-type is preventing safari from interpreting the bottom margin.  Things to try: don't make it an ol, make it a dl instead?  or put a margin on the images.  or mess around with the line height.  */


li.mainnav  {padding-bottom: 5px;} 


ul.mainnav { 
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;

	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}
.mainnavInterior  { margin-bottom: 5px; } 
/*.mainnav img { margin-bottom: 5px; }   ALIGNS SPACING ON HOMEPAGE WITH HORIZONTAL STRIPE try this to correct view in safari .mainnav img { margin-bottom: 8px; }
.mainnav img { margin-bottom: 5px;#}  note that this will cancel all future styles, so perhaps it's better to put it in sidenav.php, after all other style declarations
*/

/*#contentHomeTop{
	float:left;
	text-align:left;
	margin-left: 13px;
	margin-right: 13px;
	margin-bottom: 20px;
	margin-top: 0px;
	background-image: url(images/homeLinks.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#contentHome{
	float:left;
	text-align:left;
	margin-left: 13px;
	margin-right: 13px;
	margin-bottom: 20px
}
*/
#contactUsContainer {
	width: 400px;
	}
/************* #footer styles ***************/

#siteInfo{
	clear: both;
	font-size: 75%;
	color: #ffffff;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
	width: 75%;
	font-weight: normal;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	text-align:center;
}

#siteInfo a {
	color: #ffffff;
	text-decoration: none;
	}
	
#siteInfo a:hover {
	text-decoration: underline;
	}

/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
   the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}

/*************** homepage styles ****************

img#tagline {
	vertical-align: top;
}
img#paylinks {
	margin-left: 194px;
}


#homecontent {
	margin-left: 280px;
	width: 430px;
	}
	*/

/* EMAIL BLOCK ON HOMEPAGE 
#emailHomeWrapper { 
	z-index: 2;
	position: relative;
	width: 218px;
	height: auto;
	margin-top: -45px;
	margin-bottom: 0px;
	padding: 0px;
	float: left;
	}
#emailHome { 
	border-right: 1px solid #f48313;
	border-bottom: 1px solid #f48313;
	border-left: 1px solid #f48313;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 400;
	color: #51619e;
	padding-top: 5px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 15px;
	text-align: left;
	}

*/
/*************** transactional services table ****************

.tableHeading {
	text-align: center; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#ffffff; 
	text-decoration: none;
	padding-bottom: 3px;
	padding-top: 3px;
	background-color: #003366;
	}
	
#tableHaadingCellRight { background-color: #003366; background-image:url(images/transactionServices_toprightCorner.gif); background-repeat:no-repeat; background-position:top right;}

#tableHaadingCellLeft { background-color: #003366; background-image:url(images/transactionServices_topleftCorner.gif); background-repeat:no-repeat; background-position:top left;}

.datacell {	background-color: #90bafe; padding: 10px;}

#datacellRight {
	background-image:url(images/transactionServices_rightCorner.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}

#datacellLeft {
	background-image:url(images/transactionServices_leftCorner.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
*/


/*************** clear floats *****************/


#clearer {   /* THIS DIV HOSTS THE BOTTOM LEFT BKGD IMAGE DEFINED PER PAGE IN HEAD.PHP */
    clear: both;
	height: 26px;
	background-position: left bottom;
	background-repeat: no-repeat;
}

#rb {  /* THIS DIV HOSTS THE BOTTOM RIGHT BKGD IMAGE DEFINED PER PAGE IN HEAD.PHP */
	clear: both;
	height: 26px;
	background-position: right bottom;
	background-repeat: no-repeat;
	}

#bottomAccent {
	background-image: url(images/Home_bottomAccent.gif);
	background-repeat: no-repeat;
	background-position: center bottom;	
	}
			
.floatright {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
	}
	
/*************** subnav *****************/
	
ul.subnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;

	}
	
a.subnav { font-size: 1em; }

ul.subnavChildren {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-top: 2px;
	}

li.subnavInactive {
	list-style-image: url(common/subnav_bullet_inactive.gif);
	margin-bottom: .5em;

	}
li.subnavActive {
	list-style-image: url(common/subnav_bullet_active.gif);
    margin-bottom: .5em;
	}
li.subnavActive a {
	color: #000000;
	}
.subnavInactive a:link, .subnavInactive a:visited, .subnavInactive a:active {
	
	text-decoration: none;
	color: #675E58;
	}

.subnav a:hover {
	color: #000000;
	text-decoration: underline;
}
/* form */

#formClearer {   
    clear: both;

}

/*#homeBkgd {
    	background-image: url(common/Home_stripe_bkgd.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 149px;
	width: 50%;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 75px;	
}
*/

/*#downloadButton {
	margin-bottom: 12px;
}*/

.homeRightbar {
	padding-left: 15px;
	}
	
.deptPageList { margin-top: 1em; }
.centercontent { padding-top: 1em; }

table.article {
	margin-top: 15px;
	border: 2px #7D7294 solid;

	}
table.article td {
	padding: 5px;
	background-color:#F2EFF5;
	
	
	}
table.article caption {
	text-align: left;
	}
.separator {border-top: 2px #7D7294 dashed;}

/* couldn't get first line to outdent 7 15 07
p.reference {padding-left: 15px;} 
p.reference:first-line {margin-left: -15px; color: #ff0000;} 
*/
#new {
    position: relative;
	bottom:122px;
	right:43px;
	
	}
#ABSnew {
    position: absolute;
	top:122px;
	left:15%;
	
	}
.blockCenter {
	display: block;
}
table#homeContent { /* MAIN CONTENT TABLE ON HOMEPAGE */
	padding: 0px;
	margin: 0px;
	/*background-color:#99FF99;*/
	position: relative;
	left: -17px;
}

table#homeContent img { /* MAIN CONTENT TABLE ON HOMEPAGE */
	margin: 0 auto 10px auto;
	display: block;
}
table#homeContent td { /* MAIN CONTENT TABLE ON HOMEPAGE */
	vertical-align: top;
	text-align: center;
	
}

td.leftCol {
	width: 252px;
	padding: 0px;
	margin: 0px;
	color: #ffffff;
	font-weight: normal;
	font-size: 1.1em;
	/*background-color:#CC6666;*/
}
td.leftCol h4 {
	color: #ffffff;
	font-weight: bold;
	font-size: 1.1em;
	margin: 20px 0 .8em 0;
	padding: 0px;
	}
td.leftCol a, td.leftCol a.visited, td.leftCol a.active {
	color: #DD893A;
	font-weight: normal;
	font-size: .9em;
	}
td.leftCol a: hover {
	color: #DD893A;
	font-weight: normal;
	text-decoration: none;
	}
td.rightCol {
	width: 250px;
	padding: 0 0 0 23px;
	margin: 0px;
	color: #0B325A;
	font-weight: bold;
}
p.quoteAuthor {
	font-size: .8em;

}

p.toOrder {
	color: black;
	font-size: .8em;
	font-weight: bold;
	}
p.toOrder a {text-decoration: underline; color: black;}
p.toOrder a:hover, p.toOrder a:focus, p.toOrder a:active {text-decoration: none; color: #000000;}



div#leftCol {
	float: left;
	width: 262px;
	padding: 0 10px 0 0;
	margin: 0px;
	color: #ffffff;
	font-weight: normal;
	font-size: 1.1em;
}
div#leftCol h4 {
	color: #ffffff;
	font-weight: bold;
	font-size: 1.1em;
	}
div#leftCol a, div#leftCol a.visited, div#leftCol a.active {
	color: #DD893A;
	font-weight: normal;
	font-size: .9em;
	}
div#leftCol a: hover {
	color: #DD893A;
	font-weight: normal;
	text-decoration: none;
	}
div#rightCol {
	float: right;
	width: 280px;
	padding: 0 0 0 10px;
	margin: 0px;
	color: #0B325A;
	font-weight: bold;
}