@charset "UTF-8";
/*Main layout style sheet for div layouts of all pages kept seperate to normal css to prevent confusions in styles*/
/*#content a
{
  text-decoration:underline;
}
#content a:hover
{
  text-decoration:none;
}*/

a
{
	color: White; 
}

table
{
	padding: 0px;
}

form
{
	padding: 0px;
	margin-left: 20px;
}

.agrey a
{
	color:  #787878;
}

ul
{
	margin: 0px;
	margin-left: 0px;
	padding: 0px;
	list-style: none;
}

ul.faq 
{
	margin-left: 20px;
	padding: 0px;
}

li.faq
{
	padding: 0 0 0 0;
}

li
{
	padding: 2px 0 2px 20px;
}

img
{
	border: none;
}

p img
{
	padding: 10px;
}

#wrapper {
	width: 980px;
	text-align: left;
}

* html #wrapper
{
	width: 980px;
}

#head
{
	width: 980px;
	height: 234px;
	background-image: url(images/HBC_SCP_csslayout/banner.jpg);
}

#nav
{
	width: 970px;
	height: 16px;
	padding: 5px;
	background-color: #F04E24;
}

#content
{
	width: 980px;
	min-height: 450px;
	margin: 0;
	padding: 0px;
	background-image: url(images/HBC_SCP_csslayout/HBC_SCP_content-bg.gif); 
	background-position: top;
	background-repeat: repeat-x;
}

div#search
{
	float: right;
	padding: 150px 15px 0 0;
	text-align: right;
}
div#search a
{
  color: #000000;
}
div#search a:hover
{
  color: Red;
  
}
form#search
{
	float: none;
	padding: 0px 15px 0 0;
	text-align: left;
}

.lefty
{
	float: left;
}

.righty
{
	float: right;
}

.textbox
{
	border: 1px solid Yellow;
	padding: 2px;
	margin: 5px 0 5px 0;
}

.textboxmain
{
	border: 1px solid Yellow;
	padding: 2px;
	margin-left: 20px;
	margin-top: 10px;
}

.button
{
	color: White;
	background-color: #949494;
	font-size: 110%;
	margin: 10px 0 10px 0;
	padding: 5px 10px 5px 10px;
}

.buttonmain
{
	color: White;
	background-color: #949494;
	font-size: 110%;
	margin-top: 10px;
	margin-left: 5px;
	padding: 2px;
}

.b
{
	font-size: 115%;
}

.c
{
	font-size: 135%;
}

/* columns and panels */

.colwrap
{
	float: left;
}

.fixh40
{
	height: 40px;
}

.fixh60
{
	height: 60px;
}

.fixh80
{
	height: 80px;
}

.fixh100
{
	height: 100px;
}

/* Define block elements for columns to occupy space */
/* one column width */
.onecol
{
	width: 220px;
	margin: 20px 0 0 20px;
}

/* two column width */
.twocol
{
	width: 460px;
	margin: 20px 0 0 20px;
}

/* three column width */
.threecol
{
	width: 700px;
	margin: 20px 0 0 20px;
}

/* four column width */
.fourcol
{
	width: 940px;
	margin: 20px 0 0 20px;
}

/* Link styles for panels */
.o a
{
	display: block; 
	color: White;
	text-decoration: none;
	padding: 4px;
}

.o a:hover
{ 
	color: White;
	background-color: #FECD44;
}

.o .sel a
{
	color: Yellow;
}

.y a
{
	display: inline; 
	color: Black;
	text-decoration: underline;
	padding: 0;
}

.y a:hover
{ 
	color: Red;
	background-color: #FECD44;
	text-decoration: none;
	
}

.y .sel a
{
	color: Red;
}

/* Redefinition of columns for clarity */
/* Panel defines master background element. Other styles are 'layered' over. Unless specified by sizing class, all sections are fluid.
/* Orange, one column */

/* Main panel definition */
.o1
{
	background-image: url(images/HBC_SCP_csslayout/220/o-220-fill.gif);
}

/* Panel header */
.o1 h1
{
	background-image: url(images/HBC_SCP_csslayout/220/o-220-h1.gif);
	color: white;
	padding: 10px 0 10px 20px;
	background-position: top;
	background-repeat: no-repeat;
}

