/* CSS Document */


/*###########################
#######GENERAL LAYOUT########
#############################*/

body {
	margin:0px;
	behavior: url(csshover.htc);
	background:#FDC336;
}

h1, h2, h3, h4, h5, h6, p, form, input, label, ul, li, div, img {
	margin:0px;
	padding:0px;
}

img, div, li, ul {
	behavior: url(iepngfix.htc);
}

h1 {
	padding:5px 0px 10px 0px;
	clear:both;
}

h2 {
	padding:0px 0px 0px 0px;
	clear:both;
	font-size:130%;
}

#mainContent h2 a {
	text-decoration:none;
}

h3 {
	font-size:120%;
	color:#000000;
	font-weight:bold;
	padding:10px 0px 0px 0px;
	margin:0px;
}

p {
	padding:0px 0px 20px 0px;
	margin:0px;
	line-height:17px;
}

ul {
	padding:0px 0px 20px 20px;
}

li {
	line-height:16px;
}

img {
	border:0px;
}

/*###########################
##########MAIN DIVS#########
#############################*/

#doc {
	width:100%;
	font-family:Tahoma;
	font-size:70%;
	color:#000000;
	font-weight:normal;
	text-decoration:none;
	line-height:normal;
	background:url(../images/background/doc-bg.jpg) #FFFFFF repeat top center;
}

#topline {
	background:url(../images/background/topline.gif) repeat-x;
	height:15px;
}

#container {
	width:996px;
	margin:auto;
}

#header {
	width:996px;
}

#footer {
	background:url(../images/background/footer-bg2.jpg) repeat-x #FDC336;
	width:100%;
	height:105px;
	text-align:center;
}


/*###########################
#####HEADER/NAV LAYOUT######
#############################*/

#flashLogoStrapline {
	padding:0px 0px 10px 10px;
}

#innerNav {
	clear:both;
	float:left;
	height:40px;
	width:742px;
	padding:0px 0px 0px 31px;
	margin:0px;
	display:block;
}

#innerNav ul {
	list-style:none;
	padding:0px;
	margin:0px;
	float:left;
	clear:none;
}

#innerNav ul li {
	padding:0px;
	margin:0px;
	float:left;
	clear:none;
	line-height:0px;
}

#innerNav ul li img {
	display:block;
}

#innerNav ul li a {
	padding:0px;
	margin:0px;
}

#innerNav ul li.home {
	width:66px;
	height:40px;
	display:block;
}

#innerNav ul li.home :hover {
	background:url(../images/nav/home-hover.gif) no-repeat center;
}

#innerNav ul li.weare {
	width:111px;
	height:40px;
	display:block;
}

#innerNav ul li.weare :hover {
	background:url(../images/nav/we-are-hover.gif) no-repeat center;
}

#innerNav ul li.drama {
	width:88px;
	height:40px;
	display:block;
}

#innerNav ul li.drama :hover {
	background:url(../images/nav/drama-hover.gif) no-repeat center;
}

#innerNav ul li.sport {
	width:80px;
	height:40px;
	display:block;
}

#innerNav ul li.sport :hover {
	background:url(../images/nav/sport-hover.gif) no-repeat center;
}

#innerNav ul li.medical {
	width:100px;
	height:40px;
	display:block;
}

#innerNav ul li.medical :hover {
	background:url(../images/nav/medical-hover.gif) no-repeat center;
}

#innerNav ul li.stories {
	width:106px;
	height:40px;
	display:block;
}

#innerNav ul li.stories :hover {
	background:url(../images/nav/stories-hover.gif) no-repeat center;
}

#innerNav ul li.getinvolved {
	width:161px;
	height:40px;
	display:block;
}

#innerNav ul li.getinvolved :hover {
	background:url(../images/nav/get-involved-hover.gif) no-repeat center;
}

#pnlInnerHeader {
	height:210px;
	width:996px;
	clear:both;
}

.adminbg {
	background:url(../images/background/admin-background.gif) no-repeat center bottom;
	height:170px;
	width:996px;
	clear:both;
}

.wearebg {
	background:url(../images/background/we-are-background.gif) no-repeat center bottom;
	height:170px;
	width:996px;
	clear:both;
}

.dramabg {
	background:url(../images/background/drama-background.gif) no-repeat center bottom;
	height:170px;
	width:996px;
	clear:both;
}

.sportbg {
	background:url(../images/background/sport-background.gif) no-repeat center bottom;
	height:170px;
	width:996px;
	clear:both;
}

.medicalbg {
	background:url(../images/background/medical-background.gif) no-repeat center bottom;
	height:170px;
	width:996px;
	clear:both;
}

