/* CSS Document */

body{
	background-color:#808080;
	background-attachment:fixed;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:0 0 0 0;
	margin:2px 0 0 0;
}
.page_holder{
	width:100%;
}
.button_row{
	height:33px;
	color:#FFFFFF;
	text-align:center;
	/*font-style:italic;*/
	border-width:thick;
}
.header_image img {
	text-align:center;
	width:999px;
	height:125px;
}
.button {
	/*font-style: italic;*/
	font-size: 75%;
	text-align: center;
	padding:0px 0px 0px 0px;
}
.button_primary{
	font-weight: 500;
	font-size: 105%;

	/*
	Not sure about this...makes the current location more obvious though.

	border-color:#DAFEDF;
	border-width:1px;
	border-bottom-style:dashed;
	*/
}
/*
.button_secondry {

this was used to play about with the top menu, so the buttons neighbouring the current one can be highlighted too.
I don't really like it though, but I spent a while making it work so didn't want to delete it.

	font-weight: 600;
	font-size: 80%;

}
*/
.button:hover{
	background-image:url(../images/common/buttonbg.jpg);
	background-repeat:inherit;
}

.content{
	background-image:url(../images/common/pgbg.png);
/* due to a bug in some browsers, this image is occasionally displayed too dark, so fading into a background colour sometimes leaves an obvious divide. Dirty fix is to make this image 1px wide and several thousand pixels tall, then the background colour is never needed unless the image fails to display, in which case there won't be a gradient anyway */
	background-color:#002F00;
	background-repeat:repeat-x;
	width:998px;
	margin-top: 0px;
	border:0px;
}
img{
	border:0;
}
.main_content{
	padding: 30px 10px 10px 10px;

	background-image:url(../images/common/bottom_corners.gif);
	background-repeat:no-repeat;
	background-position: bottom;

}

.bordered{
	border-color:#FFFFFF;
	border-width:1px;
	border-style:solid;
}
.black_bordered{
	border-color:#000000;
	border-width:1px;
	border-style:solid;
}

ul {
	text-align:left;
	font-size:80%;
}

.email{
	border:none;
	vertical-align:top;
}

/* links page specific */
.links_table{
	padding-bottom:20px;
	text-align:center;
}
.links_cell{
	padding-bottom:30px;
	vertical-align:top;
}


/* equip page specific */
.equip_table{
	padding-bottom:20px;
	text-align:center;
}
.equip_cell{
	padding-bottom:30px;
	padding-left:40px;
	vertical-align:top;
}

/* home page specific */

.home_page_content{
	width:850px;
	float:right;
}
.home_page_table{
	width:750px;
}
.home_page_cell{
	border-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	text-align:center;
	padding: 2px 10px 2px 10px;
}

.flags_div{
	border-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	text-align:center;
	padding: 0px 2px 0px 2px;
	width:98px;
}

.flag{
	border-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	margin-left:21px;
}
.flag:hover{
	border-color:#999999;
}

.map{
	border-color:#000000;
	border-style:solid;
	border-width:1px;
}
.map:hover{
	border-color:#333333;
}

/*Translation page specific*/
.trans_page_content{
	width:850px;
	float:right;
}

/*Committee page specific */

.comm_pic{
	margin: 10px 10px 10px 10px;
	border-width:1px;
	border-color:#FFFFFF;
	border-style:solid;
}

/* Intro page specific */

.intro_table_row{
	padding-top:0px;
	padding-bottom:15px;
}

/*blog page specific */

.blog_header_left{
	text-align:left;
	width:150px;
	font-size:80%;
}
.blog_header_centre{
	text-align:center;
}
.blog_header_right{
	text-align:right;
	width:150px;
	font-size:80%;
}
.blog_table{
	background-color:#003300;
	width:100%;
	margin-bottom:20px;
}
.blog_header{
	text-align:left;
	font-size: 130%;
	color:#C9F1BE;
	height:25px;
	font-style:oblique;
	border-width:1px;
	border-style:solid;
	padding:5px 5px 5px 20px;
}
.blog_left{
	width:120px;
	color:#C9F1BE;
	font-style:oblique;
	border-width:1px;
	border-style:solid;
	padding:5px 5px 5px 5px;
	vertical-align:top;
}
.blog_body{
	color:#C9F1BE;
	vertical-align:top;
	border-width:1px;
	border-style:solid;
	padding:5px 5px 5px 5px;
}
.blog_img{
	border-color:#FFFFFF;
	border-width:1px;
	border-style:solid;
	margin-left:8px;
}

.login_form{
	margin-left:300px;
	margin-right:300px;
	border:#FFFFFF thin solid;
	text-align:center;
	padding-left:80px;
}
.login_form #button{
	margin-left:90px;
	padding-left:10px;
	padding-right:10px;
}


/*contact page*/
.meat_spread{
	visibility:collapse;
	visibility:hidden;
	display:none;
}

.txt_input {
	border: 1px solid #FFFFFF;
	padding: 2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#EAFFEB;
}
.txt_input:hover{
	background-color:#FFFFFF;
}


/* photos page */

.photo{
	border-style:solid;
	border-color:#000000;
	border-width:2px;
}

/* join page specific */

.quoteContainer{
	border:#FFFFFF 1px solid;
	/*width:600px;*/
	padding-left:15px;
	padding-top:5px;
	padding-right: 15px;
	margin-left:100px;
	margin-right:100px;
	margin-top:30px;
}
.source{
	text-align:right;
	font-style:italic;
}


/* fonts and text */

a:active,
a:link,
a:visited{
	color: #FFFFFF;
}

a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
p{
	text-align:left;
	font-size:80%;
}
h1{
	font-size:140%;
	text-align:center;
}
h2{
	font-size:100%;
	text-align:center;
}
h3{
	font-size:90%;
	text-align:center;
}
.huge{
	font-size:200%;
}
p.small{
	font-size: 60%;
}
.centred{
	text-align:center;
}
p.centredgr{
	text-align:center;
	font-size:60%;
	color:#808080;
}
p.right{
	text-align:right;
}
p.address{
	margin-left:30px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	width:55%;
}
p.disclaimer{
	text-align:center; /*well, centre, but close enough */
	padding-top:5px;
	font-size:9px;
	color:#333333;
}
hr.padded{
	margin-top:15px;
	margin-bottom:15px;
}
.error{
	color:#FF0000;
	font-weight:bold;
}
.underlined{
	text-decoration:underline;
}
.single_link{
	margin: 0 250px;
}