/*
	GUT Foundation Primary Style Sheet
	CSS by David Nash
	davidnash.com.au

	November 2007
*/

html {
	background: #98D1EC url("/images/bg.gif") repeat-x;
	color: #000;
	margin: 0; padding: 0;
	font-family: Arial, sans-serif;
	font-size: 62.5%; /* Resets 1em to 10px */
	margin: 0; padding: 0;
}

body {
	width: 976px;
	margin: 0px auto;
	padding: 0;
	font-size: 1.1em;
}

img { border-width: 0 }

form { padding: 0; margin: 0 }

input { font-family: Arial, sans-serif; }

a { color: #3282A5; }

.clear { clear: both; }

.hidden { display: none; }

.red 
{
	color: #FF0000;
}

#head { position: relative; }

#head h1 {
	position: absolute;
	top: 0px;
	left: 17px;
}

#head h1 a {
	display: block;
	width: 176px;
	height: 61px;
	background: url("/images/logo.gif") no-repeat;
}


#head #toolbar {
	width: 754px;
	height: 29px;
	background: url("/images/bg-top.gif") no-repeat;

	padding: 0 0 0 11px;
	
	position: absolute;
	right: 6px;
	top: 0;

}

#toolbar form, #toolbar div { display: inline; }

#toolbar a { 
	color: #4E4E4E;
	text-decoration: none;
}

#toolbar a:hover { 
	color: #000;
}

#toolbar .button {
	border-width: 0;
	padding: 0;
	margin: 0;
	background-color: white;
	position: relative;
	top: 5px;
}

#toolbar .button img { 
	display: block;
	border: 0; padding: 0; margin: 0;	
}

#toolbar .input {
	border: 1px solid #86AEBA;
	margin: 0; padding: 0;
	background: #fff url("/images/bg-text-input.gif") no-repeat;
	padding: 1px;
}

#toolbar .input-newsletter { width: 115px; }

#toolbar .input-search { width: 80px; }

#toolbar a, #toolbar form {
	padding: 0 11px 0 10px;
}

#toolbar form input {
	margin-left: 6px;
}

#menu {
	position: absolute;
	right: 22px;
	top: -20px;
	font-size: 116%;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu ul li { 
	margin: 0;
	padding: 0;
	position: relative;
	float: left; /*stops ie shifting items down*/
}

#menu li a {
	display: block;
	/*height: 18px;*/

	float: left;
	margin-left: 4px;
	padding: 0.25em 0.8em;

	text-decoration: none;
	color: #fff;
	background: #13425E url("/images/bg-tab.gif") repeat-x;
}

/* second level */

#menu ul ul {
	position: absolute;
	top: 1.7em;
	left: 0;
	display: none;
	padding: 0; margin: 0;
}

#menu ul ul li {
	padding: 0; margin: 0;
}


#menu ul li:hover ul, #menu ul li.over ul {
	display: block;
}


#menu ul ul li {
	float: none; /*for ie*/
	position: relative;
}

#menu ul ul li a {
	float: none;
	background: #fff;
	color: #13425E;
	width: 100px;
}

#menu ul ul li a:hover {
	background-color: #CAE1F1;
}

/* third level */

#menu ul ul ul {
	position: absolute;
	top: 0px;
	left: 120px;
	display: none;
}

#menu ul li:hover ul ul, #menu ul li.over ul ul {
	display: none;
}

#menu ul ul li:hover ul, #menu ul ul li.over ul {
	display: block;
}








#main {
	color: #174F60;
	position: absolute;
	top: 87px;
	width: 972px;
}

#white {
	background-color: #fff;
	border: 1px solid #fff;
}

#main #image-Welcome {
	display: block;
	float: left;
}

#main #rightCol {
	width: 263px;
	float: right;
	margin-right: 30px;
}

#main #rightCol h2 {
	font-weight: normal;
	font-size: 164%;
	margin: 0;
	padding: 13px 0 0 0;
	color: #6AA5C3;
}

#main #rightCol h2 span { 
	color: #174F60;
	font-weight: bold;
}

#main #rightCol p {
	line-height: 125%;
	margin: 0;
	padding: 10px 0 0 0;
	text-align: justify;
}

#main #latestNews {
	border: 1px solid #B6C8D6;
	border-width: 1px 0;
	padding: 10px 5px;
	margin: 1em 0;
}

#main #latestNews h3 {
	font-weight: normal;
	font-size: 154%;
	margin: 0;
	padding: 0;
	color: #6AA5C3;
}

#main #twoCols { text-align: center; }

#main #twoCols img { 
	display: block;
	margin: 0 auto;
}

#main #twoCols a { 
	font-weight: bold;
	text-decoration: none;
}

#main #twoCols a:hover { 
	/*text-decoration: underline;*/
	color: #000;
}

