/* GLOBAL STYLES */

/* selectors */
body 						{background-color:#FFFFFF; color:#333333; margin:0px; padding:0px; font:normal 11px/15px Tahoma, Helvetica, Arial, Verdana, sans-serif;}
img							{border: 0px;}
fieldset					{border: 0px; margin: 0px; padding: 0px;}
form 						{margin: 0px;}
p 							{margin: 2px 0px 2px 0px;}
h1							{color: #003399; margin-top: 4px; margin-left: 5px; font: 22px/normal Arial, Helvetica, sans-serif;}
td							{font:normal 11px/15px Tahoma, Helvetica, Arial, Verdana, sans-serif;}

/* classes */
.blueBoldSubH				{position: relative; padding-top: 10px; padding-left: 12px; color: #003399; font-weight: bold; font-size: 12px}

a.blueUnder					{color: #003399; text-decoration: underline;}

a.download					{color: #003399; font-weight: bold; text-decoration: underline;}
a.download:hover			{color: #000066; font-weight: bold; text-decoration: underline;}

a.menu						{color: #003399; text-decoration: none;}
a.menu:hover				{color: #000066; text-decoration: none;}

.blueText					{color:#000066;}
.bodyBold					{font-weight: bold;}

.spacer 					{position: relative; background-image: url('http://www.vpacheco.com/images/spacer.gif'); width: 4px; height: 1px}
.spacer20 					{position: relative; background-image: url('http://www.vpacheco.com/images/spacer.gif'); width: 20px; height: 1px}
.divider 					{position: relative; background-image: url('http://www.vpacheco.com/images/dotted_line.gif'); background-repeat: repeat-x; width: 162px; height: 1px; overflow: hidden; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:10px}
.divider200					{position: relative; background-image: url('http://www.vpacheco.com/images/dotted_line.gif'); background-repeat: repeat-x; width: 200px; margin:5px 0px; height: 1px; overflow: hidden}
.divider295					{position: relative; background-image: url('http://www.vpacheco.com/images/dotted_line.gif'); background-repeat: repeat-x; width: 295px; margin:5px 0px; height: 1px; overflow: hidden}
.divider380					{position: relative; background-image: url('http://www.vpacheco.com/images/dotted_line.gif'); background-repeat: repeat-x; width: 380px; margin:5px 0px; height: 1px; overflow: hidden}
.dividerNew					{position:relative; background-image:url('http://www.vpacheco.com/images/dotted_line.gif'); background-repeat:repeat-x; width:inherit; height:1px;	overflow:hidden; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:10px}

/* TOP FRAME */
#topframe 					{position: absolute; left: 0px; top: 0px; width: 100%; margin: 0px; padding: 0px; text-align: center; z-index: 100;}
#topcontent 				{position: relative; text-align: left; width: 754px; margin: 10px auto 0px auto; z-index: 1;}

#topleftcontent 			{float:left; width: 0px; height: 0px; padding: 0px; margin: 0px; background-color: #0F218B;}
.logoLeft					{position: relative; width: 1px; height:1px; top: 1px; padding-bottom: 1px; padding-left: 1px; background: #0F218B;}

#topcentercontent 			{float:left; width: 446px; padding: 0px; margin-left: 6px;}

#toprightcontent 			{float:left; width: 184px; height: 120px; margin-left: 6px; padding-bottom: 2px; background: #003399;}
.headingTopRightDrop		{position: relative; width: 69px; height:22px; top: 45px; padding-left: 10px;}	

.searchDropdown				{font-size: 11px; font-family: Tahoma, Helvetica, Arial, Verdana, sans-serif; width: 135px; height: 20px; color:#003399; background-color: #ffffff;}	
	
#logo 						{margin-bottom:9px;}		
		
#topnavpagename 			{margin-bottom:10px;}
			

#siteSearch					{position: relative; width: 164px; top: 12px; left: 11px; padding-bottom: 10px; margin-bottom: 6px}
.tableSearch				{width: 160px; height: 45px; font-size: 11px; color: #003399;}
.searchBox					{width: 130px; height: 16px; font-family: Tahoma, Helvetica, Arial, Verdana, sans-serif; font-size: 11px; color: #003399; border-bottom: #003399 1px solid; border-top: #003399 1px solid; border-left: #003399 1px solid; border-right: #003399 1px solid; background-color: #ffffff;}

			
/* CONTENT FRAME */
#contentframe 				{position: absolute; left: 0px; top: 140px; width: 100%; margin: 0px; text-align: center;}
#content 					{position: relative; text-align: left; width: 754px; margin-left: auto; margin-right: auto;}
#utilitybar 				{position: relative; clear:both; text-align: left; width: 754px; color: #999999; text-align: center; margin:20px 0px 20px 0px; padding: 20px 0px 20px 0px;}

#bottomContent				{position: relative; float: right; width: 740px; top: 70px; left: -220px; color: #333333;}
#bottomContent2				{position: relative; float: left; width: 530px; top: 20px; left: 0px; padding-left: 0px;}
#utilityLinks				{position: relative; float: left; width: 600px;}
a.utility					{color: #999999; text-decoration: none;}
a.utility:hover				{}

#menu 						{position: relative; width: 744px; height: 25px; margin: 0px; left: 9px; padding: 0px; z-index:5; overflow: hidden;}
.menuStay					{font-weight: bold}

.longDottedline				{position: relative; width: 744px; height: 15px;}
.footerDottedline			{position: relative; width: 530px; height: 5px; padding-bottom: 5px; padding-top: 5px;}

#contentcenterTop1			{position: relative; float:left; width: 354px; height: 100px; left: 0px; margin-bottom: 6px; background: #F5F9FD;}
#contentcenterTop2			{position: relative; float:left; width: 354px; height: 94px; top: -6px; left: 0px; padding-top: 0px;}
#contentcenterMiddle		{position: relative; float:left; width: 334px; height: 100px; left: 0px; margin-bottom: 6px; background: #ffffff;}
.contentcenterMiddleLeft	{position: relative; float:left; width: 230px; height: 80px; left: 6px; margin-bottom: 10px;}
.contentcenterMiddleRight	{position: relative; float:right; width: 70px; height: 80px; left: 6px; margin-bottom: 10px;}

.date						{color: #666666;}
.bodyHeader					{position: relative; left: 12px; width: 170px;}
.mainBodyText				{position: relative; left: 0px; width: 440px; margin-top: 8px; margin-bottom: 25px; color: #333333;}
.headers1					{position: relative; left: 12px; width: 300px; margin-top: 10px;}
.headers2					{position: relative; left: 12px; width: 170px; margin: 6px 0px 10px 0px;}
.headerSearch				{position: relative; left: 12px; width: 170px; padding: 5px 0px 5px 0px;}
.headers3					{position: relative; left: 12px; width: 170px; margin-top: 0px;}
.headers4					{position: relative; left: 6px; width: 170px; margin-top: 0px; padding-top: 10px;}
.bodyText1					{position: relative; left: 12px; width: 325px; margin-top: 8px; color: #333333;}
.bodyText2					{position: relative; left: 12px; width: 165px; margin-top: 8px; color: #333333;}
.bodyText2B					{position: relative; left: 12px; width: 165px; margin-bottom: 8px; margin-top: 8px; color: #333333; font-weight: bold}
.bodyText3					{position: relative; left: 12px; width: 245px; margin-top: 8px; color: #333333;}
.bodyText4					{position: relative; left: 7px; width: 160px; margin-top: 8px; color: #333333; font:normal 11px/15px Tahoma, Helvetica, Arial, Verdana, sans-serif;}
.bodyText5					{position: relative; left: 8px; width: 375px; margin-top: 8px; color: #333333; font:normal 11px/15px Tahoma, Helvetica, Arial, Verdana, sans-serif;}
.bodyText6					{position: relative; left: 12px; width: 195px; margin-top: 8px; color: #333333;}
.bodyText7					{position: relative; left: 12px; width: 275px; margin-top: 8px; color: #333333;}
.more						{position: relative; left: 12px; width: 150px; margin-top: 5px; margin-bottom: 5px; font:normal 11px/15px Tahoma, Helvetica, Arial, Verdana, sans-serif;}
.more6						{position: relative; left: 8px; width: 150px; margin-top: 5px; margin-bottom: 5px;}
.more245					{position: relative; left: 0px; width: 245px; margin-top: 5px; margin-bottom: 8px;}
.more380					{position: relative; left: 6px; width: 380px; margin-top: 5px; margin-bottom: 5px;}

#contentRight 				{position: relative; float: right; width: 184px; left: -6px;}

.subHeader					{font-size: 11px; color: #333333; font-weight: bold}
.mainBodySubHeader			{font-size: 11px; color: #333333; font-weight: bold; margin-top: 15px; margin-bottom: 5px;}

#footer						{position: relative; left: 177px; width: 340px; margin-top: 10px; margin-bottom: 10px;}
.footerLink					{position: relative; float: left; left: 6px; width: 200px; margin-top: 5px; margin-bottom: 5px;}
a.footer					{color: #003399; font-weight: bold; text-decoration: underline;}
.footerText					{position: relative; left: 12px; width: 530px; color: #333333;}
.headerFooter				{position: relative; left: 6px; width: 170px; margin-top: 0px; padding-top: 10px; padding-bottom: 10px;}

/*MODULE ITEMS*/
.moduleimage 				{float:left; width: 55px; height: 55px; margin: 3px 11px 0px 0px;}
.modulecopy 				{float:left; width: 175px; padding-left: 10px; padding-bottom: 10px;}
.modulecopy200 				{float:left; width: 200px; padding-left: 0px; padding-bottom: 10px;}
.modulecopyNopad			{float:left; width: 175px; padding-left: 0px; padding-bottom: 10px}

.moduleimagecenter  		{float:left; width: 50px;}
.moduleimageright			{float:right; width: 104px;}
.modulecopyright 			{float:left; width: 98px; margin:0px 0px 0px 0px;}
.modulecopytitle			{font-weight: bold;}
.modulecopytitlemain		{float:left; font-size: 14px; font-weight: bold;}
.modulecopylink, a.modulecopylink:link, a.modulecopylink:visited, a.modulecopylink:hover, a.modulecopylink:active {margin:0px; color:#003399; font-weight:bold; text-decoration:none;}
.modulecopydate				{margin: 0px;}


/* BOTTOM FRAME */
#bottomframe 				{position: fixed; left: 100px; bottom: 0px; width: 100%; margin: 0px; padding: 0px; text-align: center; z-index: 100; background:#ffffff;}


/*
	This is a CSS comment where the end-of-comment marker is escaped.
	The following styles are not read by Explorer
	because it thinks they are still part of this comment.
\*/

#bottomframe 				{position: absolute; left: 0px; bottom: 0px; width: 100%; margin: 0px; padding: 0px; text-align: center; z-index: 100; background:#ffffff;}

/*
	Another comment, now with a normal end-of-comment marker. Explorer
	sees the end of this comment as the end of the previous one.
*/

#bottomcontent 				{position: relative; width: 754px; margin: 10px auto 0px auto; z-index: 1;}
#bottomcentercontent 		{float: left; text-align: center; width: 700px; padding-bottom: 10px; color: #333333; font: normal 11px/15px Tahoma, Helvetica, Arial, Verdana, sans-serif;}

/* Change depending on colour*/

a.blueBold:hover			{color: red; font-weight: bold; text-decoration: none;}
a.blueUnder:hover			{color: red; text-decoration: underline;}