/* ----------- tag redefinitions ----------- */

/*body {	
 margin: 0;
 margin-left: 2px;
 margin-bottom: 20px;
 padding: 0;
 border: 0;
 text-align:center;
 vertical-align:top;

}*/
body {	
 font-family: Arial, Helvetica, sans-serif;
 font-size: 80%;
 /*
 background-image: url(/images/shadow.gif);
 background-repeat: repeat-y;
 background-position: center;*/
}

h1{
 margin: 0;
 margin-top: 10px;
 margin-bottom: 20px;
 font-weight : bold;
 font-size: 140%;
 color: #0073B9;
 background: transparent;
 line-height: 140%;
 font-family: Arial, Helvetica, sans-serif;
}

	h1.homeBanner {
		margin: 0;
		padding: 0;
	}
	
h2{

 margin-top:30px;
 margin-bottom: 1px;
 border-bottom-color:#0073B9;
 border-bottom-width:1px;
 border-bottom-style:solid;
 font-weight : bold;
 font-size: 14px;
 color: #0073B9;
 background: transparent;
 font-family: Arial, Helvetica, sans-serif;
}

 .h2Link a:link,  .h2Link a:visited,  .h2Link a:active{
 font-weight : bold; 
 text-decoration:none;
 color: #0073B9;
}
.h2Link a:hover {
 color: #70AED7;
}

h2.noTopSpace {
 margin-top:0px;
} 

h3 {
 margin: 0;
 margin-bottom: 1px;
 font-weight : bold;
 font-size: 11px;
 font-style: italic;
 color: #0073B9;
 background: transparent;
 font-family: Arial, Helvetica, sans-serif;
}

h4 {
 margin: 0;
 font-weight : bold;
 font-size: 10px;
 font-style: normal;
 color: #0073B9;
 background: transparent;
 font-family: Arial, Helvetica, sans-serif;
}

 .whiteLink a:link,  .whiteLink a:visited,  .whiteLink a:hover,  .whiteLink a:active{
color: #FFFFFF;
}

 .LevelTwo a:link,  .LevelTwo a:visited,  .LevelTwo a:hover,  .LevelTwo a:active{
color: #0073B9;
}

 .LevelTwo_current a:link,  .LevelTwo_current a:visited,  .LevelTwo_current a:hover,  .LevelTwo_current a:active{
 text-decoration:underline;
 color: #0073B9;
}

h4.current .current a:link,  .current a:visited,  .current a:hover,  .current a:active{

 text-decoration:underline;
 color: #0073B9;
}

h5{
 margin: 0;
 font-weight : normal;
font-size: 10px;

 font-style: normal;
 color: #FFFFFF;
 background: transparent;
 font-family: Arial, Helvetica, sans-serif;
 display:block;
}

ul.noIndent li {
margin-left:-25px;
}

ul.noIndentProgramsAZ li {
margin-left:-40px;
list-style-type:none;
}

li.ProgramsAZ  {
margin-bottom:8px;
}

ul.noTopSpace {
margin-top:-13px;
}

p, td {
 margin: 0;
 margin-top: 0;
 margin-bottom: 14px;
 font-family: Arial, Helvetica, sans-serif;
 color: #000;
 line-height: 140%;
}

td.right {
text-align:right;
padding-right: 20px;
}

.table {
margin:0px;
padding:0px;
}

strong {
color:#333333;
}

.lightGray {
color:#999999;
}

.strongOne  {

 color: #0073B9;
}

.smallText {
font-size:70%;
}

blockquote {
margin-left: 10px;
}

.skipNav {
 display: none;
}

#container {
 text-align: left;
 width: 750px;
 margin: 0 auto;
 padding: 0;
}

#header {
 text-align: left;
 border: black solid;
 border-width: 0 0 0 0;
 padding: 0;
 margin: 0 0 1em 0;
 clear: right;
}

	#search {
	 float: right;
	 width: 400px;
	 text-align: right;
	 margin-top: 0em;
	 padding-top: 0em;
	}
	
	.howDoIFind {
 font-size: .85em;
 padding: .5em 0 1.5em 0;
}

	.breadcrumbs {	
	 font-family:arial,helvetica,sans-serif;
	 font-size: .85em;
	 padding: .5em 0 1.5em 0;
	}

