/* Start of CMSMS style sheet 'gawf' */
@charset "UTF-8";
/* CSS Document */

/********************
STYLING - text and image
*********************/

body { 
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 100%;
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5  {
	color: #ff8a00; 
	font-weight:normal;
}

h1 {
	font-size: 1.5em;
	margin: 30px 0px 15px 0px;
}

h2 {
	font-size: 1.2em;
	margin: 30px 0px 10px 0px;
}

h3 {
	font-size: 1em;
	margin: 20px 0px 10px 0px;
}

h4,h5 {
	font-size: 0.9em;
	margin: 0px 0px 10px 0px;
}

p {
	color: #000;
	font-size: 0.9em;
	line-height: 1.4em;
	margin: 0px 0px 10px 0px;
}

p.caption {
	color: #ff8a00;
	font-style: italic;
}

ul, ol {
	color: #000;
	font-size: 0.9em;
	line-height: 1.4em;
	margin: 0px 0px 10px 0px;
	padding-left: 20px;
}

li {
	padding: 0 0 6px 0; 
}

/* links */
a:link {
	color: #0079c2; 
	text-decoration: none;
	outline: none;
}

a:visited {
	color: #0079c2;
	text-decoration: none;
}

a:hover, a:active, a:focus  {
	color: #ff8a00;
	text-decoration: none;
}

img {
	border: none;
	float: right;
	padding: 0px;
	margin: 3px 0 15px 15px;
}

img.unstyled_image {
	border: none;
	float: none;
	padding: 0;
	margin: 0;
}


/********************
HEADER
*********************/

#header
{
	padding: 0;
	margin: 0;
	background-color: #0079c2;
	color: #fff;
	float: left;
	width: 100%;
	height: 135px;
}

div#header h1 {
   padding: 0;
   margin: 0;

}

div#header h1 a {
/* you can set your own image here */
   padding: 0;
   margin: 0;
   background-image: url(images/gawf-logo.gif); /* logo link */
   background-repeat: no-repeat;
   background-position: 0 0px;
   float: left;
   height: 135px;             /* adjust according your image size */
   width: 390px;
   text-indent: -999em;       /* this hides the text */
   text-decoration: none;     /* old firefox would have shown underline for the link, this explicitly hides it */
}


/********************
CONTAINER - contains local nav and content
*********************/

.contain
{
   width: 780px;
   padding: 0;
   margin: 0;
   margin-left: auto;
   margin-right: auto;
}


/********************
MENU
*********************/

/* hack for Internet Explorer */
* html div#globalnav {
   /* hide ie/mac \*/
   height: 1%;
   /* end hide */
}

/* 
background-color for the entire menu row, 
covering 100% of the width and text left-aligned 
*/
div#globalnav {
	padding: 0;
	margin: 0;
	background-color: #ff8a00;
	color: #fff;
	float: left;
	width: 100%;
	font-size: 20px;
}

div#globalnav ul {
   padding: 0;
   margin: 0;
}

/* menu list items */
div#globalnav li {
   float: left; /* makes the list horizontal */
   display: inline;
   list-style: none; /* hides the list bullet */ 
   padding: 0;
   margin: 0 ;
   font-size: 20px;
}


/* the links, that is each list item */
div#globalnav a {
	padding: 11px 15px 9px 15px;
	margin: 0 ;
  	text-decoration: none; /* no underline for links */
	background-color: #ff8a00;
  	color: #fff;
  	display: block; /* IE has problems with this, fixed above */
}


/* hover state for links */
div#globalnav li a:hover {
	padding: 11px 15px 9px 15px;
  	margin: 0 ;
  	background-color: #ffd7b0;
	color: #ff8a00;
  	text-decoration: none;
}

div#globalnav a.activeparent:hover {
	padding: 11px 15px 9px 15px;
	margin: 0 ;
	background-color: #ffd7b0;
	color: #ff8a00;
	text-decoration: none;
}

