/* CSS created by www.crashingbydesign.com.au October 2007*/

body {
border: 0;
padding: 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%;
background: #7AADC3 url(images/template/bg.jpg) repeat-x;
text-align: center;
}

.skiplinks {
position: absolute;
top: -5em;
left: 0;
width: 100%;
height: 1.2em;
display:block;
overflow: hidden;
font-weight: bold;
font-size: 1.4em;
background: transparent;
text-decoration: none;
text-transform: uppercase;
padding: 0.5em 0;
z-index:100;
}

.skiplinks:focus, .skiplinks:active {
top: 0;
text-indent: 0;
background: #B7BABC;
color: #fff;
border: 0;
}

#container {
margin: 0 auto;
width: 984px;
position: relative;
padding-bottom: 3em;
}

#container2 {
position: relative;
width: 100%;
background: #5E9DB6;
}

/*------------------------------------- HEADER -------------------------------------------*/

#header {
position: relative;
padding: 0;
margin: 0;
width: 983px;
border: 0;
}


#logo {
position: relative;
width: 100%;
height: 71px;
text-align: left;
padding: 0;
margin: 52px 0 25px 0;
}

#searchdiv {
position: absolute;
top: 44px;
right: 0;
width: 50%;
text-align: right;
}

#searchdiv input#search, .widget-search input#search {
border: 1px solid #00607F;
width: 228px;
}

#searchdiv input#searchsubmit, .widget-search input#searchsubmit {
border: 1px solid #00607f;
background: #EBF2F8;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #00607F;

}

#banner {
position: relative;
background: url(images/template/bannerbg-text.jpg) no-repeat;
width: 963px;
height: 260px;
margin: 0;
padding: 12px 0 0 20px;
width: 100%;
}

.inside #banner {
background: url(images/template/bannerbg-inside-green.jpg) no-repeat;
width: 983px;
height: 54px;
padding: 0;
}

#banner h1 {
position: relative;
text-indent: -9000px;
width: 773px;
height: 40px;
background: none;
margin: 0;
padding: 0;
}

#banner p#panel1 {
float: left;
margin: 35px 33px 0 13px;
width: 275px;
height: 152px;
text-indent: -9000px;
background: url(images/template/panel1.gif);
}

#banner p#panel2 {
float: left;
margin: 37px 38px 0 18px;
width: 269px;
height: 149px;
text-indent: -9000px;
background: url(images/template/panel2.gif);
}

#banner p#panel3 {
float: left;
margin: 45px 0 0 20px;
width: 270px;
height: 141px;
text-indent: -9000px;
background: url(images/template/panel3.gif);
}


/*-------------------------------------------- NAV -------------------------------------------*/

#nav {
height: 2.5em;
width: auto;
text-align: left;
margin: 20px 0;
width: 100%;
position: relative;
background: #bfe1f2 url(images/template/navbg.gif) repeat-x;
}

.inside #nav {
margin-top: 30px;
}

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

#nav ul li {
display: inline;
text-transform: uppercase;
font-size: 1.3em;
letter-spacing: 0.2em;
}


#nav ul li a {
text-decoration: none;
color: #00607F;
font-weight: bold;
margin: 0 1px 0 0;
height: 100%;
line-height: 1.7em;
padding: 0.5em;
border-right: 2px solid #A8C9DA;
}


.inside #nav ul li a {
border-right: 2px solid #CDE1EC;
}

#nav ul li a:hover {
color: #C62026;
}

#nav ul li a.current {
color: #49A4BD ;
}



/*------------------------------------------- CONTENT -----------------------------------------------*/


#content {
position: relative;
height: auto;
margin: 0;
width: 100%;
padding: 0;
color: #00607F;
text-align: left;
font-size: 1.3em;
}


/* hack to ensure Mozilla browsers enclose the floated elements with the #content div */
#content:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* end hack */

.inside #content {
position: relative;
top: 10px;
}


/* ----- left column ------ */

#leftcol {
width: 644px;
float: left;
margin: 0;
padding: 0;
}

.preview #leftcol {
width: 100%
}



#leftcol h1 {
position: relative;
text-indent: 0;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 0.5em 0 0.5em 17px;
margin: 0;
width: 627px;
height: auto;
font-size: 1.4em;
border-top: 1px solid #fff;
}

.inside #leftcol h1 {
font-weight: bold;
}

.preview #leftcol h1 {
width: 967px;
}


.section {
width: auto;
margin: 0;
padding: 1em 22px;
background: #c6e6f5 url(images/template/section-bg.gif) repeat-x;
}

/* hack to ensure Mozilla browsers enclose the floated elements with the .section divs */
.section:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* end hack */

#leftcol .section {
margin-bottom: 2em;
}

#leftcol h2 {
color: #BE2026;
font-size: 1.3em;
margin: 0;
padding: 0;
clear: both;
}

#content #leftcol h2 a {
color: #F57F20;
}

#leftcol h3 {
	margin: 1.5em 0 0 0;
}

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

#rightcol {
width: 312px;
float: right;
}

#rightcol h1 {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 0.5em 0 0.5em 17px;
margin: 0;
width: 295px;
height: auto;
font-size: 1.4em;
border-top: 1px solid #fff;
}


#rightcol .teaser {
position: relative;
background: url(images/template/teaser-bottom.gif) bottom no-repeat;
margin-bottom: 20px;
padding: 0;
height: 7.1em;
width: 312px;
}

#rightcol .teaser h2 {
position: relative;
background: url(images/template/teaser-top.gif) no-repeat;
width: 312px;
height: auto;
margin: 0;
font-size: 1.3em;
padding: 9px 17px 0 17px;
z-index: 100;
}