div, object{
 margin: 0;
 padding: 0;
 border: 0;
 text-align:left;
 vertical-align:top;
}

td{
 text-align:left;
 vertical-align:top;
}

/*strong{
 margin: 0; 
 font-size: 12px;
 font-weight : bold; 
 color: #000000;
}*/


img {
 border:0;
 display:block; 
}


a:link,  a:visited,  a:hover,  a:active {
 font-weight : normal; 
 text-decoration : none;
 color: #457DA9;
 background: transparent;
}

a:hover{
 text-decoration : underline;
 }


form, select{
 margin:0;
 border:0;
 padding:0;
}

#subTopMenu  {

	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	list-style-type: none; 
	list-style-image: none;
	text-align:center;
	}
	
#subTopMenu li {
display: inline; 
	font-size: 90%; 

}
/*.subTopMenu  {
text-align:center;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
		list-style-type:none;
}*/



/* ----------- site structure  ----------- */
.smallText{
font-size:85%;}

.imgInline{
 border:0;
 display: inline;
}

img.center
{
display: block;
margin-left: auto;
margin-right: auto;
}

.imgInlinePad{
  border:4px solid #fff;
  border-top:0;
  border-left:0;
  display: inline;

}

#test {
background-img:  transparent url("../images/siteDesign/rightShadow.gif") , transparent url("../images/siteDesign/leftShadow.gif");
background-position:right, left;
background-repeat:repeat-y, repeat-y;
}




.leftShadow{
 width:6px;
 background: transparent url("../images/siteDesign/leftShadow.gif") top left repeat-y; 
}

.rightShadow{
 width:6px;
 background: transparent url("../images/siteDesign/rightShadow.gif") top left repeat-y; 
}

#copyFrame{
 width:600px;
  background: transparent url("../images/siteDesign/page_gradiant.jpg") top right repeat-y; 
}

#navContact {
 color: #fff;
 background-color: #0073b9;
 padding: 4px 12px;
 font-size: 10px;
 text-transform: uppercase;
 font-weight: bold;
}

#navAbout {
 color: #fff;
 background-color: #0073b9;
 padding: 4px 12px;
 font-size: 10px;
 text-transform: uppercase;
 font-weight: bold;
}

#navLogin {
 color: #fff;
 background-color: #0073b9;
 padding: 4px 15px;
 font-size: 10px;
 text-transform: uppercase;
 font-weight: bold;
}

#navHome {
 color: #fff;
 background-color: #0073b9;
 padding: 4px 15px;
 font-size: 10px;
 text-transform: uppercase;
 font-weight: bold;
}

#navOther {
 color: #fff;
 background-color: #0073b9;
 padding: 4px 15px;
 font-size: 10px;
 text-transform: uppercase;
 font-weight: bold;
}

.navHomeLeft {
 border-width: 0 0 1px 0;
 border-color: #fff;
 border-style: solid;
}

.navHome {
 border-width: 0 0 1px 3px;
 border-color: #fff;
 border-style: solid;
}

#navContact a, #navHome a, #navAbout a, #navHome a {
 color: #fff;
 background-color: #0073b9;
 font-weight: bold;
 text-decoration: none;
 font-weight: bold;
}

#copy{
 width:600px;
 padding:4px 60px 20px 48px;
 voice-family: "\"}\"";
 voice-family: inherit;
 width:492px;
}

/* ----------- left nav ----------- */

#topLevelMenu, #defaultTopLevelMenu{
 width:149px;
 background:#E0E9F6;
}

	#topLevelMenu h3, #defaultTopLevelMenu h3 {
	 background-color: #70aed7;
	 color: #fff;
	 margin: 0 0 3px 0;
	 padding: 3px 16px;
	 font-style: normal;
	 text-transform: uppercase;
	 font-size: 10px;
	}
	
		#topLevelMenu h3 a, #defaultTopLevelMenu h3 a {
		text-decoration:none;
		color:#FFFFFF;
		font-weight:bold;
	}

#white{
 padding:0;
 width:3px;
 background:#fff;
}

