/*
Title: Stylesheet for ONE Mission (www.onemission.org.au)
Author: Intervolve Digital Media (www.intervolve.com.au)
Last Modified: 12th Apr 2007
*/


/* Main
------------------------------------------------------ */

body{
	font:normal 65.7%/2em "Trebuchet MS", Arial, Verdana;
	background:#4F648F url(../images/background.gif) repeat-x 0 0;
	background-attachment:fixed;
	margin:20px 0;
	}

td{
	color:#041C43;
	font-size:.8em;
	line-height:1.5em;
	}
	
h1, h2, h3, h4, p, ul, li, dl, img, form{padding:0;margin:0}
img{border:0}
	
li{
	list-style-position:outside;
	margin:0 0 .5em 1.3em;
	}
	
/* Links
------------------------------------------------------ */

a{color:#89A818;text-decoration:none}

a:hover{text-decoration:underline}
	
/* Headings / Text
------------------------------------------------------ */
	
h1{
	color:#A9A9A9;
	font-size:2.4em;
	border-bottom:2px solid #A9A9A9;
	}
	
h2{
	color:#B3DC1F;
	font-size:1.9em;
	border-bottom:1px solid #E1F1BA;
	margin-top:1em;
	margin-bottom:1em;
	}

h1, h2{
	display:block;
	line-height:1.5em;
	font-weight:normal;
	letter-spacing:-1px;
	}
	
h3{
	margin-top:2.4em;
	color:#B3DC1F;
	font-weight:normal;
	font-size:1.6em;
	line-height:1.4em;
	}
	
h4{ 
	font-size:1.1em;
	line-height:1.8em;
	font-weight:bold;
	margin:0;
	padding:0
	}
	
h5{ 
	font-size:1.1em;
	line-height:2.0em;
	font-weight:bold;
	color:#B3DC1F;
	}
	
h3.bigDots{margin:0;font-size:15px}	
	
/* Logo Area
------------------------------------------------------ */	

.logobg{background:#E2F3A2 url(../images/logobg.gif) repeat-x 0 0}
	
#logo{
	width:153px;
	height:141px;
	display:block;
	text-indent:-10000px;
	background:url(../images/logo.gif) repeat-x 0 0;
	overflow:hidden;
	}
	
#logo:hover{background:url(../images/logo2.gif) repeat-x 0 0}
	
/* Content
------------------------------------------------------ */

.topgradient{background:#D8EF85 url(../images/topgradient.gif) repeat-x 0 0}

.content{background:#FFF url(../images/contentbg.gif) repeat-x 0 0}

#container{border-bottom:4px solid #B3DC1F}

#content p{margin:0 0 1em 0}	

#content{padding:0 0 2em 0}

#content .small{font-style:italic}

#content .downloadLink a{
	font-weight:bold;
	color:#162D55;
	background:#E9F1FF;
	border:1px solid #C2D2EF;
	border-width:1px 0;
	padding:10px 0;
	text-indent:10px;
	display:block;
	}

#content .downloadLink a:hover{background:#D9E7FF}

.projectHeading{
	margin:-12px -12px 6px -12px;
	font-size:1.3em;
	font-weight:normal;
	text-transform:uppercase;
	line-height:2em;
	display:block;
	color:#1C335B;
	background:#D8E2F0;
	padding:0px 12px;
	}

.projectBox{
	margin-bottom:20px;
	width:477px;
	}
	
.projectText{
	padding:10px;
	}

.teamText{
	padding:0 15px;
	font-size:75%
	}
	
#team .projectText{
	font-size:.75em;
	line-height:18px;
	}

.projectBox img{
	border:5px solid #E3E8EF;
	margin:0px 15px 5px 0 !important;
	}
	
.teamBox{margin:0 0 20px 0}

.teamBox img{
	border:5px solid #E3E8EF;
	width:111px;
	height:115px;
	} *html .teamBox img{margin:0 0 -5px 0 !important;}

.teamBox .leftcol a{
	background:#E3E8EF;
	display:block;
	text-align:center;
	padding:10px 0;
	color:#041C43;
	}

.teamBox h3{
	margin:0;
	line-height:110%;
	padding:0;
	}


.projectBox a:hover img {border:5px solid #D8E2F0}

#photos img{margin: 0 0 1em 0}

#copyright{color:#A8A8A8;font-size:.7em}

.anchor{
	color:#A9A9A9;
	border-bottom:1px solid #DCDCDC;
	padding:3px 0;
	text-indent:10px;
	display:block;
	}

.anchor:hover{background:#F7F7F7}

.news{font-size:.8em;color:#FFF;background:#818DA1;padding:0 3px;}

.phototable .text{
	color:#FFF;
	font-weight:bold;
	background:#FFF url(../images/photobg.gif) no-repeat 0 0;
	text-align:left;
	padding-left:14px;
	}

.greenbox,.redgreenbox{
	display:block;
	border:1px solid #C0E347;
	background:#DFF1A3;
	padding:10px;
	}

.redgreenbox{color:red}
.redgreenbox a{color:#B11C1C}

.frontimgs img{
	border:1px solid #A8A8A8
	}

	
/* Form Styling
------------------------------------------------------ */
	
form{border:3px double #DDD;border-width:3px 0 0 0;padding:20px 0;}

.formFields{
	padding:5px;
	width:350px;
	border:1px solid #D4D5DB;
	}*html .formFields{height:28px}

.dob{
	padding:5px;
	width:75px;
	border:1px solid #D4D5DB;
	}*html .dob{height:28px}

.formFieldsLong{
	border:1px solid #D4D5DB;
	font-size:1em;
	font-family: "Trebuchet MS", Arial, Verdana;
	padding:5px;
	width:350px;
	height:150px;
	}
	
.submitbutton{
	background:#B3DC1C;
	font-weight:bold;
	color:#576F57;
	border:0;
	width:100px;
	height:30px;
	background:#E6F5AF url(../images/menubg.gif) repeat-x 0 0
	}
	
.submitbutton:hover{
	color:#000;
	background:#B3DC1C;
	cursor:hand;
	cursor:pointer;
	}
	
.required{color:#DA301F}




/* Right Column
------------------------------------------------------ */

.right{background:#FCFEF4 url(../images/rightbg.gif) repeat-x 0 0}

.quoteText{
	color:#5D7A18;
	font-size:1em;
	font-weight:bold;
	letter-spacing:-1px;
	padding:0 25px;
	line-height:1.3em;
	text-align:left;
	}

.peoplemission p{
	color:#5D7A18;
	display:block;
	font-size:1.2em;
	text-align:center;
	display:block;
	border-bottom:1px solid #D4DDBD;
	padding:5px 0;
	}
	
.lined{border-top:3px double #E3F3A7}
.lined2{border-bottom:3px double #E3F3A7}


/* Menu
------------------------------------------------------ */

#menu,#menu2{
	font-family:Verdana, Arial;
	font-size:.6em;
	}

#menu a{
	color:#576F57;
	line-height:39px;
	font-weight:bold;
	background:url(../images/menubullet.gif) no-repeat center left;
	height:39px;
	padding:0 3px 0 8px;
	}
	
#menu2 a{
	color:#668223;
	line-height:39px;
	font-weight:bold;
	background:url(../images/menubullet2.gif) no-repeat center left;
	height:39px;
	padding:0 1px 0 8px;
	}
	
#menu a.current, #menu2 a.current{
	color:#041C43;
	background:url(../images/menubullet3.gif) no-repeat center left;	
	}
	
.menu{
	border-bottom:3px solid #D1EB70;
	background:#E6F5AF url(../images/menubg.gif) repeat-x 0 0;
	}

.menu2{border-bottom:3px solid #D1EB70}


/* Footer
------------------------------------------------------ */

#footer{
	color:#9E9E9E;
	border-top:1px solid #C0E347;
	}
	
#footer a{color:#616161}
	
.bottom{
	font-size:.75em;
	background:#FFF url(../images/bottombg.gif) repeat-x bottom left;
	}

.bottom2{
	font-size:.75em;
	background:#FCFEF4 url(../images/bottombg2.gif) repeat-x bottom left;
	}

.bottom span{float:left}

.intervolve{
	width:71px;
	height:19px;
	display:block;
	text-indent:-10000px;
	background:url(../images/intervolve1.gif) repeat-x 0 0;
	overflow:hidden;
	margin:0 0 0 5px;
	}
	
.intervolve:hover{background:url(../images/intervolve2.gif) repeat-x 0 0}