.storiesbg {
	background:url(../images/background/stories-background.gif) no-repeat center bottom;
	height:170px;
	width:996px;
	clear:both;
}

.getinvolvedbg {
	background:url(../images/background/get-involved-background.gif) no-repeat center bottom;
	height:170px;
	width:996px;
	clear:both;
}

#galleryImg {
	float:left;
	clear:none;
	padding:10px 0px 0px 10px;
}

#videoImg {
	float:right;
	clear:none;
	padding:20px 20px 0px 0px;
}

.phone {
	clear:none;
	float:left;
	width:206px;
}

#flashFlipperHolder {
	float:left;
	padding:10px 0 0 20px;
}

#flashFlipper {
	
}

/*###########################
#######MAIN LAYOUT########
#############################*/

#mainContent a {
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
}

#mainContent a.yellow {
	color:#000000;
	background:#FCAE10;
	font-weight:bold;
	text-decoration:none;
	line-height:18px;
}

.contentTop {
	background:url(../images/background/content-bg-top.gif) no-repeat;
	width:996px;
	height:20px;
	clear:both;
}

.content {
	background:url(../images/background/content-bg.gif) repeat-y;
	width:996px;
}

.contentBottom {
	background:url(../images/background/content-bg-bottom.gif) no-repeat;
	width:996px;
	height:20px;
}

.contentToponeColumn {
	background:url(../images/background/content-bg-top-one-column.gif) no-repeat;
	width:996px;
	height:20px;
	clear:both;
}

.contentoneColumn {
	background:url(../images/background/content-bg-one-column.gif) repeat-y;
	width:936px;
	padding:10px 30px 10px 30px;
}

.contentBottomoneColumn {
	background:url(../images/background/content-bg-bottom-one-column.gif) no-repeat;
	width:996px;
	height:20px;
}

.contentNav {
	width:265px;
	padding:0px 50px 0px 35px;
	clear:none;
	float:left;
}

.contentNav .center {
	width:275px;
	padding:0px 55px 0px 25px;
}

/* content navigation */
.contentNav ul {
	width:255px;
	margin:auto;
	font-size:110%;
	font-weight:bold;
	list-style:none;
	padding:10px 0px 20px 0px;
}

.contentNav ul li {
	padding:5px 0px 5px 0px;
	list-style:none;
}

.contentNav ul li ul {
	padding:0px;
	margin:0px;
}

.contentNav ul.orange {
	padding:0px;
}

.contentNav ul.orange a {
	color:#B65800;
	text-decoration:none;
}

.contentNav ul.orange li.On {
	background:url(../images/background/nav-orange-on.gif) no-repeat;
}

.contentNav ul.purple {
	padding:0px;
}

.contentNav ul.purple a {
	color:#744F9F;
	text-decoration:none;
}

.contentNav ul.purple li.On {
	background:url(../images/background/nav-purple-on.gif) no-repeat;
}

.contentNav ul.green {
	padding:0px;
}

.contentNav ul.green a {
	color:#499325;
	text-decoration:none;
}

.contentNav ul.green li.On {
	background:url(../images/background/nav-green-on.gif) no-repeat;
}

.contentNav ul.red {
	padding:0px;
}

.contentNav ul.red a {
	color:#E23D28;
	text-decoration:none;
}

.contentNav ul.red li.On {
	background:url(../images/background/nav-red-on.gif) no-repeat;
}

.contentNav ul.brown {
	padding:0px;
}

.contentNav ul.brown a {
	color:#D28F22;
	text-decoration:none;
}

.contentNav ul.brown li.On {
	background:url(../images/background/nav-brown-on.gif) no-repeat;
}

.contentNav ul.normal {
	width:255px;
	margin:auto;
	font-size:100%;
	font-weight:normal;
	padding:0px 0px 10px 20px;
}

.contentNav ul.normal li {
	padding:0px 0px 5px 0px;
	list-style:disc;
}

#emailForm {
	padding:10px 0px 0px 0px;
	margin:0px 0px 20px 0px;
}

.emailform {
	cursor:pointer;
}

/* content blog */
.contentBlog {
	width:620px;
	clear:none;
	float:left;
}

.contentBlog h2 {
	padding:3px 0px 10px 0px;
}

.contentBlog h2.orange {
	background:url(../images/background/blog-title-orange-bg.gif) no-repeat;
	color:#FFFFFF;
	height:27px;
	padding:3px 20px 0px 15px;
	clear:both;
}

.contentBlog h2.purple {
	background:url(../images/background/blog-title-purple-bg.gif) no-repeat;
	color:#FFFFFF;
	height:27px;
	padding:3px 20px 0px 15px;
	clear:both;
}

