@charset "utf-8";
/* CSS Document */

* {padding: 0px; margin: 0px;}

img  { margin: 0px; padding: 0px; border: 0px; }

body {
	background-color: #496783;
	color: #333333; 
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 82%;
	text-align: center; /* IE6 needs this to centre the layout in the browser */
}

#wrapper {
	background-color: #496783;
	height: 100%;
	width: 100%;
	padding: 0 0 15px 0;
}

#container, #footerTerms {
	width:955px;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFFFFF;
	text-align:left; /* This is to counter the IE6 align in body tag */
	border: solid #FFFFFF 1px;
}

.ie6 #container, #footerTerms {
	width:945px;
}

.clearer {clear: both;}

strong {font-size: 1.3em;}

a {color: #00529c; outline: none; font-weight: bold;}

a:hover {color: #fdb827;}

#footerTerms a {
	color: #fdb827;
}

#footerTerms a:hover {
	color: #ffffff;
}

p       { margin: 0 0 1.1em; }
p.last  { margin-bottom: 0; }

.gccLogo {
	width: 150px;
	height: 118px;
	margin: 25px 0 0 20px;
	float: left;
}

.ie6 .gccLogo {
	margin: 25px 0 0 10px;
	float: left;
}

/* font styles */

ul .greyBullet {
	list-style-type:disc
}

/* Layout styles */

.youthHeader {
	width: 955px;
	height: 187px;
	float: left;
	background-image: url(../images/gcc_youth_header.jpg);
	background-repeat: no-repeat;
}

#leftNavSection {
	width: 214px;
	float: left;
}

.middleBodySectionOuter {
	width: 741px;
	float: left;
	color: #686965;
	margin: 0px;
}

.ie6 .middleBodySectionOuter {
	width: 711px;
}

.middleBodySectionInner {
	padding: 15px;
}

.ie6 .middleBodySectionInner {
	padding: 15px 15px 0px 15px;
}

#footerStrip {
	width: 955px;
	height: 97px;
}

.donateBtn {
	width: 80px;
	height: 80px;
	margin: 90px 0 0 414px;
}

.listIndent {
	margin: 0px 0px 0px 15px;
}

.listLast {
	margin: 0px 0px 10px 15px;
}

.redText {
	color: #FF0000;
}

.greenText {
	color: #006600;
}

#footerTerms {
	background-color: #496783;
	padding: 10px 0px 0px 0px;
	color: #FFFFFF;
	font-size: 80%;
	border: none;
	text-align: center;
}

/* GCC Youth Nav */

#Navigation {
	height: 22px;
	width: 741px;
	float: left;
	overflow: hidden;
	background-image: url(../images/gcc_youth_navbg.gif);
	background-repeat: no-repeat;
}

.ie6 #Navigation {
	width: 711px;
}

#Navigation ul {
	list-style-type:none;
	margin: 0px 0px 0px 1px;
}

#Navigation ul li {
	float: left;
	display: block;
	font-size:0.2em;
	text-indent:-9999px;
}

#Navigation ul li a {
	float: left;
	display: block;
	text-decoration:none;
}

#Navigation ul li {
	text-align:center;
	height:27px;
}

/* menu items */

#Navigation ul li#Item01 {
	width: 42px;
	margin: 0px 36px 0 75px;
}

.ie6 #Navigation ul li#Item01 {
	width: 42px;
	margin: 0px 36px 0 50px;
}

#Navigation ul li#Item02 {
	width: 53px;
	margin: 0px 36px 0px 0px;
}

#Navigation ul li#Item03 {
	width: 119px;
	margin: 0px 36px 0px 0px;
}

#Navigation ul li#Item04 {
	width: 39px;
	margin: 0px 36px 0px 0px;
}

#Navigation ul li#Item05 {
	width: 58px;
	margin: 0px 36px 0px 0px;
}

#Navigation ul li#Item06 {
	width: 88px;
	margin: 0px 36px 0px 0px;
}

/* menu links */

#Navigation ul li#Item01 a {
	width:42px;
	height:22px;
	background-image:url(../images/gcc_youth_nav_home.gif);
}

#Navigation ul li#Item02 a {
	width:53px;
	height:22px;
	background-image:url(../images/gcc_youth_nav_adults.gif);
}

#Navigation ul li#Item03 a {
	width:119px;
	height:22px;
	background-image:url(../images/gcc_youth_nav_messageboard.gif);
}

#Navigation ul li#Item04 a {
	width:39px;
	height:22px;
	background-image:url(../images/gcc_youth_nav_links.gif);
}

#Navigation ul li#Item05 a {
	width:58px;
	height:22px;
	background-image:url(../images/gcc_youth_nav_donate.gif);
}

