/** ------------------------------------------------------ **/
/** -------------------layout -------------------- **/
body {
	background-image: url('http://www.safeside.org.uk/digitalAssets/107/107600_page-bg.jpg');
	background-repeat: repeat-x;
	background-color: #333333;
	color: #FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0px;
	padding: 0px;
	text-align: center;
}


#divTop {	
	margin: 0 auto;
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 7px;
	text-align: left;
	width: 978px;
}

#skip-navigation {	
	height: 1px;
}


#wrap{
	clear: both;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
	width: 978px;
}

#header{
	margin-left: 3px;
	margin-right: 3px;
	position: relative;
	width: 972px;

}


#foot{
	clear: both;
	font-size: 0.8em;
	padding-left: 25px;
	padding-right: 25px;
	width: 928px;
}
* html #foot {  /* This is the Tan hack */
	width: 970px; 
	w\idth: 928px; 
	}



/** ------------------------------------------------------ **/
/** ------------------- skip-navigation --------------------------- **/

#navigation{
	float: left;
	margin: 0px;
	padding-left: 25px;
	margin-top: 4px;
}
#navigation ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#navigation ul li {
	display: inline;
	margin: 0;
	padding: 0;
}
#navigation ul li a, #navigation ul li a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#navigation ul li a:hover, #navigation ul li a:active {	
	color: #fcb311;	
	text-decoration: underline;
}
#logo {
	float: right;
	padding-right: 25px;
}

/** ------------------------------------------------------ **/
/** ------------------- Inner Wrap ----------------------- **/
#innerWrap{
	background-color: #000000;
	background-image: url('http://www.safeside.org.uk/digitalAssets/107/107601_subwrap-bg.gif');
	background-repeat: repeat-y;
	width: 978px;
}

#innerWrap #innerWrapTop{
	background-image: url('http://www.safeside.org.uk/digitalAssets/107/107602_subwrap-top.gif');
	background-repeat: no-repeat;
	height: 14px;
	width: 978px;
}
#innerWrap #innerWrapFooter{
	clear:both;
	height: 16px;
	padding-top: 15px;
	width: 978px;
}

/** ------------------------------------------------------ **/
/** ------------------- header --------------------------- **/

#header_graphic {
}
#header_graphic img{
	display:block;
}

#header_news {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	font-size: 0.85em;
	padding-left: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
height: 20px;
}

#header_news ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#header_news ul li {
	display: inline;
	margin-right: 20px;
	padding: 0;
}
#header_news ul li a, #header_news ul li a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#header_news ul li a:hover, #header_news ul li a:active {	
	color: #fcb311;	
	text-decoration: underline;
}
#header_news li.header_news_title {
	color: #fcb311;
}

/** ------------------------------------------------------ **/
/** ------------------- content layout -------------------- **/

#contentWrap {
	padding: 20px;
	padding-left: 25px;
	padding-right: 25px;
	width: 922px;
}
* html #contentWrap {  /* This is the Tan hack */
	width: 972px; 
	w\idth: 922px; 
	}
	
/** ------------------------------------------------------ **/
/** ------------------- footer --------------------------- **/
#footerleft
{
    float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
}
#footerleft a, #footerleft a:visited {	
	color: #ffffff;
	text-decoration: none;
}
#footerleft a:hover, #footerleft a:active {	
	color: #ffffff;
	text-decoration: underline;
}


#footerright
{
    float: right;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 15px;
}

#footerright a, #footerright a:visited {	
	color: #ffffff;
	text-decoration: none;
}
#footerright a:hover, #footerright a:active {	
	color: #ffffff;
	text-decoration: underline;
}

/** ------------------------------------------------------ **/
/** ------------------- HTML elements -------------------- **/

h1 {
	color: #fdb813;
	font-size: 1.4em;
	font-weight: bold;
}


h2 {
	color: #fdb813;
	font-size: 1.2em;
	font-weight: bold;
}


h3 {
	color: #fdb813;
	font-size: 0.9em;
	font-weight: bold; 
}


a {
	color: #FFFFFF;
	text-decoration: underline;
}
a:visited {
	color: #666666;
}
a:hover {
	color: #fdb813;
}


img {
	border: 0px;
}

.whitetext {
	color: #FFFFFF;
}
/** ------------------------------------------------------ **/
/** ------------------- form ------------------------- **/

form {
 	margin: 0px;
 	margin-right: 10px;
}

fieldset {
  	padding: 10px;
  	padding-top: 10px;
  	width: auto;
}

legend {
  	font-weight: bold;
  	padding-bottom: 10px;
}

input {
  	float: left;
  	margin-right: 10px
}

select {
  	float: left;
  	margin-right: 10px
}

input.buttons {
  	float: none;
}

form fieldset div {
  	padding-bottom: 0px;
  	clear: both;
}

form fieldset p {
  	padding-bottom: 10px;
  	margin: 0px;
  	clear: both;
}

label {
  	display:block;
  	float: left;
  	width: 150px;
  	margin-right: 10px;
  	padding-bottom: 10px;
}


/** ------------------------------------------------------ **/
/** ------------------- images ------------------------- **/

img.ImgFloatRight {
	border: 1px solid #FFFFFF;
	float: right;
	margin-bottom: 10px;
	margin-left: 15px;
}

img.ImgFloatLeft {
	border: 1px solid #FFFFFF;
	float: left;
	margin-bottom: 15px;
	margin-right: 20px;
}

img.ImgFloatNone {
	border: 1px solid #FFFFFF;
	margin-bottom: 15px;
	margin-right: 20px;
}

img.ImgFloatRightNoBorder {
	border: 0px;
	float: right;
	margin-bottom: 15px;
	margin-left: 20px;
}

img.ImgFloatLeftNoBorder {
	border: 0px;
	float: left;
	margin-bottom: 15px;
	margin-right: 20px;
}

img.ImgFloatNoneNoBorder {
	border: 0px;
	margin-bottom: 15px;
	margin-right: 20px;
}

/** ------------------------------------------------------ **/
/** ------------------- misc ----------------------------- **/

.clearboth {
	clear:both;
}

/** Set the text back to black for the infoglue menus **/
.igmenuitems {
	color: black;
}