/* White panel on orange BG head */
.o1wh
{
	background-image: url(images/HBC_SCP_csslayout/220/o-220-wtop.gif);
	background-repeat: no-repeat;
	height: 16px;
}

/* White panel on orange BG fill */
.o1wf
{
	background-image: url(images/HBC_SCP_csslayout/220/o-220-wfill.gif);
}

/* White panel on orange BG footer */
.o1wb
{
	background-image: url(images/HBC_SCP_csslayout/220/o-220-wbottom.gif);
	background-repeat: no-repeat;
	height: 16px;
}

/* Orange, 1 column, footer */
.o1b
{
	background-image: url(images/HBC_SCP_csslayout/220/o-220-foot.gif);
	height: 18px;
}

/* Orange, one column */

/* Main panel definition */
.y1
{
	background-image: url(images/HBC_SCP_csslayout/220/y-220-fill.gif);
}

/* Panel header */
.y1 h1
{
	background-image: url(images/HBC_SCP_csslayout/220/y-220-h1.gif);
	color: white;
	padding: 10px 0 10px 20px;
	background-position: top;
	background-repeat: no-repeat;
}

/* White panel on Yellow BG head */
.y1wh
{
	background-image: url(images/HBC_SCP_csslayout/220/y-220-wtop.gif);
	height: 16px;
}

/* White panel on Yellow BG fill */
.y1wf
{
	background-image: url(images/HBC_SCP_csslayout/220/y-220-wfill.gif);
}

/* White panel on yellow BG footer */
.y1wb
{
	background-image: url(images/HBC_SCP_csslayout/220/y-220-wbottom.gif);
	height: 16px;
}

/* Yellow, 1 column, footer */
.y1b
{
	background-image: url(images/HBC_SCP_csslayout/220/y-220-foot.gif);
	height: 18px;
}

/* Orange, two column */
/* Main panel definition */
.o2
{
	background-image: url(images/HBC_SCP_csslayout/460/o-460-fill.gif);
}

/* Panel header */
.o2 h1
{
	background-image: url(images/HBC_SCP_csslayout/460/o-460-h1.gif);
	color: white;
	padding: 10px 0 10px 20px;
	background-position: top;
	background-repeat: no-repeat;
}

/* White panel on orange BG head */
.o2wh
{
	background-image: url(images/HBC_SCP_csslayout/460/o-460-wtop.gif);
	height: 16px;
}

/* White panel on orange BG fill */
.o2wf
{
	background-image: url(images/HBC_SCP_csslayout/460/o-460-wfill.gif);
}

/* White panel on orange BG footer */
.o2wb
{
	background-image: url(images/HBC_SCP_csslayout/460/o-460-wbottom.gif);
	height: 16px;
}

/* Orange, 2 column, footer */
.o2b
{
	background-image: url(images/HBC_SCP_csslayout/460/o-460-foot.gif);
	height: 18px;
}

/* Orange, one column */

/* Main panel definition */
.y2
{
	background-image: url(images/HBC_SCP_csslayout/460/y-460-fill.gif);
}

/* Panel header */
.y2 h1
{
	background-image: url(images/HBC_SCP_csslayout/460/y-460-h1.gif);
	color: white;
	padding: 10px 0 10px 20px;
	background-position: top;
	background-repeat: no-repeat;
}

/* White panel on Yellow BG head */
.y2wh
{
	background-image: url(images/HBC_SCP_csslayout/460/y-460-wtop.gif);
	height: 16px;
}

/* White panel on Yellow BG fill */
.y2wf
{
	background-image: url(images/HBC_SCP_csslayout/460/y-460-wfill.gif);
}

/* White panel on yellow BG footer */
.y2wb
{
	background-image: url(images/HBC_SCP_csslayout/460/y-460-wbottom.gif);
	height: 16px;
}

/* Yellow, 2 column, footer */
.y2b
{
	background-image: url(images/HBC_SCP_csslayout/460/y-460-foot.gif);
	height: 18px;
}

/* Orange, three column */
/* Main panel definition */
.o3
{
	background-image: url(images/HBC_SCP_csslayout/700/o-700-fill.gif);
}

/* Panel header */
.o3 h1
{
	background-image: url(images/HBC_SCP_csslayout/700/o-700-h1.gif);
	color: white;
	padding: 10px 0 10px 20px;
	background-position: top;
	background-repeat: no-repeat;
}