#subnav{
 width:150px;
 height:500px; /*remove after coding*/
 background:#E0E9F6;
 font-size:90%;
}

	#subnav h3 {
	 background-color: #70aed7;
	 color: #fff;
	 margin: 0 0 3px 0;
	 padding: 3px 16px;
	 font-style: normal;
	 text-transform: uppercase;
	 font-size: 10px;
	}

/*.blueBox{
 padding:4px 0 4px 16px;
 background:#70AED7;
 color:#fff;
 text-align:left;
 vertical-align:top;
}*/

.blueBox{
 padding:4px 0 4px 16px;
 background:#70AED7;
 color:#fff;
 text-align:left;
 vertical-align:top;
}

.quickLinksBlueBox{
 padding:4px 0 4px 5px;
 background:#70AED7;
 color:#fff;
 text-align:left;
 vertical-align:top;
}

.quickLinks{
font-size:9px;
width:140px;
}

/*.subLinksBox{
 color:#70AED7;
 width:150px;
 padding:0px 0px 18px 0px;
 voice-family: "\"}\"";
 voice-family: inherit;

 font-size:95%;
}*/

.subLinksBox{
 color:#70AED7;
 width:150px;
 padding:9px 0 5px 16px;
 voice-family: "\"}\"";
 voice-family: inherit;
 width:134px;
 font-size:95%;
}


.loginBox{
  line-height:16px;
  color:#000;
  width:150px;
  padding:9px 5px 18px 16px;
  voice-family: "\"}\"";
  voice-family: inherit;
  width:129px;
}

.loginBox p{
   line-height:14px;
}

ul.subLinks{
 margin: 0 0 7px 0;
 border: 0;
 padding: 0;
 width:134px;
 voice-family: "\"}\"";
 voice-family: inherit;
 width:119px;
}

ul.subLinks li {
 margin-left: 15px;
 text-decoration: none;  
}

ul ul.subLinks li {
 margin-left: 25px;
 text-decoration: none;  
}

ul.subLinks  li a{
 /* text-decoration: none;*/
}

/*ul.subLinks  li a:visited{
text-decoration: none;
}*/

ul.subLinks  li a:hover{
 text-decoration: underline;
}

/*ul.subLinks li.current a{
 text-decoration: underline;
 font-weight:bold;
}*/

#current {
 text-decoration: underline;
 font-weight:bold;
}





/* ----------- home page  ----------- */


#blueBar{
 padding:1px;
 width:750px;
 height:13px;
 color:#fff;
 text-align:right;
 background:#003366; 
 voice-family: "\"}\"";
 voice-family: inherit;
 width:748px;
 font-size:85%;
 font-weight:bold;
}

#searchBar{
 width: 750px;
 height: 1px;
 background: #29699C;
}

#crumbs{
 padding:6px 5px;
 color:#29699C;
 font-size:85%;
 /*width:358px;*/
 width: 425px;
 height:55px;
 voice-family: "\"}\"";
 voice-family: inherit;
/* width:348px;*/
}

#crumbs a{
 color:#29699C;
 font-size:100%;
 text-decoration : underline;
}

#joeHowe{
 padding:4px 0 0 17px;
 /*width:392px;*/
 width: 325px;
 height:55px;
voice-family: "\"}\"";
 voice-family: inherit;
 /*width:375px;*/ 
 font-size:85%;
}


#howeSearch{
 text-align:left;
 vertical-align:bottom;
}

#howeSearch img{
 display:inline;
 
}

#howeCheckBoxes{
 padding:10px 0 10px 0;
}