#main #twoCols .left {
	float: left;
	width: 49%;
	border-right: 1px solid #D4D9DC;
}

#main #twoCols .right {
	float: right;
	width: 49%;
}

#main #fourBoxes { 
	clear: both;
}

.box {
	width: 233px;
	height: 134px;
	
	border: 1px solid #A3B6C4;
	background: #fff url("/images/bg-box.jpg") repeat-x top;
}

#fourBoxes .box {
	margin: 2px 2px 5px 5px;
	float: left;
}

.box h4 {
	font-family: Georgia, serif;
	font-size: 133%;
	padding: 5px 0 0 10px;
	margin: 0;
}

.box h4 a { 
	text-decoration: none;
	color: #1C4D6D;
}

.box h4 a:hover { 
	color: #000;
}

.box p {
	margin: 0;
	padding: 5px 0px 0 10px;
}

.box img {
	float: right;
}

.box a.more { 
	display: block;
	padding: 10px 0 0 10px;
	text-decoration: none;
}

.box a:hover.more { color: #000; }

#foot { 
	padding: 5px 10px;
	margin-bottom: 10px;
	font-size: 90%;
	color: #555;
}

#foot a {
	text-decoration: none;
	color: #555;
}

#foot a:hover {
	color: #000;
}

#foot .left { float: left; }
#foot .right { float: right; }


/* non-welcome pages */

#wideCol {
	width: 665px;
	float: left;
	background: url("/images/bg-page.jpg") no-repeat;
	padding: 0 30px 30px 35px;
}

#wideCol #title {
	color: #fff;
	margin: 0;
	padding: 91px 5px 0 0;
	text-align: right;
	font-size: 215%;
	font-weight: normal;
}

#wideCol #pageTitle {
	margin: 0;
	padding: 55px 0 0 0;
	font-size: 240%;
	font-weight: normal;
}

#wideCol h1, h2, h3 {
	font-size: 130%;
	color: #000;
	margin: 0;
	padding: 1em 0 0 0;
}

#wideCol h2 { font-size: 120%; color: #1F597B; }

#wideCol h3 { font-size: 120%; color: #077F6D; }

#wideCol p {
	line-height: 180%;
	margin: 0;
	padding: 0 0 1em 0;
}

#wideCol #rightImage {
	float: right;
	padding-top: 30px;
}

#wideCol .rightImage {
	float: right;
	padding-top: 30px;
}

#narrowCol {
	width: 230px;
	float: right;
	padding-right: 8px;
}

#narrowCol .box {
	margin: 3px 2px 10px 0px;
}

.orderform 
{
	width: 665px;
}

.orderform .spacerrow
{
	width: 665px;
	height: 20px;
	clear: both;
}

.orderform .row
{
	width: 665px;
	clear: both;
}

.orderform .row .col1
{
	width: 290px;
	float: left;
}

.orderform .row .col2
{
	width: 120px;
	float: left;
}

.orderform .row .col3
{
	width: 120px;
	float: left;
}

.orderform .row .col3 input[type=text]
{
	width: 50px;
	height: 12px;
	font-size: 1em;
}


.orderform .row .col4
{
	width: 120px;
	float: left;
}


.orderform .row .col5
{
	width: 310px;
	float: left;
}

.orderform .row .col5 input[type=text]
{
	width: 280px;
	height: 12px;
	font-size: 1em;
}

.orderform .row .col5 input.sml[type=text]
{
	width: 10px;
	height: 12px;
	font-size: 1em;
	text-align: center;
}


.orderform .row .col6
{
	width: 365px;
	float: left;
}


.donationform 
{
	width: 665px;
}

.donationform .spacerrow
{
	width: 665px;
	height: 20px;
	clear: both;
}

.donationform .row
{
	width: 665px;
	clear: both;
}

.donationform .row .col1
{
	width: 175px;
	float: left;
}

.donationform .row .col2
{
	width: 490px;
	float: left;
}

.donationform .row .col2 input[type=text]
{
	width: 280px;
	height: 12px;
	font-size: 1em;
}

.donationform .row .col3
{
	width: 665px;
	float: left;
}

.loginform 
{
	width: 350px;
}

.loginform .spacerrow
{
	width: 350px;
	height: 20px;
	clear: both;
}

.loginform .row
{
	width: 350px;
	clear: both;
}

.loginform .row .col1
{
	width: 80px;
	float: left;
}

.loginform .row .col2
{
	width: 150px;
	float: left;
}

.loginform .row .col2 input[type=text],
.loginform .row .col2 input[type=password]

{
	width: 130px;
	height: 12px;
	font-size: 1em;
}

.loginform .row .col2 input[type=submit]
{
	float: left;
}

.loginform .row .col3
{
	width: 150px;
	float: left;
}

.loginform .row .col4
{
	width: 160px;
	float: left;
}