/* active parent, that is the first-level parent of a child page that is the current page */
div#globalnav li.activeparent a {
	padding: 11px 15px 9px 15px;
	margin: 0 ;
	background-color: #ffd7b0;
	color: #ff8a00;
	text-decoration: none;
}

div#globalnav h3 {
	padding: 11px 15px 9px 15px;
	margin: 0 ;
	background-color: #ffd7b0;
	color: #ff8a00;
	text-decoration: none;
	font-size: 20px;
}


/********************
BREADCRUMB TRAIL
*********************/

#crumb
{
   padding: 0;
   margin: 0;
   background-color: #ffd7b0;
   color: #000;
   float: left;
   width: 100%;
   font-size: 0.8em;
}

#crumb p
{
	padding: 5px 15px 5px 15px;
	margin: 0;
	font-weight: bold;
}

/********************
LOCAL NAV - left column
*********************/

#localnav {
   padding: 30px 0px 30px 20px;
   margin: 0;
   width: 140px;
   float: left;
}

div#localnav ul {
   padding: 0;
   margin: 0;
}

div#localnav li  
{
   padding: 0 0 10px 0px;
   margin: 0;
   font-size: 1em;
   line-height: 1.2em;
   font-weight: bold;
   text-decoration: none;
   list-style: none;
   color: #ff8a00;
}

div#localnav ul ul {
   padding: 5px 0 0px 20px;
}

div#localnav li  li
{
   padding: 0 0 5px 0px;
   list-style-image: url(images/tri-orange.gif);
}

div#localnav li li a:link
{
   list-style-image: url(images/tri-blue.gif);
}

div#localnav h3  
{
   padding: 0;
   margin: 0;
   font-size: 1em;
   font-weight: bold;
}

/********************
CONTENT - right column
*********************/

#content {
   padding: 0 0 30px 0;
   margin: 0;
   width: 600px;
   float: right;
}

/********************
FOOTER
*********************/

#foot
{
   padding: 10px 0;
   margin: 0;
   background-color: #ffd7b0;
   color: #000;
   float: left;
   width: 100%;
   font-size: 0.8em;
}

#foot p
{
	padding: 0 0 5px 0;
        margin: 0;
        text-align: center;
}

#foot a
{
	font-weight: bold;
}

/********************
FORM
*********************/

.formbuilderform fieldset, .contactform fieldset {
   padding: 1em; 
}

.formbuilderform fieldset legend, .contactform fieldset legend {
   font-weight: normal;
   font-size: 1.3em;
} 

.formbuilderform div, .contactform div {
   padding: 0.25em;
}

.contactform div label {
   font-size: 0.9em;
   margin: 0 0.25em 0.25em 0;  
}

form {
   margin:0;
   padding:0;
   background-colour:#ffffff;
}

form div {
   margin-bottom:0
}

fieldset div {
   margin-top:1em;
   margin-left:1em;
}

fieldset div div {
   margin-top:0em;
   margin-left:1em
}

fieldset {
   margin:0;
   padding:0;
}

 label {
   font-size: 0.9em;
   line-height: 1.4em;
   margin: 0 0 10px 0;
}

legend {
   margin-bottom:0.5em;
   padding:0.2em;
   width: auto;
}

textarea {
   width:600px;
   height:70px;
   font-size: 1.1em;
}

input {
   width:595px;
   height:20px;
   font-size: 0.9em;
}

	/* Apply this class to text/select input fields with shorter labels
		to help alignment */
	.short-label label {float:left; width:10em}
	.short-label fieldset div input,
	.short-label fieldset div select {width:16em}

	/* Pretty up your Captcha image output */
	.captcha {
		margin:0.5em 0;
		width:200px;
		text-align:center
	}
	.captcha img {border:1px solid #F60; margin-bottom:0.5em}
	.captcha input {width:196px; margin-top:0.5em}

/* Just a bit more room for the Submit button */
.submit {
   margin: 5px 0 15px 0;
}
/* End of 'gawf' */