/* White panel on orange BG head */
.o3wh
{
	background-image: url(images/HBC_SCP_csslayout/700/o-700-wtop.gif);
	height: 16px;
}

/* White panel on orange BG fill */
.o3wf
{
	background-image: url(images/HBC_SCP_csslayout/700/o-700-wfill.gif);
}

/* White panel on orange BG footer */
.o3wb
{
	background-image: url(images/HBC_SCP_csslayout/700/o-700-wbottom.gif);
	height: 16px;
}

/* Orange, 3 column, footer */
.o3b
{
	background-image: url(images/HBC_SCP_csslayout/700/o-700-foot.gif);
	height: 18px;
}

/* Yellow, three column */

/* Main panel definition */
.y3
{
	background-image: url(images/HBC_SCP_csslayout/700/y-700-fill.gif);
}

/* Panel header */
.y3 h1
{
	background-image: url(images/HBC_SCP_csslayout/700/y-700-h1.gif);
	padding: 10px 0 10px 20px;
	background-position: top;
	background-repeat: no-repeat;
}

/* White panel on Yellow BG head */
.y3wh
{
	background-image: url(images/HBC_SCP_csslayout/700/y-700-wtop.gif);
	height: 16px;
}

/* White panel on Yellow BG fill */
.y3wf
{
	background-image: url(images/HBC_SCP_csslayout/700/y-700-wfill.gif);
}

/* White panel on yellow BG footer */
.y3wb
{
	background-image: url(images/HBC_SCP_csslayout/700/y-700-wbottom.gif);
	height: 16px;
}

/* Yellow, 3 column, footer */
.y3b
{
	background-image: url(images/HBC_SCP_csslayout/700/y-700-foot.gif);
	height: 18px;
}

/* Orange, four column */
/* Main panel definition */
.o4
{
	background-image: url(images/HBC_SCP_csslayout/940/o-940-fill.gif);
}

/* Panel header */
.o4 h1
{
	background-image: url(images/HBC_SCP_csslayout/940/o-940-h1.gif);
	color: white;
	padding: 10px 0 10px 20px;
	background-position: top;
	background-repeat: no-repeat;
}

/* White panel on orange BG head */
.o4wh
{
	background-image: url(images/HBC_SCP_csslayout/940/o-940-wtop.gif);
	height: 16px;
}

/* White panel on orange BG fill */
.o4wf
{
	background-image: url(images/HBC_SCP_csslayout/940/o-940-wfill.gif);
}

/* White panel on orange BG footer */
.o4wb
{
	background-image: url(images/HBC_SCP_csslayout/940/o-940-wbottom.gif);
	height: 16px;
}

/* Orange, 4 column, footer */
.o4b
{
	background-image: url(images/HBC_SCP_csslayout/940/o-940-foot.gif);
	height: 18px;
}

/* Yellow, four column */

/* Main panel definition */
.y4
{
	background-image: url(images/HBC_SCP_csslayout/940/y-940-fill.gif);
}

/* Panel header */
.y4 h1
{
	background-image: url(images/HBC_SCP_csslayout/940/y-940-h1.gif);
	color: white;
	padding: 10px 0 10px 20px;
	background-position: top;
	background-repeat: no-repeat;
}

/* White panel on Yellow BG head */
.y4wh
{
	background-image: url(images/HBC_SCP_csslayout/940/y-940-wtop.gif);
	height: 16px;
}

/* White panel on Yellow BG fill */
.y4wf
{
	background-image: url(images/HBC_SCP_csslayout/940/y-940-wfill.gif);
}

/* White panel on yellow BG footer */
.y4wb
{
	background-image: url(images/HBC_SCP_csslayout/940/y-940-wbottom.gif);
	height: 16px;
}

/* Yellow, 4 column, footer */
.y4b
{
	background-image: url(images/HBC_SCP_csslayout/940/y-940-foot.gif);
	height: 18px;
}

.pwhite
{
	color: White;
}

/* Working out */
/* Panels will be classes only, so we can use multiple styles in multiple classes to reduce css headaches */
/* Styles for: width related (one, two, three, four), colour (orange, yellow) style (white panel or solid) and class selectors for background images. */  
h2 a 
{
  text-decoration:none !important;
}