/*********************************************************************************/
/** Default Styles
/**
/** This section sets/resets the most common elements needed and constructs a
/** solid foundation on which to begin building a site.  
/*********************************************************************************/

html, body, ul, ol, li, dl, p, pre, dd, blockquote, 
h1, h2, h3, h4, h5, h6, a, form, label, fieldset, address {
	margin:0;
	padding:0;
	border:0;
}

/** Font size set to 100.01% to correct several browser bugs **/
html {
	font-size:100.01%;
}

body {
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", LucidaGrande, Geneva, Tahoma, Arial, Verdana, sans-serif;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:0.75em;
	color:#fff;
	background:#1c485b;
	line-height:1.6; /* Unitless is important here */
}

a:link { color:#fff; text-decoration: underline; }
a:visited { color:#fff; text-decoration: underline; }
a:hover { color:#fff; text-decoration: none; }
	
img {
	border:0;
}
	
h1, h2, h3, h4, h5, h6 {
	font-family:"Franklin Gothic Medium", "Futura", Tahoma, Verdana, sans-serif;
	padding:0;
	font-weight:normal;
	margin-top:0px;
	font-weight:bold;
	clear:both;
	margin-bottom:0.5em;
}

h1 {
	font-size:2em;
}

h2 {
	font-size:1.6em;
}

h3 {
	font-size:1.3em;
}

p {
	overflow:hidden;
	clear:both;
}

blockquote {
	background:url(../img/icons/quotes.gif) no-repeat;
	padding-left:30px;
}

small {
	font-size:.8em;
}

sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}

sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}

pre {

}

code {
	font-family:"Courier New", Courier, monospace;        
	font-size:1em;
}

address {
	font-style:normal;
	border:none;
}

abbr {
	cursor:help;
	border-bottom:1px dashed;
}

/** Lists **/

ul, ol {
	padding-left:0;
}

ul {
	list-style-type:none;
	margin-left:0;
}	

	ul li {
		padding-left:1em;
		margin-bottom:.6em;
		background:url(../img/icons/bullets/gt.gif) left .6em no-repeat;
		vertical-align:top;
	}

	ul.bulletless li {
		padding-left:0;
		background:none;
	}
	
ul.horizontal {
	padding:0;
	overflow:hidden;
	zoom:1;
}
	
	ul.horizontal li {
		float:left;
		margin-right:1em;
		display:inline;
	}
	
	ul.horizontal.bulletless li {
		padding-left:0;
		background:none;
	}
	
ol {
	list-style-type:decimal;
	margin-left:2em;
}	

	ol li {
		padding-left:0;
		margin-bottom:.6em;
	}		
	
/** Tables **/

table {
	width:100%;
	border:none;
	border-collapse:collapse;
}

/** Forms **/	

form {
	padding:0;
	margin:0;
}

	form.framed, form .framed {
		background:#F8F8F8;
		border:1px solid #ccc;
		padding:1em;
	}

	form p.row {
		margin-bottom:1em;
	}
	
	form p.row.error {
		background:#FFD8D1 none repeat scroll 0% 50%;
		border:1px solid #FF6242;
		padding:.4em;
	}

fieldset {

}
	
legend {
	font-family:"Franklin Gothic Medium", "Futura", Tahoma, Verdana, sans-serif;
	border:none;
	font-weight:bold;
	font-size:1.4em;
	color:#faed72;
	padding:0;
	margin-bottom:.6em;
}

label {
	display:block;
	margin-bottom:.3em;
	font-weight:bold;
}

	label.inline {
		display:inline;
		margin:0;
		padding-right:1em;
	}
	
	label.required .tag {
		font-weight:normal;
		font-size:.9em;
	}

input, input.text, textarea, select {
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", LucidaGrande, Geneva, Tahoma, Arial, Verdana, sans-serif;
	font-size:1em;
	padding:.4em;
	color:#1d1d1d;
}

input.text, textarea {
	width:300px
}

input.text {
	border:none;
}

	.aside input.text {
		width:15em;
	}

input.checkbox {
	margin:0;
	padding:0;
}

input.radio {
	margin:0;
	padding:0;
}
	
textarea {
	border:none;
	height:10em;
}

select {
	border:none;
	width:310px;
}
	
	select.date {
		width:70px
	}

	select optgroup {
		font-weight:bold;
		font-style:normal;	
	}

.buttons {
	
}

.buttons a, .buttons button {
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#e0e0e0;
    border:1px solid #cdcdcd;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Franklin Gothic Medium", "Futura", Tahoma, Verdana, sans-serif;
    font-size:1.25em;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#545454;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
	.buttons button {
	    width:auto;
	    overflow:visible;
	    padding:4px 10px 3px 7px; /* IE6 */
	}
	
	.buttons button[type]{
	    padding:4px 10px 5px 7px; /* Firefox */
	    line-height:17px; /* Safari */
	}
	
	*:first-child+html button[type]{
	    padding:4px 10px 3px 7px; /* IE7 */
	}
	
	.buttons button img, .buttons a img{
	    margin:0 3px -3px 0 !important;
	    padding:0;
	    border:none;
	    width:16px;
	    height:16px;
	}
	
	/** Colors **/
	
	/* Standard */
	
	button:hover, .buttons a:hover{
	    background-color:#dff4ff;
	    border:1px solid #c2e1ef;
	    color:#336699;
	}
	.buttons a:active{
	    background-color:#6299c5;
	    border:1px solid #6299c5;
	    color:#fff;
	}
	
	/* Positive */
	
	button.positive, .buttons a.positive{
	  text-decoration:none;
		color:#545454;
	}
	
	.buttons a.positive:hover, button.positive:hover{
	    background-color:#97dbf1;
	    color:#16607b;
	}
	.buttons a.positive:active{
	    background-color:#97dbf1;
	    color:#16607b;
	}
	
	/* Negative */
	
	.buttons a.negative, button.negative{
	    color:#d12f19;
	}
	.buttons a.negative:hover, button.negative:hover{
	    background:#fbe3e4;
	    border:1px solid #fbc2c4;
	    color:#d12f19;
	}
	.buttons a.negative:active{
	    background-color:#d12f19;
	    border:1px solid #d12f19;
	    color:#fff;
	}

/** Special links **/

a.pdf {
	padding:5px 0 5px 20px;
	background:transparent url(../img/icons/filetypes/pdf.gif) no-repeat center left;
	line-height:1.7em;
}

a.word {
	padding:5px 0 5px 20px;
	background:transparent url(../img/icons/filetypes/word.gif) no-repeat center left;
	line-height:1.7em;
}

a.excel {
	padding:5px 0 5px 20px;
	background:transparent url(../img/icons/filetypes/excel.gif) no-repeat center left;
	line-height:1.7em;
}

a.txt {
	padding:5px 0 5px 20px;
	background:transparent url(../img/icons/filetypes/txt.gif) no-repeat center left;
	line-height:1.7em;
}

a.zip {
	padding:5px 0 5px 20px;
	background:transparent url(../img/icons/filetypes/zip.gif) no-repeat center left;
	line-height:1.7em;
}

a.external {
	padding:5px 13px 5px 0px;
	background:transparent url(../img/icons/external_link.gif) no-repeat center right;
}

a.previous {
	padding:5px 0px 5px 13px;
	background:transparent url(../img/icons/arrow_left.gif) no-repeat center left;
	line-height:1.7em;
}

a.next {
	padding:5px 13px 5px 0px;
	background:transparent url(../img/icons/arrow_right.gif) no-repeat center right;
	line-height:1.7em;
}

a.email {
	padding:5px 13px 5px 0px;
	background:transparent url(../img/icons/email.gif) no-repeat center right;
	line-height:1.7em;
}

a.magnifier {
	padding:5px 13px 5px 0px;
	background:transparent url(../img/icons/magnifier.gif) no-repeat center right;
	line-height:1.7em;
}

/** Errors **/	

.alert {
	padding:1em 2em .5em 4.5em;
	margin-bottom:1.4em;
	color:#2f2f2f;
}

	.alert ul {
		margin-bottom:0;
	}

		.alert ul li {
			background:url(../img/icons/bullets/gt_red.gif) left .6em no-repeat;
		}

	.alert.error {
		border-top:1px solid #ecd757;
		border-bottom:1px solid #ecd757;
		background:#fcf6d0 url(../img/icons/alerts/error_m.gif) 1.5em 50% no-repeat;
		color:#a6332a;
	}
	
	.alert.info {
		border-top:1px solid #ecd757;
		border-bottom:1px solid #ecd757;
		background:#fcf6d0 url(../img/icons/alerts/info_m.gif) 1.5em 50% no-repeat;
	}
	
	.alert.confirm {
		border-top:1px solid #ecd757;
		border-bottom:1px solid #ecd757;
		background:#fcf6d0 url(../img/icons/alerts/confirmation_m.gif) 1.5em 50% no-repeat;
	}
	
	.alert.warn {
		border-top:1px solid #ecd757;
		border-bottom:1px solid #ecd757;
		background:#fcf6d0 url(../img/icons/alerts/warn_m.gif) 1.5em 50% no-repeat;
	}


/** Positioning **/

.float_left {
	float:left;
	margin-right:5px;
}

.float_right {
	float:right;
	margin-left:5px;
}

.float_wrap {
	overflow:hidden;
	zoom:1;
}

/** Structure **/

.column {
	float:left;
	margin-right:2em;
}

	.column.last {
		margin-right:0;
	}

/** Paragraph Spacing **/

p,
ul, ol,
form, fieldset,
table.data,
.callout.top {
	margin-bottom:1.4em;
}

p.last {
	margin-bottom:0;
}

/*********************************************************************************/
/** Site-Specific Styles
/**
/** This section comtains styles specific to a site and that will most likely be
/** different from site to site.
/*********************************************************************************/

/** Structure **/
#header .container, #content .container, #footer .container {
	width:900px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
}

#logo {
  position:absolute;
}

  #logo img {
    behavior: url(inc/iepngfix/iepngfix.htc);
    width:349px;
    height:166px;
  }

