/*LAYOUT*/

body {
	padding: 10px 0 0 0;
	margin: 0;
	font-size: 100%;
	min-width: 970px; /* forces side scrolling at 800 x 600 */
}
/* wrapper */

#wrapper {
	margin-top: 0;
	}

/* Masthead */

#masthead {

	position: relative;
margin-left: 350px;
padding-bottom: 5px;
}


#masthead h1 {
	margin:0;
	}
ul.buttons, ul.ad  { /* Added styles for Homepage and Support page */
margin-top: -50px;
padding: 0 0 0 10px;
list-style-type:none;
}

ul.buttons li, ul.ad li { /* Added styles for Homepage and Support page */
list-style-type: none;
width: 27%;
float: left;
padding: 0;
margin: 0 5% 0 0;
}


ul.buttons li a { /* Added styles for Homepage and Support page */
text-decoration: none;
padding: 200px 0 10px 0; /* was 240px */
display: block;
width: 80%;
width: 193px;
margin-bottom: 20px;
}

ul.buttons li {

	
	}

ul.buttons li a:hover span, li a:focus span, li a:active span {
color: #333;
}

ul.ad li a, li#amazon a, li#play a, li#donate a { /* amazon, play, donate buttons */
text-decoration: none;
padding: 20px 0 10px 0; /* was 240px */
display: block;
}

ul.buttons li a span {
text-align: center;
width: 165px;
padding: 0 20px;
margin-bottom: 0;
position: relative;
top: 20px;
left:-5px;
display: block;
font-size: 1.1em;
line-height: 1.1;
color: #FFF;
}

/* homepage advertisement images */

ul li#amazon, ul li#play, ul li#donate {
position: relative;
left: 2%;
top: 10px;
background: none;
}

/* Search Form */


#masthead form {
	position: absolute;
	top: 30px;
	right: 10px;
	background: url('/images/form.jpg') no-repeat top right;
	height: 60px;
}
#searchLabel {
	position: relative;
	top: -10px;
	right: 20px;
}
#masthead form input.submit {
	position: relative;
	left: 150px;
	top: 45px;
}

#masthead form label {
position: absolute;
left: -10000px;
}

#masthead form img { /* google icon */
position: absolute;
top: -30px;
right: 10px;
}
/* Body Section */

#mainContent {
	padding: 0 10px 0 20px;
}

/* Layout */

#content {

	line-height: 1.5;
	margin-left: 310px;
	padding: 0;
	}
	
#video {
	float: left;
	width: 280px;
	background: url('/images/sidebar/sidebar.png') no-repeat top left #B80201; /* circles are on sidebar_back.jpg */
	/*height: 700px;  was 40em */
	height: 540px;
	margin-left: 10px;
	margin-right:20px;
	position: fixed;
	padding-top: 0; /* space above flash player */
	/*border: 1px solid yellow;*/
}
#videoInner {
margin: 0 auto;
width: 90%;
padding-right:0px;
}
#video img#help { /* question mark */
	
	z-index: 2;
position: absolute;
	bottom: 10px;
	left:25px;
}

#video p.footer {
	margin: 0;
	font-size: 1em;
	position: absolute;
	left: 13px;
	bottom: 3em;
	z-index: 2;
}
a.help {
	position: absolute;
	bottom: 10px;
	left: 60px;
	z-index: 2;
	color: #FFF;
	text-decoration: none;
	font-size: 1.2em;
}
img#sidebarbottom {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	/*border: 1px solid yellow;*/
}
#mttVidPlayer {
	height: 225px;
	margin: 110px 0 0 5px;
}

/* Text Size */

#font {
	display: none; /* reversed when js is enabled */
	position: absolute;
	bottom:125px;
}
/* no video so margin required to push them down */

#page-gallery #font, #page-search #font {
	margin-top:335px;
	}
	

#font img, #color img {
	margin-left:10px;
	}

/* Colour Scheme */

#color {
	display: none; /* reversed when js is enabled */
	position: absolute;
	bottom:50px;
}
#video p {
	font-size: 1.1em;
	font-weight: normal;
	color: #FFF;
	margin-bottom: 0; /* removes 1em margin inherited from p elements */
	margin-left: 10px;
	
}
img {
	border: none;
}
/* Styles for images in content area */

