/* Reset all margins and paddings for browsers */
* { 
	padding: 0;
	margin: 0;
}


body {
	font: 1.0em Georgia, Times, serif;
	line-height: 1.6em;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	color: #FFFFFF;
}

p {
	font:  1em Georgia, Times, serif;
	line-height: 1.3em;
	color: #FFFFFF;
	padding: 0px 0px 15px 0px;
	text-align: justify;	
	
}

.left {
	text-align: left;	
}



h1 { font:  1.6em/1.7em Arial, Helvetica, sans-serif; 
	color: #fcfdbf;
	padding: 15px 0px 15px 0px;
	}

h2 { font:   1.2em Georgia, Times, serif;   
	line-height: 1.5em; 
	color: #fcfdbf;
	padding: 5px 0px 15px 0px;
	}	

h3 { font:  1em Georgia, Times, serif;   
	line-height: 1.4em; 
	color: #FF6600;
	padding: 5px 0px 0px 0px;
	}		
	


/* unvisited link */
a:link {
	color: #FCFDBF;
	text-decoration: none;	
} 

/* visited link */
a:visited { 
   color: #FCFDBF;
}

/* mouse over link */
a:hover { 
	color: #FFFFFF;
}

/* selected link */
a:active { 
	color: #FCFDBF;
	
}


#wrap {
	margin: 0px auto 0px;
	width: 960px;
	height: auto;
	border: 0px solid #FFFFFF;
	background-color: #FFFFFF;
	
}

#maincontainer {
	width: 960px;
	height: 570px;
	background-color: #FFFFFF;
	background-image: url(../images/swirls.gif);
	background-repeat: repeat;
}

#maincontainerjb {
	width: 960px;
	height: 650px;
	background-color: #FFFFFF;
	background-image: url(../images/swirls.gif);
	background-repeat: repeat;
}

#maincontainerjbpage {
	width: 900px;
	height: 830px;
	background-color: #FFFFFF;
	background-image: url(../images/swirls.gif);
	background-repeat: repeat;
	padding: 0px 30px 0px 30px;
}


#maincontainerpad {
	width: 900px;
	height: 1870px;
	background-color: #FFFFFF;
	background-image: url(../images/swirls.gif);
	background-repeat: repeat;
	padding: 0px 30px 0px 30px;
}

#maincontainerpadcharity {
	width: 900px;
	height: 1270px;
	background-color: #FFFFFF;
	background-image: url(../images/swirls.gif);
	background-repeat: repeat;
	padding: 0px 30px 0px 30px;
}

#maincontainerpadcharitymovie {
	width: 900px;
	height: 500px;
	background-color: #FFFFFF;
	background-image: url(../images/swirls.gif);
	background-repeat: repeat;
	padding: 0px 30px 0px 30px;
}




#maincontainergallery {
	width: 900px;
	height: 1000px;
	background-color: #FFFFFF;
	background-image: url(../images/swirls.gif);
	background-repeat: repeat;
	padding: 0px 30px 0px 30px;
}

#maincontainer1col {
	width: 900px;
	padding: 0px 30px 0px 30px;
	height: 950px;
	background-color: #FFFFFF;
	background-image: url(../images/swirls.gif);
	background-repeat: repeat;
}

#maincontainer1colnews {
	width: 900px;
	padding: 0px 30px 0px 30px;
	background-color: #FFFFFF;
	background-image: url(../images/swirls.gif);
	background-repeat: repeat;
}

#maincontainer1colnewstop {
	width: 900px;
	height: 61px;
	padding: 0px 30px 0px 30px;
	background-color: #FFFFFF;
	background-image: url(../images/swirls.gif);
	background-repeat: repeat;
}

#maincontainer1colnewsmid {
	width: 885px;
	padding: 0px 30px 0px 45px;
	background-color: #FFFFFF;
	background-image: url(../images/bgbarnews.gif);
	background-repeat: repeat-y;
}

#maincontainer1colnewsbot {
	width: 900px;
	height: 50px;
	padding: 0px 30px 0px 30px;
	background-color: #FFFFFF;
	background-image: url(../images/swirlsbot.gif);
	background-repeat: repeat;
}

#maincontainer1colnewsbotgallery {
	width: 900px;
	height: 50px;
	padding: 0px 30px 0px 30px;
	background-color: #FFFFFF;
	background-image: url(../images/swirlsbotgallery.gif);
	background-repeat: repeat;
}


#newspacerbot {
	width: 900px;
	height: 25px;
	padding: 0px 30px 0px 30px;
	
}


#yellowbar {
	padding-top: 0px;
	margin-right: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height:auto !important; /* FF and compliant browsers should automatically size the body/html */
    height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */
    min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
	width: 5px;
	float: left;
	background-color: #fcfdbf;
	
}


#maincontainermed {
	width: 960px;
	height: 720px;
	background-color: #FFFFFF;
	background-image: url(../images/swirls.gif);
	background-repeat: repeat;
}

#maincontainerlarge {
	width: 960px;
	height: 830px;
	background-color: #FFFFFF;
	background-image: url(../images/swirls.gif);
	background-repeat: repeat;
}

