/* Structural Elements  - contained within innerPageWrapper */

#footer {clear:both;} /* this should be ammended to the #footer class in the SUP Header CSS file, i'm also including it here incase this hasn't been done (if it's not the page will break in IE6) */

#expand_spacer{
	position:relative;
}
.leaderboardTwoCol{
overflow:hidden; 
clear:both; 
}
#contentWrapper{
	overflow:hidden;
	clear:both;
	margin:2px 0;
}
#contentWrapper div#leftCol{
overflow:hidden; 
float:left; 
width:680px; 
margin:8px 0;
}

#contentWrapper div#rightCol{
overflow:hidden; 
float:right; 
width:300px; 
}

/* Horizontal Rules */
div.hr_lite hr{
display:none;}

div.hr_lite{
border:none;
background:transparent url(../images/bg_dotted_line.gif);
height:2px;
clear:both;
margin:8px 6px;

}

hr.containerBottom{
border:none;
background:#b4b4b4;
height:1px;
clear:both;
}



/* Headings */
h1.pageTitle, h2.pageTitle, h3.pageTitle, h4.pageTitle, h5.pageTitle{
font-size:123.1%; 
color:#f56900;
font-weight:bold;
padding:0 0 0 0px;
margin:0 0 15px;
}

h1.greyBar, h2.greyBar, h3.greyBar, h4.greyBar, h5.greyBar{

font-size:128%; 
color:#424242;
font-weight:bold;
padding:2px 5px 3px 0px;
margin:16px 0;
border-bottom:7px solid #b4b4b4;

}

/* Boxes and Containers */
#rightCol div.greybox{
	background:#dcdcdc;
	padding:10px;
	margin:0 0 10px;
	clear:both;
	overflow:hidden;
}
#rightCol div.greybox .title{
	background:#6f6f6f;
	border-bottom:1px solid #fff;
	color:#fff;
	font-weight:bold;
	padding:3px 5px 4px 10px;
	font-size:93%;
	margin:-10px -10px 10px -10px;
}
.tabBox{
	border-top:1px solid #6f6f6f;
	border-bottom:1px solid #6f6f6f;
	overflow:hidden;
	*display:inline-block;
}
.tabBox ul{
	background:#6f6f6f;
	overflow:hidden;
	padding:3px 4px 0;
	*display:inline-block;
}
.tabBox li{
	display:block;
	float:left;
	background:#fa8c00 url(../images/bg_orange_tabs.gif) top left;
	font-weight:bold;
	font-size:93%;
	margin:0 2px;
	padding:0 0 0 8px;
}
.tabBox li a, .tabBox li a:hover{
	color:#fff;
	text-decoration:none;
	background:#fa8c00 url(../images/bg_orange_tabs.gif) top right;
	padding:4px 8px 4px 0px;
	display:block;
}
.tabBox li.active{
	background:#fff url(../images/bg_white_tabs.gif) top left;;
}
.tabBox li.active a{
	color:#1b1b1b;
	background:#fa8c00 url(../images/bg_white_tabs.gif) top right;
}
/* Element Positioning */
.fright{float:right;}  /* position to the right */
.fleft{float:left;} /* position to the left */

.aright{text-align:right;}  /* align text to the right */
.aleft{text-align:left;} /* align text to the left */
.acenter{text-align:center;} /* align text to the center */

/* Element Size */
.normal {font-size:93%;} /* 12px */
.smaller {font-size:85%;} /* 11px */
.smallest {font-size:77%;} /* 10px */

/* Element Weight */
.bold {font-weight:bold;}

/*buttons*/
.formSubmitNormal{
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	color:#424242;
	border:1px solid #6f6f6f;
	background:#ececec;
	padding:2px 3px;
}
.formSubmitNormal:hover{color:#be4b00; background:#ffe2bd; border:1px solid #be4b00;}