.leftImage {
	float: left;
	margin-left: 0;
	margin-right: 1.5em;
	margin-bottom: 1em;
	padding: 10px;
	border: 1px solid #CCC;
}
.rightImage {
	float: right;
	margin-left: 1.5em;
	margin-right: 0;
	margin-bottom: 1em;
	padding: 10px;
	border: 1px solid #CCC;
}
/* FONTS standards */

body {
	font-size: 1em;
	font-family: "Verdana", "Arial", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	color: #C80203;
	font-weight: 500;
	font-family: "Verdana", Arial, sans-serif;
}

h2 {
	font-size:1.6em;
	border-bottom: 1px solid #CBCAD2;
	padding: 0 0 5px 0;
	margin: 0 0 0.5em 0;
	}

h3 {
	font-size: 1.4em;
	line-height:1;
	margin-bottom:1em;
}
h3.newsItem {
	font-size: 1.2em;
	border-top: 1px dashed #666;
	padding-top: 10px;
}
h4 {
	font-size:1.3em;
	line-height:1.25;
	margin-bottom:1.25em;
	height:1.25em;
}
h5 {
	font-size:1.2em;
	margin-bottom:1.5em;
}
h6 {
	font-size:1.1em;
}
	
h1 img {
	margin-bottom: 0px;
	
	}
h1 a {
	padding:0;
	height: 156px;
	display:block;
	width:395px;
	margin-bottom: 30px;
	}
	
h2 img, h3 img, h4 img, h5 img, h6 img {
	margin:0;
}

/* Don't show headers on the follow pages */

.page-notitle h2 {
display: none;
}

p {
	margin:0 0 1em;
	font-size: 1em;
}

#content p {
	line-height: 1.7;
}
/* LINKS standards */
a:focus, a:hover {
	color:#000;
}
a {
	color: #484B9C;
	text-decoration:underline;
}
ul.boxes a:focus, ul.boxes a:active {
	position: relative;
	top: 5px;
}
/* ELEMENTS standards */
blockquote {
	margin:1.5em;
	color:#666;
	font-style:italic;
}
strong {
	font-weight:bold;
}
em, dfn {
	font-style:italic;
}
dfn {
	font-weight:bold;
}
sup, sub {
	line-height:0;
}
abbr, acronym {
	border-bottom:1px dotted #666;
}
address {
	margin:0 0 1.5em;
	font-style:italic;
}
del {
	color:#666;
}
pre, code {
	margin:1.5em 0;
	white-space:pre;
}
pre, code, tt {
	font:1em 'andale mono', 'lucida console', monospace;
	line-height:1.5;
}
li ul, li ol {
	margin:0 1.5em;
}
ul, ol {
	margin:0 1.5em 1.5em 0;
}
ul {
	list-style-type:disc;
	margin-left: 1.5em;
}

#mainContent ul {
margin-left: 0;
padding-left: 20px;
}
#mainContent ul li {
padding-left: 0;
}

#mainContent ol {
margin-left: 25px;
}

ol {
	list-style-type:decimal;
}
dl {
	margin:0 0 1.5em 0;
}
dl dt {
	font-weight:bold;
}
dd {
	margin-left:1.5em;
}
table {
	margin-bottom:1.4em;
	width:100%;
}
th {
	font-weight:bold;
	background:#C3D9FF;
}
th, td {
	padding:4px 10px 4px 5px;
}
tr.even td {
	background:#E5ECF9;
}
tfoot {
	font-style:italic;
}
caption {
	background:#eee;
}
/* FORM ELEMENTS */
label {
	font-weight:bold;
	font-size: 0.8em;
}
label.required {
	background: url('/images/req.gif') right top no-repeat;
	padding-right: 6px;
}
fieldset {
	padding:1em;
	margin:0 0 1em 0;
	border:1px solid #ccc;
	color: #426fc8;
	position: relative;
	width: 80%;
	float: left;
}
fieldset.antispam input.text {
	position: relative;
	left: 1em;
}
legend {
	font-size:1.2em;
	color: #666;
}
input.text, input.title, textarea, select {
	margin: 0;
	border:1px solid #bbb;
}
input.text:focus, input.title:focus, textarea:focus, select:focus {
	border:1px solid #666;
}
input.text, input.title {
	width:300px;
	padding:5px;
}
input.title {
	font-size:1.5em;
}
input.text {
	position: absolute;
	left: 100px;
	width: 40%;
}
textarea {
	width: 60%;
	height:250px;
	margin-left: 25px;
}
.error, .notice, .success {
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}
.error {
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}
.notice {
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}
.success {
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}
.error a {
	color:#8a1f11;
}
.notice a {
	color:#514721;
}
.success a {
	color:#264409;
}
.error ul {
	margin: 0;
	padding-left: 20px;
}
/* Comment Form */