#main{
 width:598px;
 background:#E0E9F6;
}

	#peopleCentre {
	 background-color: #008988;
	 color: #fff;
	 font-size: 10px;
	 text-transform: uppercase;
	 padding: 4px 10px 3px 10px;
	 font-weight: bold;
	}

	#peopleCentre a {
	 background-color: #008988;
	 color: #fff;
	 vertical-align: middle;
	 text-decoration: none;
	 font-weight: bold;
	}

	#hrCentre {
	 background-color: #f99c16;
	 color: #fff;
	 font-size: 10px;
	 text-transform: uppercase;
	 padding: 4px 10px 3px 10px;
	 font-weight: bold;
	}

	#hrCentre a {
	 background-color: #f99c16;
	 color: #fff;
	 vertical-align: middle;
	 text-decoration: none;
	 font-weight: bold;
	}

	#newsCentre {
	 background-color: #bb1b5e;
	 color: #fff;
	 font-size: 10px;
	 text-transform: uppercase;
	 padding: 4px 10px 3px 10px;
	 font-weight: bold;
	}

	#newsCentre a {
	 background-color: #bb1b5e;
	 color: #fff;
	 vertical-align: middle;
	 text-decoration: none;
	 font-weight: bold;
	}

	.homeNav {
	 border-width: 3px 0 3px 3px;
	 border-color: #fff;
	 border-style: solid;
	 line-height: 14px;
	}

	.innerNav {
	 border-width: 0 0 3px 3px;
	 border-color: #fff;
	 border-style: solid;
	}

	.innerNavLeft {
	 border-width: 0 0 3px 0;
	 border-color: #fff;
	 border-style: solid;
	}



#billboard_one{
 padding:0;
 width:598px;
 height:350px;
 background-color: transparent;
 background-position: top left;
 background-repeat: no-repeat;
}

#billboardText{
 margin:0;
 font-size:12px;
 color:#466395;
 width:598px;
 padding:15px 35px 0 20px;
 voice-family: "\"}\"";
 voice-family: inherit;
 width:523px;
}

#billboardText p{
 margin:0;
 font-size:12px;
 color:#466395;
}


#want{
 width:598px;
 padding:15px 12px 0 228px;
 voice-family: "\"}\"";
 voice-family: inherit;
 width:358px;
}

.homeLoginBox{
  padding:9px 5px 18px 16px;
 text-align:left;
 vertical-align:top;
}

.homeLoginBox p{
   line-height:14px;
}


.homeSubLinksBox{
 color:#70AED7;
 width:149px;
 padding:9px 0 18px 16px;
 voice-family: "\"}\"";
 voice-family: inherit;
 width:133px;
}



ul.homeSubLinks{
 margin: 0 0 7px 0;
 border: 0;
 padding: 0;
 width:133px;
 voice-family: "\"}\"";
 voice-family: inherit;
 width:118px;
}


ul.homeSubLinks li {
 margin-left: 15px;
}
ul.homeSubLinks  li a{
 text-decoration : none;
}

ul.homeSubLinks  li a:hover{
 text-decoration : underline;
}


#iwantto {
		 list-style-type: none;
		 border-color: white; 
		 border-style: solid; 
		 border-width: 0 0 1px 0;
		 width: 250px;
		 margin: 0;
		 padding: 0;
		}
		
		#iwantto li a {
			display: block;
			background-color: #70AED7;
			font-size: 13px;
			color: white;
			font-family: Arial, sans-serif;
			border: solid white;
			border-width: 1px 1px 0 1px;
			text-decoration: none;
			padding: 3px 16px 4px 11px;
			background-image: url(images/bg_greaterthan.gif);
			background-position: 230px 6px;
			background-repeat: no-repeat;
		}
		
		#iwantto li a:hover {
			background-color: #4394cc;
		}


/* ----------- site footer  ----------- */

#footer{
 margin: 0 6px;
 padding: 12px 0;
 background: #fff;
 text-align:center;
 vertical-align:top;
}

#footer p{
 margin:0;
 color:#000;
 text-align:center;
 font-size: 11px;
}


#bottom{
  margin-bottom:5px;
}

#bottom a:link{
 color: #293A6E;
 text-decoration:none; 
 font-size:11px; 
 font-weight:bold;
}

#bottom a:visited{
 color: #293A6E;
 text-decoration:none; 
 font-size:11px; 
 font-weight:bold;
}

#bottom a:hover{
 color: #497FBF;
 text-decoration:underline; 
 font-size:11px; 
 font-weight:bold;
}


form { display: inline; margin: 0; padding: 0; }

 /*-----------------------start people centre*/

#peopleCentre_menu {
width: 105px;
/*background: #FFFFFF; */
float: right;
}

