/***  GLOBAL PAGE ELEMENTS -------------------------------------- */
img {border:0;}
.clear{clear:both; line-height:0; font-size:0;}
a:hover {color: #c41230;}
a {outline: none;}

	#body {margin: 0; padding: 29px 0 0 0; background: #ebebeb url(../img/body-bkg.gif) repeat-x;}
	 #header {margin: 0 auto; padding: 1px 0 0 0; text-align: center; width: 1250px; height: 306px; background: url(../img/header-img.jpg) no-repeat;}
	  .container {margin: 0 auto; padding: 36px 0 0 0; text-align: center; width: 960px; height: auto; background-color: #fff;}
	  .container-background {margin: 0 auto; padding: 0; background-color: #fff; text-align: center; width: 960px;}
	#banner-image {margin: 0; padding: 0;}
	 #flash-banner {margin:  0; padding: 0;}
	
/***  Navigation STYLES -------------------------------------- */	
	#navigation {margin: -1px 0 0 146px; padding: 0; position: relative; top: 306px; width: 960px; text-align: left; }  
		/***  all other styles for nav are in superfish.css file */
/***  Homepage STYLES -------------------------------------- */
	#content-homepage {margin: 0; padding: 20px 0 0 0; text-align: left; font-family: arial, helvetica, sans-serif; color: #2a2a2a; font-size: 12px; line-height: 16px;}
	 #content-homepage a {margin: 0; padding: 35px 0 0 0; text-align: left; font-family: arial, helvetica, sans-serif; color: #003a66; font-size: 14px; line-height: 16px; text-decoration: none;}
	  #content-homepage a:hover{font-weight: bold; color: #2a2a2a;}
	   #content-homepage h3 {margin: 0; padding: 0; font-family: arial, helvetica, sans-serif; color: #003a66; font-size: 16px; font-weight: bold;}
		.content-left {margin: 0; padding: 0 35px 0 15px; width: 665px; float: left; text-align: left; font-family: arial, helvetica, sans-serif; color: #2a2a2a; font-size: 12px; line-height: 16px; background-color: #fff;}
		 .content-left a{margin: 0; padding: 0; font-family: arial, helvetica, sans-serif; color: #003a66; font-size: 12px; line-height: 16px; text-decoration: none;}
		  .content-left a:hover{font-weight: bold; color: #2a2a2a;}
		.content-right {margin: 0 10px 0 0; padding: 25px 0 0 0; float: left;}
		 .content-right .right-bug {margin: 0; padding: 0 0 20px 0;}
	#content-calendar {margin: 0 auto; padding: 0 0 5px 0; text-align: center;}
 	 #content {margin: 0; padding: 40px 0 0 20px; text-align: left; font-family: arial, helvetica, sans-serif; color: #2a2a2a; font-size: 12px; line-height: 16px; background-color: #fff;}
	  #content h3 {margin: 0; padding: 0; font-family: arial, helvetica, sans-serif; color: #003a66; font-size: 16px; font-weight: bold;}
	#page-title {margin: 35px 0 0 -22px; padding: 14px 0 0 14px; font-family: arial, helvetica, sans-serif; color: #fff; font-size: 18px; font-weight: bold; background: url(../img/page-title-bkg.gif) no-repeat; height: 50px; width: 312px;}
	 	#page-title-long {margin: 35px 0 0 -22px; padding: 14px 0 0 14px; font-family: arial, helvetica, sans-serif; color: #fff; font-size: 18px; font-weight: bold; background: url(../img/page-title-bkg-long.gif) no-repeat; height: 50px; width: 502px;}

/***  Footer STYLES -------------------------------------- */		 
	#footer {margin: 0 auto; padding: 0; text-align: center; background-color: #fff; width: 960px;}
	 #footer ul  li{margin: 0; padding: 0; list-style: none; display: inline; font-family: arial, helvetica, sans-serif; font-size: 11px; color: #1b1b1b;}
	  #footer a{margin: 0; padding: 0 5px; text-decoration:none; font-family: arial, helvetica, sans-serif; font-size: 11px; color: #1b1b1b;}
	   #footer a:hover {color: #76c043;}
	    #footer-logos {margin: 0; padding: 0;}
		
/*** ESSENTIAL STYLES ***/
	.sf-menu, .sf-menu * {margin: 0; padding: 4px 0 0 0; list-style: none;}
	 .sf-menu {line-height:	1.0;}
	  .sf-menu ul {position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */}
	   .sf-menu ul li {width: 200px;}
	    .sf-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */}
	     .sf-menu li {float: left; position: relative;}
		  .sf-menu a {display: block; position: relative;}
		   .sf-menu li:hover ul, .sf-menu li.sfHover ul {left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99;}
	ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top: -999em;}
	 ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left: 10em; /* match ul width */ top: 0;}
	  ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top: -999em;}
		ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left: 10em; /* match ul width */ top: 0;}
/*** DEMO SKIN ***/
	.sf-menu {margin: 0 0 1em 0; padding: 0; float: left; width: 960px; height: 35px; letter-spacing: 1px; font-family: arial, helvetica, sans-serif; font-size: 12px; background: url(../img/menu-bkg.gif) repeat-x;}
	 .sf-menu a {border-right: 1px solid #ebebeb; padding: .75em 1em; text-decoration: none;}
	  .sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/ color: #fff;}
	   .sf-menu li {background: url(../img/menu-bkg.gif) repeat-x;} /* Main Background*/
		.sf-menu li li {background: #212121;}
		 .sf-menu li li li {background: #003768;}
		  .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background: #003768; outline: 0;}
/*** arrows **/
	.sf-menu a.sf-with-ul {padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */}
	 .sf-sub-indicator {position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../img/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */}
	a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/}
	
/* apply hovers to modern browsers */
	a:focus > .sf-sub-indicator,
	 a:hover > .sf-sub-indicator,
	  a:active > .sf-sub-indicator,
	   li:hover > a > .sf-sub-indicator,
	    li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/}

/* point right for anchors in subs */
	.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
	 .sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
	 
/* apply hovers to modern browsers */
	.sf-menu ul a:focus > .sf-sub-indicator,
	 .sf-menu ul a:hover > .sf-sub-indicator,
	  .sf-menu ul a:active > .sf-sub-indicator,
	   .sf-menu ul li:hover > a > .sf-sub-indicator,
		.sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; /* arrow hovers for modern browsers*/}

/*** shadows for all but IE6 ***/
	.sf-shadow ul {
		background:	url('../img/shadow.png') no-repeat bottom right;
		padding: 0 8px 9px 0;
		-moz-border-radius-bottomleft: 17px;
		-moz-border-radius-topright: 17px;
		-webkit-border-top-right-radius: 17px;
		-webkit-border-bottom-left-radius: 17px;
	}
	.sf-shadow ul.sf-shadow-off {background: transparent;}
		
		