.Doc2Form fieldset ul li {
	list-style-type: none;
}
.Doc2Form fieldset ul {
	margin-left: 0;
	padding-left: 0;
}
.Doc2Form textarea {
	margin-left: 0;
	width: 100%;
}
.Doc2Form .vsummary ul {
	padding-left: 0;
	margin-left: 15px;
}
#mainContent ol {
	padding-left: 0;
}
p.small {
	font-size: 0.8em;
}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
.imageLeft {
	float: left;
	margin-left: 0;
	margin-right: 1.5em;
	margin-bottom: 1em;
	padding: 10px;
	border: 1px solid #CCC;
}
.rightImage {
	float: right;
	margin-left: 1.5em;
	margin-right: 0;
	margin-bottom: 1em;
	padding: 10px;
	border: 1px solid #CCC;
}


/* images for buttons */

li#gr:hover span, li#gr:focus span, li#gr:active span, li#ab:hover span, li#ab:focus span, li#ab:active span, li#se:hover span, li#se:focus span, li#se:active span, li#wh:hover span, li#wh:focus span, li#wh:active span, li#su:hover span, li#su:focus span, li#su:active span, li#co:hover span, li#co:focus span, li#co:active span {

}

/* -- Home Page -- */

.homeLink span {
display: block;
color: #FFF;
text-decoration: underline;
font-size: 0.9em;
margin-left: 19px;
}

#video #home {
margin-left: 15px;
position: absolute;
top: 10px;
}

#miniContact {
position: absolute;
top: 10px;
left: 165px;
}

ul.buttons li a span.curve {
background:url(../images/home/curve.png) bottom left no-repeat;
color: #E20101;
position: relative;
top: 28px;
left:0px;
}

ul.buttons li a:hover span.curve { /* Global curve for all buttons when hover */
background:url(../images/home/curve_hover.png) bottom left no-repeat;
color: #FFF;
}

li#gr a {
background: url(../images/home/group.png) no-repeat 0 30px;
}

li#gr a:hover, li#gr a:focus, li#gr a:active  {
background: url(../images/home/group_hover1.png) no-repeat 0 30px;
color: #666;
}

li#gr a:hover span, li#gr a:focus span, li#gr a:active span {
color: #333;
}


li#ab a {
background: url(../images/home/about1.png) no-repeat 0 30px;
}

li#ab a:hover, li#ab a:focus, li#ab a:active  {
background: url(../images/home/about_hover1.png) no-repeat 0px 30px;

color: #666;
}

li#ab a:hover span, li#ab a:focus span, li#ab a:active span {
color: #333;
}

li#se a {
background: url(../images/home/services1.png) no-repeat 0 30px;
}

li#se a:hover, li#se a:focus, li#se a:active  {
background: url(../images/home/services_hover.png) no-repeat 0 30px;
color: #666;
}

li#se a:hover span, li#se a:focus span, li#se a:active span {
color: #333;
}

li#wh a {
background: url(../images/home/whats-on.png) no-repeat 0 30px;
}

li#wh a:hover, li#wh a:focus, li#wh a:active  {
background: url(../images/home/whats-on-hover.png) no-repeat 0 30px;
color: #666;
}

li#wh a:hover span, li#wh a:focus span, li#wh a:active span {
color: #333;
}

li#su a {
background: url(../images/home/support.png) no-repeat 0 30px;
color: #666;
}