#peopleCentre_menu ul {
list-style: none;
margin: 0px;
padding: 2px 0px 1px 0px;
width:auto;
float: left;
display: block;
}

#peopleCentre_menu ul ul a {
font: bold 10px/16px arial, helvetica, sans-serif;
display: block;
border-width: 2px 3px 0px 3px;
border-style: solid;
/*border-color: #0000FF #00FF00 #555 #888; *//*top, right, bottom, left */
border-color:#FFFFFF;
margin: 0;
padding: 2px 4px;
/*color: #000;*/
background: #00A8A8;
text-decoration: none;
}



#peopleCentre_menu ul ul a:hover {
color: #FFFFFF;
background: #008988;
}

#peopleCentre_menu li {position: relative;
display:block;
}

#peopleCentre_menu ul ul {
position: absolute;

left: -15px;
z-index: 500;
padding: 5px 0px 0px 0px;
width: 133px;
display: block;
border-bottom: 3px solid #FFFFFF;
}

#peopleCentre_menu ul ul ul {
top: 0;
left: 100%;
}

div#peopleCentre_menu ul ul,
div#peopleCentre_menu ul li:hover ul ul,
div#peopleCentre_menu ul ul li:hover ul ul
{display: none;}

div#peopleCentre_menu ul li:hover ul,
div#peopleCentre_menu ul ul li:hover ul,
div#peopleCentre_menu ul ul ul li:hover ul
{display: block;}
 /*-----------------------end people centre*/

/*-----------------------start hr centre*/

#hrCentre_menu {
width: 90px;
/*background: #FFFFFF; change to white when set*/
float: right;
}

#hrCentre_menu ul {
list-style: none;
margin: 0px;
padding: 2px 0px 1px 0px;
width:auto;
float: left;
display: block;
}

#hrCentre_menu ul ul a {
font: bold 10px/16px arial, helvetica, sans-serif;
display: block;
border-width: 2px 3px 0px 3px;
border-style: solid;
/*border-color: #0000FF #00FF00 #555 #888; *//*top, right, bottom, left */
border-color:#FFFFFF;
margin: 0;
padding: 2px 4px;
/*color: #000;*/
background: #FBBD62;
text-decoration: none;
}



#hrCentre_menu ul ul a:hover {
color: #FFFFFF;
background: #f99c16;
}

#hrCentre_menu li {position: relative;
display:block;
}

#hrCentre_menu ul ul {
position: absolute;

left: -15px;
z-index: 500;
padding: 19px 0px 0px 0px;
width: 118px;
display: block;
border-bottom: 3px solid #FFFFFF;
}

#hrCentre_menu ul ul ul {
top: 0;
left: 100%;
}

div#hrCentre_menu ul ul,
div#hrCentre_menu ul li:hover ul ul,
div#hrCentre_menu ul ul li:hover ul ul
{display: none;}

div#hrCentre_menu ul li:hover ul,
div#hrCentre_menu ul ul li:hover ul,
div#hrCentre_menu ul ul ul li:hover ul
{display: block;}
 /*-----------------------end hr centre*/
 
 
 /*-----------------------start hr centre*/

#newsCentre_menu {
width: 100px;
/*background: #FFFFFF; change to white when set*/
float: right;
display: block;
}

#newsCentre_menu ul{
list-style: none;
margin: 0px;
padding: 2px 0px 1px 0px;
width:auto;
float: left;
display: block;
}

#newsCentre_menu ul ul a {
font: bold 10px/16px arial, helvetica, sans-serif;
display: block;
border-width: 2px 3px 0px 3px;
border-style: solid;
/*border-color: #0000FF #00FF00 #555 #888; *//*top, right, bottom, left */
border-color:#FFFFFF;
margin: 0;
padding: 2px 4px;
/*color: #000;*/
background: #E75493;
text-decoration: none;
}



#newsCentre_menu ul ul a:hover {
color: #FFFFFF;
background: #bb1b5e;

}

#newsCentre_menu li {position: relative;
display:block;
}

#newsCentre_menu ul ul {
position: absolute;

left: -13px;
z-index: 500;
padding: 19px 0px 0px 0px;
width: 126px;
display: block;
border-bottom: 3px solid #FFFFFF;
}