#Navigation ul li#Item06 a {
	width:88px;
	height:22px;
	background-image:url(../images/gcc_youth_nav_contactus.gif);
}

#Navigation ul li.MenuOff a {
	cursor:pointer;
}

/* menu hover */

#Navigation ul li#Item01 a:hover {
	background-position: -42px 0;
}

#Navigation ul li#Item02 a:hover {
	background-position: -53px 0;
}

#Navigation ul li#Item03 a:hover {
	background-position: -119px 0;
}

#Navigation ul li#Item04 a:hover {
	background-position: -39px 0;
}

#Navigation ul li#Item05 a:hover {
	background-position: -58px 0;
}

#Navigation ul li#Item06 a:hover {
	background-position: -88px 0;
}

/* --------------------- GCC Youth Left Nav ----------------- */

#leftNavSectionInner {
	width: 165px;
	height: 290px;
	margin: 32px 0 0 10px;
	float: left;
}

#leftNavSectionInner ul {
	list-style-type: none;
	margin: 0px 0px 0px 1px;
}

#leftNavSectionInner ul li {
	float: left;
	display: block;
	font-size: 0.2em;
	text-indent: -9999px;
}

#leftNavSectionInner ul li a {
	float: left;
	display: block;
	text-decoration: none;
}

#leftNavSectionInner ul li {
	text-align:center;
}

#trustLogo {
	text-align: center;
	clear: both;
}

/* menu items */

#leftNavSectionInner ul li#Item07 Item08 Item09 Item10 Item11 Item12 {
	width: 165px;
}

.safari3 #leftNavSectionInner ul li#Item07 Item08 Item09 Item10 Item11 Item12 {margin: 31px 0 0 0;}

/* menu links */

#leftNavSectionInner ul li#Item07 a {
	width:165px;
	height:30px;
	background-image:url(../images/gcc_youth_lnav_information.gif);
}

#leftNavSectionInner ul li#Item08 a {
	width:165px;
	height:31px;
	background-image:url(../images/gcc_youth_lnav_meeting.gif);
}

#leftNavSectionInner ul li#Item09 a {
	width:165px;
	height:29px;
	background-image:url(../images/gcc_youth_lnav_newsletter.gif);
}

#leftNavSectionInner ul li#Item10 a {
	width:165px;
	height:31px;
	background-image:url(../images/gcc_youth_lnav_activity.gif);
}

#leftNavSectionInner ul li#Item11 a {
	width:165px;
	height:30px;
	background-image:url(../images/gcc_youth_lnav_holidays.gif);
}

#leftNavSectionInner ul li#Item12 a {
	width:165px;
	height:39px;
	background-image:url(../images/gcc_youth_lnav_training.gif);
}

/* Safari hack for Left Nav */

.safari3 #leftNavSectionInner ul li#Item07 a {
	margin: 0 0 0 0;
}

.safari3 #leftNavSectionInner ul li#Item08 a {
	margin: 30px 0 0 0;
}

.safari3 #leftNavSectionInner ul li#Item09 a {
	margin: 61px 0 0 0;
}

.safari3 #leftNavSectionInner ul li#Item10 a {
	margin: 90px 0 0 0;
}

.safari3 #leftNavSectionInner ul li#Item11 a {
	margin: 121px 0 0 0;
}

.safari3 #leftNavSectionInner ul li#Item12 a {
	margin: 151px 0 0 0;
}

#leftNavSectionInner ul li.MenuOff a {
	cursor:pointer;
}

/* menu hover */

#leftNavSectionInner ul li#Item07 a:hover {
	background-position: -165px 0;
}

#leftNavSectionInner ul li#Item08 a:hover {
	background-position: -165px 0;
}

#leftNavSectionInner ul li#Item09 a:hover {
	background-position: -165px 0;
}

#leftNavSectionInner ul li#Item10 a:hover {
	background-position: -165px 0;
}

#leftNavSectionInner ul li#Item11 a:hover {
	background-position: -165px 0;
}

#leftNavSectionInner ul li#Item12 a:hover {
	background-position: -165px 0;
}

/* these allow you to highlight a main top-level menu section by using the IDs on the BODY tag */

/* Top Nav */
body#home #Navigation ul li#Item01 a {
	background-position: -42px 0;
}

body#messageboard #Navigation ul li#Item03 a {
	background-position: -119px 0;
}

body#links #Navigation ul li#Item04 a {
	background-position: -39px 0;
}

body#donate #Navigation ul li#Item05 a {
	background-position: -58px 0;
}

body#contactus #Navigation ul li#Item06 a {
	background-position: -88px 0;
}