li#su a:hover, li#su a:focus, li#su a:active  {
background: url(../images/home/support-hover.png) no-repeat 0 30px;
color: #333;
}

li#co a {
background: url(../images/home/contact.png) no-repeat 0 30px;
color: #666;
}

li#co a:hover, li#co a:focus, li#co a:active  {
background: url(../images/home/contact_hover.png) no-repeat 0 30px;
color: #333;
}

/* -- End of Home Page -- */

/* -- Groups Page -- */

li#pa a {
background: url(../images/groups/parenting.png) no-repeat 0 30px;
width: 190px;
}

li#pa a:hover, li#pa a:focus, li#pa a:active  {
background-position: -194px 30px;
}

li#bl a {
background: url(../images/groups/black_members.png) no-repeat 0 30px;
}

li#bl a:hover, li#bl a:focus, li#bl a:active  {
background-position: -192px 30px;
}

li#as a {
background: url(../images/groups/asian.png) no-repeat 0 30px;
}

li#as a:hover, li#as a:focus, li#as a:active  {
background-position: -193px 30px;
}

li#st a {
background: url(../images/groups/stars.png) no-repeat 0 30px;
}

li#st a:hover, li#st a:focus, li#st a:active  {
background-position: -193px 30px;
}

li#wo a {
background: url(../images/groups/women.png) no-repeat 0 30px;
}

li#wo a:hover, li#wo a:focus, li#wo a:active  {
background-position: -193px 30px;

}

li#so a {
background: url(../images/groups/south-glouc.png) no-repeat 0 30px;
}

li#so a:hover, li#so a:focus, li#so a:active  {
background-position: -193px 30px;
}

ul.buttons li#so a span {
/*top:10px;*/

}

/* -- End of Groups Page -- */


/* -- About Us Page -- */

li#hi a {
background: url(../images/about-us/history.png) no-repeat 0 30px;
}

li#hi a:hover, li#hi a:focus, li#hi a:active  {
background-position: -193px 30px;
}


li#pai a {
background: url(../images/groups/paid_staff.png) no-repeat 0 30px;
}

li#pai a:hover, li#pai a:focus, li#pai a:active  {
background-position: -193px 30px;
}

li#vo a {
background: url(../images/groups/volunteers.png) no-repeat 0 30px;
}

li#vo a:hover, li#vo a:focus, li#vo a:active  {
background-position: -193px 30px;
}

li#ma a {
background: url(../images/groups/management-committee.png) no-repeat 0 30px;
}

li#ma a:hover, li#ma a:focus, li#ma a:active  {
background-position: -193px 30px;
}


li#an a {
background: url(../images/home/contact.png) no-repeat 0 30px;
}

li#an a:hover, li#an a:focus, li#an a:active  {
/*background-position: -193px 30px;*/
}

li#va a {
background: url(../images/home/contact.png) no-repeat 0 30px;
}

li#va a:hover, li#va a:focus, li#va a:active  {
/*background-position: -193px 30px;*/
}

/* -- End of About Us Page -- */

/* -- Services Page -- */

li#ad a {
background: url(../images/services/advocacy.png) no-repeat 0 30px;
}

li#ad a:hover, li#ad a:focus, li#ad a:active  {
background-position: -193px 30px;
}

li#tr a {
background: url(../images/services/training.png) no-repeat 0 30px;
}

li#tr a:hover, li#tr a:focus, li#tr a:active  {
background-position: -193px 30px;
}

li#jo a {
background: url(../images/services/journey.png) no-repeat 0 30px;
}

li#jo a:hover, li#jo a:focus, li#jo a:active  {
background-position: -193px 30px;
}

li#ea a {
background: url(../images/services/easy-english.png) no-repeat 0 30px;
}

li#ea a:hover, li#ea a:focus, li#ea a:active  {
background-position: -193px 30px;
}

/* -- End of Services Page -- */

/* footer */

#footer {
	clear: both;
	margin:300px 0 0 0;
	padding: 30px 0 0 330px;
	background:url(../images/footer-back.png) repeat-x 0 0;
	min-height: 80px;
	font-size: 0.8em;
	color: #555;
	}
#footer a {
	
	color: #555;
	}