html 
{
	max-height:100%; 
	padding:0 0 101px 0; 
	overflow: hidden;
	/*overflow-x:hidden;
	overflow-y:hidden;*/
}

body 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background-image:url(images/stripes_bkg.png);
	font-size: 0.70em;
}

.mypng { behavior: url(iepngfix.htc) }

img
{
	border:0;
}

.selectedmenumarker
{
	position: absolute;
	z-index: 2; 
	left: 8px; 
	top: -20px;
}

#toplogo
{
	text-align:center;
	position: absolute; 
	width: 750px; 
	height: 50px; 
	z-index: 1; 
	left: 0px; 
	top: -66px; 
	color: #000000;
	font-size:0.8em;
	
}

#content
{
	text-align:left;
	position: absolute; 
	background-color:#FFF;
	width: 510px; 
	height:398px;
	z-index: 1; 
	left: 10px; 
	top: 5px; 
	color: #000000;
	overflow: hidden;
}
#content2
{
	text-align:left;
	position: absolute; 
	width: 206px; 
	height:398px;
	z-index: 1; 
	left: 532px; 
	top: 5px; 
	color: #000000;
	overflow: hidden;
}

#content2start
{
	text-align:left;
	position: absolute; 
	width: 206px; 
	height:398px;
	z-index: 1; 
	left: 532px; 
	top: 5px; 
	color: #000000;
}

#content30left
{
	text-align:left;
	position: absolute; 
	width: 206px; 
	height:398px;
	z-index: 1; 
	left: 10px; 
	top: 5px; 
	color: #000000;
	overflow: hidden;
}

#content70right
{
	text-align:left;
	position: absolute; 
	background-color:#FFF;
	width: 510px; 
	height:398px;
	z-index: 1; 
	left: 228px; 
	top: 5px; 
	color: #000000;
	overflow: hidden;
}

.content100
{
	overflow:hidden;
	text-align:left;
	position: absolute; 
	background-color:#FFF;
	width: 724px; 
	height:396px;
	z-index: 1; 
	left: 13px; 
	top: 5px; 
	color: #000000;
}

#brandbutton
{
	position: absolute;
	left: 146px;
	top: 128px;
	z-index: 10;
}

#starttext
{
	padding-top: 15px;
	overflow: hidden;
	height: 177px;
}

#menu
{
	text-align:center;
	position: absolute; 
	width: 740px; 
	height: 21px; 
	padding-top:7px;
	padding-left:5px;
	padding-right:5px;
	z-index: 3;
	left: 0px;
	top: 426px;
	background-color:#bcbcbc;
	text-transform:uppercase;
}

#center 
{ 
	position: absolute; 
	top: 50%; 
	width: 100%; 
	height: 1px; 
	overflow: visible;
}
#main, #intro_main 
{
	left: 50%;
	width: 750px;
	margin-left: -384px;
	height: 410px;
	top: -220px;
	text-align: center;
	border: 1px #CCC solid;
	position:relative;
	z-index: 1; 
	background-color: #FFF;
}

#intro_main
{
	background-color:Transparent;
	border: 0;
}

#footer
{
	position: absolute; 
	width: 750px; 
	height: 36px; 
	z-index: 3; 
	left: 0px; 
	top: 460px; 
	text-align:center;
	color: #616161;
	font-size:0.9em;
	text-transform:uppercase;
}

a.outofbox
{
	font-family: verdana;
	text-decoration: none;
	color: #616161;		
}

a.outofbox:hover
{
	text-decoration: underline;
}

a 
{
	font-family: verdana;
	text-decoration: none;
	color: #616161;
	text-transform:uppercase;
}
a:hover 
{
	text-decoration: underline;
}

/* These are standard sIFR styles... do not modify */


.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}



/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced...  */
/* the negative-letter spacing in this case is used to make the browser text metrics match  */
/* up with the sIFR text metrics since the sIFR text in this example is so much narrower...  */
/* your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size:20px;
	margin-bottom: 4px;
}

.sIFR-hasFlash #starttext h1 {
	visibility: hidden;
	font-size:28px;
	margin-bottom: 4px;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 18px;
}

.sIFR-hasFlash .news 
{
	visibility: hidden;
	font-size: 28px;
	letter-spacing: -9px;
	margin-left:10px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 16px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

.sIFR-hasFlash h3.menu {
	visibility: hidden;
	font-size: 16px;
	padding-left:12px;
	padding-right:12px;
	margin-top:-1px;
	float:left;
}

.sIFR-hasFlash .menu, .sIFR-hasFlash .menuselected {
	visibility: hidden;
	font-size: 14px;
	margin-top:-1px;
	margin-right:0px;
	font-weight:bold;
}



.menu, .menuselected 
{
	font-size: 11px;
	margin-right:20px;
	font-weight:bold;
	text-transform:uppercase;
}

.menuselected a
{
	color: #cc0000;
}

.menu a:hover, .menuselected a:hover
{
	color: #666666;
}


p
{
	margin-bottom: 8px;
	margin-top: 4px;	
}

h1
{
	font-size: 20px;
	font-weight:bold;
	color:#454545;
	margin-bottom: 4px;
	margin-top: 4px;
}

h2 
{
	font-size: 18px;
	font-weight:bold;
	color:#454545;
	margin-bottom: 4px;
	margin-top: 4px;
}

h3
{
	font-size: 16px;
	font-weight:bold;
	color:#454545;
	margin-bottom: 4px;
	margin-top: 4px;
}

.r1{margin: 0 5px; height: 1px; overflow: hidden; }
.r2{margin: 0 3px; height: 1px; overflow: hidden; }
.r3{margin: 0 2px; height: 1px; overflow: hidden; }
.r4{margin: 0 1px; height: 2px; overflow: hidden; }

.roundedMainTop
{
	position: absolute; 
	width: 750px;  
	top: -5px; 
	left: 0px;
}

.roundedMainBottom
{
	position: absolute; 
	width: 750px;  
	top: 410px; 
	left: 0px;
}

.roundedWhite
{
	background: #ffffff;
}

.roundedGrey
{
	background: #BCBCBC;
}

.roundedMenuTop
{
	position: absolute; 
	width: 750px;  
	top: 422px;
	left: 0px; 
}

.roundedMenuBottom
{
	position: absolute; 
	width: 750px;  
	top: 454px; 
	left: 0px;
}