.contentBlog h2.green {
	background:url(../images/background/blog-title-green-bg.gif) no-repeat;
	color:#FFFFFF;
	height:27px;
	padding:3px 20px 0px 15px;
	clear:both;
}

.contentBlog h2.red {
	background:url(../images/background/blog-title-red-bg.gif) no-repeat;
	color:#FFFFFF;
	height:27px;
	padding:3px 20px 0px 15px;
	clear:both;
}

.contentBlog p {
	padding-right:20px;
}

/* factfile */

.expeditionsBox {
	padding:0px 0px 0px 20px;
}

.crewBoxholder {
	clear:both;
}

.crewDesc {
	float:left;
	clear:none;
	width:400px;
}

.crewImg {
	float:left;
	clear:none;
	text-align:right;
	widows:220px;
}

/* pagination */

#pagination {
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:10px 0px 0px 0px;
}

#pagination a {
	border-bottom:5px solid #FC922B;
	text-decoration:none;
	padding:0px 0px 5px 0px;
	display:block;
	height:20px;
}

#pagination a:hover {
	border-bottom:5px solid #499325;
	padding:0px 0px 5px 0px;
	text-decoration:none;
}

.previous {
	width:120px;
	float:left;
	clear:none;
	text-align:center;
	padding:10px;
	font-weight:bold;
}

.showing {
	width:310px;
	float:left;
	clear:none;
	text-align:center;
	padding:10px 10px 5px 10px;
	height:20px;
	border-bottom:5px solid #FC922B;
}

.next {
	width:120px;
	float:left;
	clear:none;
	text-align:center;
	padding:10px;
	font-weight:bold;
}

/* border image */

.imageBorderLeft {
	background:url(../images/background/image-border.gif) no-repeat;
	width:248px;
	height:188px;
	float:left;
	clear:none;
	padding:5px 0px 0px 5px;
	margin:0px 10px 10px 0px;
}

.imageBorderRight {
	background:url(../images/background/image-border.gif) no-repeat;
	width:248px;
	height:188px;
	float:right;
	clear:none;
	padding:5px 0px 0px 5px;
	margin:0px 10px 10px 10px;
}

.imageBorderRight img {
	background:#000000;
}

.imageBorderLeftvertical {
	background:url(../images/background/image-border-vertical.gif) no-repeat;
	width:143px;
	height:188px;
	float:left;
	clear:none;
	padding:5px 0px 0px 5px;
	margin:0px 10px 10px 0px;
}

.imageBorderRightvertical {
	background:url(../images/background/image-border-vertical.gif) no-repeat;
	width:143px;
	height:188px;
	float:right;
	clear:none;
	padding:5px 0px 0px 5px;
	margin:0px 10px 10px 10px;
}

/* home page */

#bottomBox {
	background:url(../images/background/bottom-box-bg.gif) no-repeat;
	width:996px;
	height:250px;
	clear:both;
}

#bottomBox p {
	padding:0px 0px 4px 0px;
}

#latestNews {
	width:270px;
	height:165px;
	padding:35px 30px 0px 40px;
	float:left;
	clear:none;
}

#getInvolved {
	width:270px;
	height:165px;
	padding:35px 30px 0px 20px;
	float:left;
	clear:none;
}

#joinUs {
	width:270px;
	height:165px;
	padding:35px 30px 0px 20px;
	float:left;
	clear:none;
}

/* factfile navigation */

#factfile {
	padding:10px 0px 20px 0px;
	font-size:110%;
	width:620px;
	margin:auto;
}

#factfile li {
	display:inline;
	list-style:none;
	padding:0px;
}

#factfile li a {
	text-decoration:none;
	padding:0px 4px 0px 4px;
}

#factfile li a:hover {
	text-decoration:underline;
}

/*###########################
#########FORM LAYOUT#########
#############################*/

.formRow 
{
    height:22px;
    padding:0 0 4px 0;
}

.formSectionholder {
	float:left;
	clear:none;
	padding:20px 0px 0px 20px;
}

.formSectionholderRight {
	float:left;
	clear:none;
	padding:20px 0px 0px 10px;
}

.getInvolved p {
	width:290px;
	padding:0px 0px 4px 0px;
	height:22px
}

label {
	width:60px;
	padding:0px 10px 0px 0px;
	float:left;
	text-align:right;
	clear:none;
}

label.width100 {
	width:100px;
}

label.width200 {
	width:200px;
}

input {
	width:200px;
	float:left;
	clear:none;
}

input.radio {
	width:auto;
	float:left;
	clear:none;
}

textarea {
	width:500px;
	height:100px;
	float:left;
	clear:none;
	font-family:Tahoma;
	font-size:100%;
}

.errorText {
    color:Red;
}

.contentNav input {
	width:180px;
}