#maincontainercontact {
	width: 900px;
	padding: 0px 30px 0px 30px;
	height: 820px;
	background-color: #FFFFFF;
	background-image: url(../images/swirls.gif);
	background-repeat: repeat;
}

#maincontainerxlarge {
	width: 960px;
	height: 900px;
	background-color: #FFFFFF;
	background-image: url(../images/swirls.gif);
	background-repeat: repeat;
}

#maincontainer2col {
	width: 900px;
	padding: 30px 0px 0px 30px;
	
}


/* TOP IMAGE -------- */
#top {
	margin: 0px auto;
	width: 960px;
	height: 395px;
	text-align: right;
	margin-right: 0px;
	
}

/* MAIN NAVIGATION -------- */


#mainnav {
	width: 960px;
	height: 40px;
	color: #FFFFFF;
	padding-top: 20px;
	background-color: #FFFFFF;
}

#undernav {
	width: 960px;
	height: 25px;
	background-color: #FFFFFF;
}




#maincontent {
	width: 450px;
	height: 500px;
	float: left;
	padding: 0px 0px 0px 30px;
}

#maincontentmed {
	width: 450px;
	float: left;
	padding: 0px 0px 0px 30px;
}

#maincontentlarge {
	width: 450px;
	float: left;
	height: 900px;
	padding: 0px 0px 0px 30px;
}


#maincontentsingle {
	width: 450px;
	float: left;
	padding: 0px 0px 0px 30px;
	
}

#lhscolumnleft {
	width: 195px;
	float: left;
	padding: 0px 25px 0px 0px;
	margin-right: 5px;	
}

#lhscolumnright {
	width: 210px;
	
	float: left;

}

#rhscolumn {
	width: 445px;
	
	float: left;
	padding: 0px 0px 0px 10px;
	margin-top: 15px;
	margin-left: 10px;
}

#rhscolumnleft {
	width: 205px;
	
	float: left;
	padding: 0px 0px 0px 0px;
	margin-right: 5px;	
}

#rhscolumnright {
	width: 205px;
	height: 155px;
	float: left;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/trackrectangle.png);
	background-repeat: no-repeat;
}

#randomimagehome {
	width: 405px;
	height: 355px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin-top: 15px;	
		
}

#randomimageset {
	width: 405px;
	height: 500px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin-top: 15px;	
		
}



/* COPYRIGHT -------- */

#smalltext {
	padding: 0px 0px 0px 0px;
	font-size: 10px;
    text-align: center;
     color: #663300;
	}
	
.copyright {
	font-size: 10px;
    text-align: center;
    
	}

.copyright a:link { 
	font-size: 10px;
    text-align: center;
     color: #663300;
	}

.copyright a:visited { 
	font-size: 10px;
    text-align: center;
    color: #666666;
	}
	
.copyright a:hover { 
	font-size: 10px;
    text-align: center;
     color: #663300;
	}	
	
.copyright a:active  { 
	font-size: 10px;
    text-align: center;
    color: #663300;
	}			


	
.palyellow {
	color: #fcfdbf;
}

.palyellowbg {
	color: #000000;
	background-color: #FCFDBF;
}

.yellowbar {
	padding-top: 0px;
	margin-right: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height:auto !important; /* real browsers */
	height:95%; /* IE6: treaded as min-height*/
	min-height:91%; /* real browsers */
	width: 5px;
	float: left;
	background-color: #fcfdbf;
	background-image: url(../images/menu/yellow_bar.gif);
	background-repeat: repeat-y;
}





.bar {
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.textcentredbox{
	text-align: center;
	padding-top: 9px;	
}

.paddingleft{
	
	padding-left: 10px;	
}

.paddingright{
	
	padding-right: 10px;	
}

.paddingtop{
	
	padding-top: 40px;	
}


.textleftindentbox{
	font-size: 15px;
	padding-top: 0px;
	padding-left: 5px;
	line-height: 1.2em;
	list-style-image: url(../images/soundicon.png);
	margin-left: 45px;
}




#imagetextsub {
	color: #FFFFFF;
	position: relative;
	top: -50px;
	left: 20px;
	font-size: 0.8em;
	line-height: 13px;
	
}






.bodyform {
width: 400px;
height: 500px;
overflow-y: scroll;
resize: vertical;
}

#gallerysection {
	width: 280px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin-left: 10px;
	margin-bottom: 20px;
	height: 248px;
	background-color: #FFFFFF;
}

#galleryimage {
	width: 280px;
	padding: 0px 0px 0px 0px;
	margin-right: 0px;
	height: 210px;
	background-color: #FFFFFF;
}

#gallerycaption {
	width: 280px;
	padding: 0px 0px 0px 0px;
	color: #000000;	
	height: 50px;
	background-color: #FCFDBF;
	
}

.textcaption{
	text-align: center;
	
}

.error {
	color: #FFFFFF;
	font-weight: bold;
}

.left {
	text-align: left;
	
}

.centre {
	text-align: center;
	
}

.form400 {
	width: 400px;
	text-align: left;
	margin: 1em;
}

.clear	{ clear: both;		}
.lclear	{ clear: left;		}
.rclear	{ clear: right;		}


.green {
	color: #00CC00;
	font-weight: bold;
}

.orange {
	color: #FF6600;
	font-weight: bold;
}