#newsCentre_menu ul ul ul {
top: 0;
left: 100%;
}

div#newsCentre_menu ul ul,
div#newsCentre_menu ul li:hover ul ul,
div#newsCentre_menu ul ul li:hover ul ul
{display: none;}

div#newsCentre_menu ul li:hover ul,
div#newsCentre_menu ul ul li:hover ul,
div#newsCentre_menu ul ul ul li:hover ul
{display: block;}

#topmenu h2 a {
border:0 0 0 0;
padding: 0 0 0 0;
}
 /*-----------------------end hr centre*/


#dhtmltooltip{
position: absolute;
width: 150px;
border: 1px solid #333333;
padding: 2px;
visibility: hidden;
z-index: 100;
}

.tooltip{
color: #457DA9;}

/*--------------------------miscellaneous*/

.alignBottom
{
vertical-align: text-bottom;
}

.alignTop
{
vertical-align: text-top;
}

.floatLeft
{
float:left;
}

.floatRight
{
float:right;
}

.clearBoth
{
clear:both;
}

.boldText
{
font-weight:bold;
}

.italicText
{
font-style:italic;
}

.underlineText
{
text-decoration:underline;
}

.normalLineHeight
{
line-height: 100%;
margin-top: 8px;
margin-bottom: 8px;
}

.blueLine
{
color:#0073B9;
height: 1px;
}

.greenLine
{
color:#009966;
height: 2px;
}

.style1 {color: #5C519F}
ul{
margin-top:0;
padding-top:0;
}
.style35 {font-size: 11px}
.style44 {
 font-size: 12px;
 font-style: italic;
}
.style47 {color: #5C519F; font-weight: bold; }
.style48 {color: #000000}
.links a:link { color:#000000;}
.links a:visited { color:#000000;}
.links a:hover { color:#666666;}
.links a:active { color:#000000;}

.afterHeader 
{
margin-top: 10px;
}

 /* Styling for the sitemap */
 
.sitemap-section a:link, .sitemap-section  a:visited, .sitemap-section  a:hover, .sitemap-section  a:active
{
color: #FFFFFF;
}

#topbar
{
background:#0073b9 url('../images/siteDesign/background_shadow.gif') repeat-y scroll center top; 
width:750px;
height:25px;
margin:0px auto;
padding:0px 6px;
}

#topbar div
{
height:14px;
padding:4px 3px;
}

#sitemap
{
height:100%;
background:transparent url('../images/siteDesign/background_shadow.gif') repeat-y scroll center top;
width:762px;
margin:0px auto;
font-family:Verdana, Arial, sans-serif;
font-size:11px;
color:#66a7ff;
}

#sitemap h1
{
color:black;
margin:0px 0px 5px 9px;
padding-top:5px;
font-size:24px;
font-weight:normal;
}

.columna-3
{
padding:4px;
width:240px;
float:left;
}

.columnHeadLeft
{
background-image:url('../images/siteDesign/button_left_end.gif');
height:25px;
width:10px;
float:left;
margin-left:3px;
}

.columnHeadRight
{
background-image:url('../images/siteDesign/button_right_end.gif');
height:25px;
width:10px;
float:left;
margin-right:3px;
}

.margin4
{
margin-left:4px;
}

#columnb
{
clear:both;
padding:6px;
}

.columnb-3
{
float:left;
width:240px;
}
 
.sitemap-section
{
background-color:#70aed7;
height:17px;
float:left;
font-size:14px;
text-align:center;
padding: 4px;
}

.columna-3 .sitemap-section
{
width:204px;
}

#columnb .sitemap-section
{
width:716px;
}

.sitemap-ul1
{
clear:both;
padding:10px 0px 0px 10px;
list-style-type:none;
line-height:150%;
}

.sitemap-ul2
{
padding:0px 0px 0px 5px;
margin: 0px auto auto 10px;
list-style-type:none;
}

#navHome1 {
 color: #fff;
 background-color: #0073b9;
 padding: 3px 15px;
 font-size: 10px;
 text-transform: uppercase;
 font-weight: bold;
}

.fontSize100
{
font-size: 100%;
}