p.submit {
	padding:0px 0px 0px 160px;
}

.contentBlog p.submit {
	padding:0px 0px 0px 490px;
}

#mainContent .tickboxLeft {
	float:left;
	clear:none;
	padding:0px 0px 10px 10px;
}

#mainContent .tickboxLeft label {
	float:left;
	clear:none;
	width:150px;
	text-align:right;
}

#mainContent .tickboxSmall label {
	float:left;
	clear:none;
	width:91px;
	text-align:left;
}

#mainContent .tickboxSmall input {
	float:left;
	clear:none;
	width:auto;
	text-align:left;
	margin:0px 0px 0px 5px;
}

#mainContent .tickbox187 label {
	float:left;
	clear:none;
	width:187px;
	text-align:left;
}

#mainContent .tickboxLeft input {
	float:left;
	clear:none;
	width:10px;
}

#mainContent .tickbox label {
	float:left;
	clear:left;
	width:150px;
	text-align:left;
}

#mainContent .tickbox2 {
	padding:20px 0px 0px 0px;
	clear:both;
}

#mainContent .tickbox2 label {
	float:left;
	width:233px;
	text-align:left;
}

#mainContent .tickbox2 input {
	float:left;
	clear:none;
	width:10px;
	margin:0px 10px 0px 0px;
}

#mainContent .tickbox input {
	float:left;
	clear:none;
	width:auto;
}

p.thanks {
	font-weight:bold;
	color:#E23D28;
	color:Red;
}

/*###########################
#######FOOTER LAYOUT########
#############################*/

#footer p {
	padding:0px 0px 5px 0px;
}

#footer a {
	text-decoration:none;
	font-weight:bold;
	color:#000000;
}

#footer ul {
	width:996px;
	padding:20px 0px 10px 0px;
	margin:auto;
	list-style:none;
}

#footer ul li {
	display:inline;
	padding:0px 7px 0px 7px;
}

#footer ul li a {
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}

/*###########################
#########MISC LAYOUT##########
#############################*/

#addedit label {
	width:100px;
}

.noClear {
	clear:none;
}

.clear {
	clear:both;
}

.clearNoContent {
	clear:both;
	height:0px;
	line-height:0px;
}

.hidden {
	display:none;
}

ul.noliststyle {
	list-style:none;
}

ul li.noliststyle {
	list-style:none;
}

ul.arrow {
	list-style:url(../images/background/li-circle-bg.gif);
}

#mainContent ul.arrow a {
	text-decoration:none;
}

/* text styles */

.bold {
	font-weight:bold;
}

.italic {
	font-style:italic;
}

/* alignment */

.left {
	float:left;
	clear:none;
}

.right {
	float:right;
	clear:none;
}

.center {
	text-align:center;
}

.textLeft {
	text-align:left;
}

.textRight {
	text-align:right;
}

.imgLeft {
	float:left;
	clear:none;
	margin:0px 10px 10px 0px;
}

.imgRight {
	float:right;
	clear:none;
	margin:0px 0px 10px 10px;
}

/* spacing */

.nopadding {padding:0px;}

.padtop5 {padding-top:5px;}
.padtop10 {padding-top:10px;}
.padtop20 {padding-top:20px;}

.padleft5 {padding-left:5px;}
.paddingleft20 {padding-left:20px;}
.paddingleft35 {padding-left:35px;}

.padright10 {padding-right:10px;}

.padbot10 {padding-bottom:10px;}
.padbot20 {padding-bottom:20px;}


.newspadding {
	padding-right:10px;
	padding-left:35px;
	padding-top:10px;
}

/* dimensions */

.width100 {
	width:100px;
}

.width110 {
	width:110px;
}

.width200 {
	width:200px;
}

/*###########################
#######ADMIN LAYOUT########
#############################*/

.AdminInfoBox {
	background:url(../images/background/admin-purple-bg.gif) repeat-y;
	clear:both;
	width:590px;
    color:#FFFFFF;
    padding:4px 10px 4px 20px;
    margin:10px 0px;
}

.loginHolder {
	width:300px;
	text-align:center;
	margin:auto;
}

.login {
	width:82px;
	margin:auto;
}

.orangeText
{
    color:#FC922B;
}

.purpleText
{
    color:#744F9F;
}

.greenText
{
    color:#499325;
}

.redText
{
    color:#E23D28;
}

#AdminNoticeBoardEntriesForm
{
    width:620px;
}

.AdminNoticeBoardEntry
{
    clear:both;
	padding:10px 0px 10px 0px;
}

.AdminNoticeBoardEntry textarea {
	width:540px;
	float:left;
	clear:none;
}

.CharactersRemaining
{
    clear:both;
    float:right;
}