#gon_logo {
  float:right;
  margin-top:10px;
}

#wrapper {

}

#header {
	background:#def1fb url(../img/sky.jpg) repeat-x;
	padding:0 0 10px 0;
	min-height:p8px;
}

	#header .cloud2 {
		background:url(../img/cloud2.gif) right top  no-repeat;
	}

#hills {
	background:#def1fb url(../img/hills.jpg) repeat-x bottom;
	height:43px;
}

#waves {
	background:#4ca5b1 url(../img/waves.jpg) repeat-x top;
	height:17px;
}

#content {
	background:#2a5c72 url(../img/water.jpg) repeat-x;
	padding:10px 0;
	overflow:hidden;
	zoom:1;
}

#footer {
	padding:20px 0;
	overflow:hidden;
	zoom:1;
}

	#footer .left {
		float:left;
		width:70%;
		margin:0;
	}
	
	#footer .right {
		float:right;
		width:30%;
		text-align:right;
	}

#bottomnav li{
	padding-left:0;
	background:none;
	margin-right:20px;
}

/** Table: Used for data representation **/

table.data {
	/*border:1px solid #91d9e2;*/
}
	table.data a:link { color:#009c5d; text-decoration: underline; }
	table.data a:visited { color:#009c5d; text-decoration: underline; }
	table.data a:hover { color:#007d4b; text-decoration: none; }

	table.data thead tr{
		background:#1c485b;
		color:#fff;
		font-weight:bold;
	}
	
	table.data tr {
		background:#fff;
		color:#1c485b;
	}
	
	table.data td, table.data th {
		vertical-align:top;
		padding:.5em;
	}
	
	table.data tr.even td {
		background:#daedf5;
		border-top:1px solid #adcbd8;
		border-bottom:1px solid #adcbd8;
	}
	
	table.data th {
		width:20%;
		background:#1c485b;
		color:#fff;
		font-weight:bold;
		text-align:left;
		border-bottom:1px solid #28596f;
	}
	
/** Hooks **/
ul li.hook {
	width:31px;
	height:21px;
	padding:52px 0 0 0;
	text-align:center;
	color:#302d29;
	margin:0 14px 0 0;
}
	
	li.hook a { display:block; }
	li.hook a:link { color:#302d29; text-decoration: none; }
	li.hook a:visited { color:#302d29; text-decoration: none; }
	li.hook a:hover { color:#302d29; text-decoration: none; }

	li.hook.available {
		background:url(../img/hook_available.gif) top left no-repeat;
	}
	
	li.hook.unavailable {
		background:url(../img/hook_unavailable.gif) top left no-repeat;
	}
	
	li.hook.chosen {
		background:url(../img/hook_chosen.gif) top left no-repeat;
		color:#375d65;
	}

/** Misc **/
.callout {
	padding:10px;
	overflow:hidden;
	zoom:1;
}
	
	.callout.top {
		background:#2e8e9b;
		border:1px solid #91d9e2;
	}
	
	.callout.bottom {
		background:#184f64;
		border:1px solid #538fa9;
	}
	
	.callout h1, .callout h2, .callout h3{
		margin-bottom:0;
	}
	
.highlight {
	color:#faed72;
}