@charset "utf-8";

/* CSS Document */
.bg {

	background-color:#000080;
	margin-top: 0px;
	}
.bold{
	font-weight:bold;
}
	
.pad2{
padding: 3em;
}

#wrapper {
	background-color: #FFFFFF;

	margin: 0 auto;

	padding: 0 40px 40px;

	width: 900px; /*brought down by 80px temp to accomodate for the 20px padding when using bg image, would only normally need to bring down by 40px but due to the dark shadow it has to have a further 20 px padding*/

	overflow:hidden;

		}



p {

	font-size: 1.2em;

	line-height: 1.3em;

	margin-bottom: 1.2em;

		text-align: justify;

	}



p.space {

		padding:0 10px;

}

p.cite {
color:#003333;
font-size:10px;
font-weight:bold;
letter-spacing:0;
list-style-image:none;
list-style-type:none;
margin:10px 0 15px;
padding:0;
text-transform:none;
}


.pad {
padding:1em;
}

a{
	color:#000099;
	text-decoration:none;
}

.sLink a{
	color:#000099;
	font-weight:bold;
	text-decoration:none;
}
.sLink a:hover{
	text-decoration:underline;
}

.padtop {
margin-top: 2em;
}	
h2, h3 {color:#000099; font-size: 1.4em; font-weight: normal; margin: 1em 0 0.5em 0; text-transform: uppercase; }

h1 {color:#000099; font-size: 1.7em; font-weight: normal; margin: 1em 0 0.5em 0; text-transform: uppercase; }

								  /*HEADER*/

.greyb {
	border:1px solid #CCCCCC;
	}
	



ul.nav2 li {
	padding-bottom: 1em;
	font-weight: bold;
	}
#header {

	position: relative;

	width: 900px; /*here specify the width as the relative positioned div contains 2 absolutely positioned divs which without the specified width would produce a bug*/

	}



#logo	{

	float: left;
	margin: 20px 0;
	/*height: 51px;	

	

	width: 310px;*/	

	}



#header div {

	color: #A2A2A2;

	font-size: 1.2em;

	font-weight: normal;

	position: absolute;

	right: 0;

	text-align: right;

	text-transform: uppercase;

	top: 40px;

	}

								/*END OF HEADER*/

#navigation {

	border-bottom:1px solid #FFFFFF;

	border-top:1px solid #FFFFFF;

	clear:both;

	padding:5px 0;

	position:relative;

	}



#navigation ul {	

	margin-bottom: 1em;

	}

	

#navigation li:first-child {

	background:#FFFFFF url(../images/head-back1.png) repeat scroll 10px 100px;

	}

	

#navigation li {

	background:#FFFFFF url(../images/head-back1.png) repeat scroll 10px 100px;

	float:left;

	font-size:1.4em;

	line-height:2.5em;

	list-style-image:none;

	list-style-position:outside;

	list-style-type:none;

	margin:10;

	padding-left:20px;
	
	padding-right:10px;


	text-transform:uppercase;

	}






#navigation li a	{

	color: #FFFFFF; 

	}

	

#navigation a:hover, #navigation .current > a {

	color:#FFFFFF;

}

.current a {
	font-weight:bold;
}

/************end of top content*********/

/**********main body*************/

#main {
	margin: 10px auto 0;
	overflow: auto; /*needed to prevent obj spilling out of container div*/
	width: 900px;
}

#picture_box {
	float: left;
	width: 420px;
	}



.rounded {

	background-color: #81BEF7;

	float: left;

	width: 420px;

	margin-top:20px;

	}



#content {

	float: right; 

	margin-right: 20px;

	width: 410px;

	overflow: hidden;

	}

	

/****************form styles***************/



.rounded table, td, form, fieldset {	

	color: #000000;

	font-weight: bold;

	padding: 2px 0 0 4px;

	font-size: 1.1em;

	}

	

input.custom_submit {

	color: #000000;

	cursor: pointer;

	float: right;

	}

	

input.formbox {

	background-color: #FFFFFF;

	}	
	
	
/************end of form *************/

#about {
	
	background-color: #81BEF7;
	border-top: 1px solid #cccccc;
	margin: 0 auto 40px;
	overflow: auto;
	width: 980px;
	padding-bottom: 20px;
	}

#mission, #where{
	float: left;
	margin-left: 40px;
	width: 420px;
	}
	
#where p, #mission p {
	color: #ffffff;
	padding-left: 20px;
	}
	
#where h3, #mission h3 {
	background-color: #000099;
	border-bottom: 1px solid #cccccc;
	color: #FFFFFF;
	font-weight: bold;
	margin-left:20px;
	padding: 10px;
	}

#where a, #mission a {
	font-weight: bold;
	}
	
ul.nav2 {
color: #990033;
font-size: 1.2em;
margin: 1em 0 0 0.6em;
}

.mail {
font-size:1.4em;
margin-left:2em;
}


#coupon			{ top:0; right:100px; position:absolute; cursor:pointer; width:327px; opacity:0.9;
background:url(../images/callback.jpg) 0 bottom no-repeat; }
.closed			{ height:57px; }
.open			{ height:124px; }


#form {
background:#DDEEEE none repeat scroll 0 0;
border:1px solid #000000;
margin:0 auto;
padding:10px;
width:470px;
	}
#form label {
clear: left;
color: #990033;
display: block;
margin-top: 0.3em;
float: left;
padding-right: 10px	;
text-align:right;
width: 100px;
}

#form input {
	border:1px solid #FFFFFF;
	margin-bottom:0.6em;
	padding-left:0.5em;
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../images/form.gif);
	background-repeat: repeat-x;
	background-position: left top;
}


#form textarea {
	border:1px solid #FFFFFF;
	height:15em;
	overflow:auto;
	padding:0.5em;
	width:410px;
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../images/form.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	}

#form #button1 {	
color: #000000;
background-color: 990033;
}