#rightcol .teaser h2.dgreen, #content #leftcol h3, #content #rightcol .teaser h2.dgreen a {
color: #06A34A
}

#rightcol .teaser h2.orange, #content #leftcol h2, #content #rightcol .teaser h2.orange a {
color: #F57E20
}

#rightcol .teaser h2.lgreen, #content #leftcol h4,#content #rightcol .teaser h2.lgreen a {
color: #69BD45
}

#rightcol .teaser p {
background: #68a5be url(images/template/teaser-bg.gif) repeat-x;
margin: 0;
padding: 25px 17px 10px 17px;
line-height: 1.3;
color: #fff;
font-size: 0.85em;
top: -20px;
position: relative;
z-index: 1;
}

#rightcol .teaser img {
top: -20px;
position: relative;
}

#content #rightcol a {
color: #00607F;
text-decoration: none;
}

#content #rightcol a:hover {
text-decoration: underline;
}

#content p {
line-height: 1.6;
font-size: 1em;
margin-bottom: 1em;
}

#content p.date {
font-size: 0.8em;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #3FA3BB;
margin-top: 0;
}

#content p.date a {
color: #06A34A;
}




#content a, #content a:active {
color: #06A34A;
}

#content a:visited {
color: #69BD45;
}

#content a:hover {
text-decoration: none;
}

#content .section a.more {
font-size: 0.9em;
text-transform: uppercase;
letter-spacing: 0.1em;
text-decoration: none;
color: #06A34A;
padding: 0 0 0 13px;
background: url(images/template/morelink.gif) no-repeat;
display: block;
width: 100%;
}

#content #rightcol .section a.more {
COLOR: #06a34a;
}

#content .line a.more {
border-bottom: 1px solid #fff;
padding-bottom: 2em;
}

#content .section a.more:hover {
text-decoration: underline;
}

#content a.external {
	padding-right: 15px;
	background: url(images/template/icon-external-link.gif) right no-repeat;
}

.floatleft {
float: left;
margin: 0 1em 1em 0;
border: 0;
}

.floatright {
float: right;
margin: 0 0 1em 1em;
border: 0;
}

#content ul {
margin-left: 17px;
padding-left: 0;
list-style-image: url(images/template/morelink.gif);
}
#content li {
padding: 0 0 0.6em 0;
margin: 0;
line-height: 1.1;
font-size: 1em;
}


#content table {
border-collapse: collapse;
border: 1px solid #fff;
margin: 1em 0;
font-size: 1em;
}

#content th {
background: #fff;
font-size: 1.1em;
}
#content th, #content td {
border: 1px solid #fff;
padding: 0.4em;
text-align: left;
vertical-align: top;
}

blockquote {
margin-left: 0;
padding-left: 2em;
border-left: 5px solid #fff;
font-size: 1em;
letter-spacing: 0.1em;
line-height: 1.4;
}

dt {
	font-size: 1em;
	margin-top: 1em;
	font-weight: bold;
}

dl {
	margin-bottom: 1em;
}


#content .highlight {
	background: #E0F1FA;
	padding: 0.1em 0.5em;
	margin: 0.5em 0;
}

#content .highlight span {
	font-size: 2em;
	float: left;
	margin-top: -0.4em;
	padding-right: 0.7em;
}

#content .highlight ul {
	margin-left: 2em;
	padding-left: 2em;
}

/*----- comments form styling -----*/


.comments {
position: relative;
background: #DBEFF9;
padding: 1em;
}

/* hack to ensure Mozilla browsers enclose the floated elements with the #comments div */
.comments:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* end hack */

#comments-form input {

margin: 0.3em 30% 0.3em 0.3em;
border: 1px solid #00607F;

}

.preview #comments-form input {
margin-right:55%;
}

#comments-form textarea {
border: 1px solid #00607F;
}

.preview #comments-form textarea {
margin-right: 55%;
}

#comments-form label {
font-size: 1em;
float: left;
}

#comments-open-data div, #comments-open-text div {
text-align: right;
}

#comment-form-remember-me {
margin: 1em 0 0 0;
}

#comment-form-remember-me input {
float: left;
margin: 0 0.8em 0 0;
width: auto;
}

#comment-form-remember-me label {
float: left;
}

#comments-open-text {
clear: both;
padding: 1em 0;
}

.preview #comments-open-footer input {
margin-right: 0.5em;
}

#comments-open-footer input {
float: left;
margin-right: 0.5em;
border: 1px solid #00607f;
background: #EBF2F8;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #00607F;
}


#comments h2 {
margin: 0 0 0.6em 0;
padding-top: 1em;
}

.comment {
position: relative;
clear: both;
padding: 1em 0;
border-bottom: 1px solid #fff;
}

/* hack to ensure Mozilla browsers enclose the floated elements with the .comment div */
.comment:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* end hack */

.comment p {
margin: 0.3em 0;
}

.comment img {
position: absolute;
left: 0;
top: 0;
float: left;
margin-top: 1em;
}

.comment-content, .comment-footer, .comment-header {
float: right;
width: 545px;
text-align: left;
}

.preview .comment-content, .preview .comment-footer, .preview .comment-header {
width: 880px;
}

.comment-footer {
margin: 0;
}

img {
border: 0;
}



/*-------------------------------------------- FOOTER ----------------------------------------------*/

#footer {
clear: both;
color: #fff;
margin: 0 auto;
width: 984px;
padding: 2em 0;
font-size: 1.1em ;
text-align: left;
}

#footer p {
margin: 2em 0;
}

#footer a {
color: #C7E5F1;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}