/**
 * Default template styles
 */

@import url(global.css);

/**
 * Page
 */

body
{
	padding-bottom: 0;
	background-image: url(../img/body-bg.png);
	background-repeat: repeat-x;
	background-position: center top;
	background-attachment: fixed;
	background-color: #FFF;
}

.Page
{
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	background-image: url(../img/page-bg-top.png);
	background-repeat: no-repeat;
	background-position: center -6px;
}

.Page-Content
{
	background-image: url(../img/page-bg-btm.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	position: relative;
	min-height: 600px;
}

/**
 * Page header
 */

.Page-Header
{
	margin-left: auto;
	margin-right: auto;
}

.Page-Header-Content
{
	padding-top: 18px;
	min-height: 174px;
}

/**
 * Site title
 */

.Site-Title
{
	width: 280px;
	height: 120px;
	margin: 0;
	margin-left: 6px;
	padding: 0;
	overflow: hidden;
	background-image: url(../img/org-logo.png);
	background-repeat: no-repeat;
	float: left;
}

.Site-Title a
{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

.Site-Title span { display: none; }

/**
 * Site login
 */

.Site-Login
{
	width: 370px;
	float: right;
	margin-right: 0;
	padding-top: 16px;
	font-family: arial,sans-serif !important;
}

.Site-Login p
{
	font-size: 12px;
	color: #999;
	margin: 0 21px 0.3em 0;
	font-family: arial,sans-serif !important;
}

.Site-Login p.Label-Field
{
	float: left;
	width: 120px;
	overflow: hidden;
}

.Site-Login p.Label-Field label
{
	font-size: 10px;
	height: 12px;
	display: block;
	margin-bottom: 2px;
}

.Site-Login p.Label-Field input
{
	width: 116px;
	border-width: 1px;
	border-style: solid;
	border-top-color: #666;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #666;
	background: #fafafa;
	font-size: 12px;
}

.Site-Login p.Label-Field .Field-Note
{
	padding-top: 3px;
	font-size: 10px;
	display: block;
}

.Site-Login Button
{
	margin-top: 14px;
	border-width: 1px;
	border-style: solid;
	border-top-color: #ccc;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #ccc;
	background: #999;
	color: #fff;
	cursor: pointer;
	font-size: 12px;
}

/**
 * Social media
 */

.Social-Media
{
	position: absolute;
	top: 114px;
	right: 0;
	height: 21px;
}

.Social-Media .twitter-follow-button
{
	border: none;
	overflow: hidden;
	width: 160px;
	height: 21px;
	position: absolute;
	right: 230px;
	top: 0;
}

.Social-Media .facebook-like-button
{
	border: none;
	overflow: hidden;
	width: 100px;
	height: 21px;
	position: absolute;
	right: 0;
	top: 0;
}

.Social-Media .Facebook-Page
{
	position: absolute;
	right: 110px;
	top: 0;
	width: 110px;
}

.Social-Media .Facebook-Page a
{
	white-space: nowrap;
	height: 15px;
	padding: 2px 4px;
	background-color: #ECEEF5;
	border: 1px solid #CAD4E7;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px 3px 3px 3px;
	display: block;
	color: #3B5998;
	cursor: pointer;
	text-decoration: none;
	border-spacing: 0;
	font-size: 11px;
	line-height: normal;
	font-family: arial,tahoma,verdana,sans-serif;
}

.Social-Media .Facebook-Page a:hover { border-color: #9DACCE; }

.Social-Media .Facebook-Page a span
{
	padding: 0 0 0 17px;
	color: #3B5998;
	display: inline-block;
	background-image: url(../img/social-fb-icon.png);
	background-position: -1px -1px;
	background-repeat: no-repeat;
}

/**
 * Site navigation
 */

.Site-Nav
{
	margin: 0;
	padding: 0;
	background-position: 0 bottom;
	background-repeat: no-repeat;
	background-image: url(../img/nav-bg.png);
	height: 50px;
	position: absolute;
	left: 20px;
	top: 142px;
	width: 950px;
}

/*
Parent
*/

.Site-Nav li
{
	list-style: none;
	float: left;
	position: relative;
	margin: 0;
	margin-left: 3px;
	padding: 0;
}

.Site-Nav a.First,
.Site-Nav a.First:link,
.Site-Nav a.First:visited
{
	display: block;
	float: left;
	margin: 0;
	text-decoration: none;
	font-size: 11px;
	max-width: 102px;
}

.Site-Nav li.Last a.First,
.Site-Nav li.Last a.First:link,
.Site-Nav li.Last a.First:visited,
.Site-Nav li.Last a.First:hover,
.Site-Nav li.On.Last a.First,
.Site-Nav li.On.Last a.First:link,
.Site-Nav li.On.Last a.First:visited,
.Site-Nav li.On.Last a.First:hover,
.Site-Nav .Last a.First:hover { max-width: 120px !important; }

.Site-Nav li a.First span
{
	display: block;
	background-repeat: no-repeat;
	background-image: url(../img/nav-tab.png);
	background-position: 0 0;
	padding-left: 4px;
	color: #444;
	cursor: pointer;
}

.Site-Nav li a.First span span
{
	background-repeat: no-repeat;
	background-image: url(../img/nav-tab.png);
	background-position: right 0;
	padding-left: 4px;
	padding-right: 7px;
	padding-top: 4px;
	padding-bottom: 5px;
	min-height: 32px;
	/*height:25px;*/
}

/* On */
.Site-Nav li.On a.First span
{
	background-position: 0 -66px !important;
	color: #fff;
}

.Site-Nav li.On a.First span span { background-position: right -66px !important; }

/* Off - hover */
.Site-Nav li:hover a.First span,
.Site-Nav li.Hover a.First span
{
	background-position: 0 -66px;
	color: #fff;
}

.Site-Nav li:hover a.First span span,
.Site-Nav li.Hover a.First span span { background-position: right -66px; }

/*
Child - UL
*/

.Site-Nav div
{
	display: none;
	position: absolute;
	top: 100%;
	left: 0px;
	margin: 0;
	padding: 0;
	width: 203px;
	z-index: 9999;
	border-style: solid;
	border-width: 1px;
	border-top-color: #aaa;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #aaa;
	background: #fff;
}

.Site-Nav li.Last div
{
	left: auto !important;
	right: 0 !important;
}

.Site-Nav ul
{
	margin: 0;
	padding: 0;
}

.Site-Nav li:hover div, 
.Site-Nav li.Hover div { display: block; }

/*
Child - LI
*/

.Site-Nav div li
{
	margin: 0 !important;
	border: 0 !important;
	width: 100% !important;
}

/*
Child - A
*/

.Site-Nav div a { display: block; }

.Site-Nav div li a,
.Site-Nav div li a:link,
.Site-Nav div li a:visited
{
	height: auto;
	font-size: 1em;
	font-weight: normal !important;
	border: 0 !important;
	line-height: 1.1em;
	text-decoration: none;
	width: 100%;
}

.Site-Nav div a:hover,
.Site-Nav div a:active
{
	background-color: #f1f1f1 !important;
	text-decoration: underline !important;
}

/*
Child - A SPAN (for padding)
*/

.Site-Nav div span
{
	display: block;
	padding-top: 0.3em;
	padding-right: 12px;
	padding-bottom: 0.3em;
	padding-left: 7px;
	cursor: pointer !important;
	color: #2391EB;
}

.Site-Nav div a.FirstChild span { padding-top: 0.8em; }
.Site-Nav div a.LastChild span { padding-bottom: 0.9em; }

/*
Sub level child - extra indent
*/

.Site-Nav div ul ul span { padding-left: 24px; }

/**
 * Page body
 */

.Page-Body { }

.Page-Body-Content
{
	min-height: 700px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 50px;
}

/*
Content Titles
*/

.Content-Title
{
	margin-bottom: 10px;
	padding-top: 5px;
}

.Section-Title { margin-bottom: 5px; }

.Content-Title h1
{
	margin: 0;
	padding: 0;
	line-height: 30px;
	font-weight: normal;
	font-size: 200%;
}

.Content-Title-With-Filter { }
.Content-Sub-Title { margin-bottom: 5px; }

.Content-Sub-Title h2
{
	margin: 0;
	padding: 0;
	line-height: 22px;
}

/*
Content Intro
*/

.Content-Intro
{
	font-size: 1.2em;
	color: #666;
	line-height: 1.2em;
	margin-bottom: 2em;
}

/*
Default page (wide, plain plage)
*/

.Content-Default { padding: 15px 20px 0 20px; }

/*
Columns
*/

.Col-Margin-Left
{
	float: left;
	width: 160px;
	padding-left: 0px;
	padding-right: 5px;
	min-height: 420px;
	margin-top: 5px;
	margin-right: 15px;
	background-image: url(../img/col-margin-left.png);
	background-repeat: no-repeat;
	background-position: top right;
}

.Col-Margin-Right
{
	float: left;
	width: 160px;
	padding-left: 5px;
	padding-right: 5px;
	min-height: 420px;
	margin-top: 5px;
	background-image: url(../img/col-margin-right.png);
	background-repeat: no-repeat;
	background-position: top left;
}

.Col-Center
{
	width: 600px;
	float: left;
	margin-right: 15px;
}

.Col-Wide
{
	/*center + margin-right + .Col-Margin-Right width*/
	width: 775px;
	float: left;
	margin-right: 15px;
}

.Col-Half
{
	float: left;
	width: 285px;
	margin-right: 30px;
}

.Col-Last { margin-right: 0; }

/**
 * Banners
 */

.Banner
{
	margin-bottom: 10px;
	width: 950px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}

/**
 * Ads
 */

.Ad-Vertical { margin-left: 5px; }

/**
 * Promos
 */

.Promo
{
	text-align: center;
	margin-bottom: 2em;
	padding-right: 1em;
}

/**
 * Contact Details
 */

.Contact-Details { padding-top: 1em; }
.Contact-Details p { margin-bottom: 1.5em; }

/**
 * Headlines
 */

.Headlines-List { }

.Headlines-List .Header
{
	border-bottom: 1px solid #888;
	margin-bottom: 11px;
}

.Headlines-List .Header .Content-Sub-Title { margin-bottom: 2px; }

.Headlines-List .Header .Date
{
	font-size: 10px;
	float: right;
	position: relative;
	/*top: -16px;*/
	height: 0;
	margin-top: -16px;
}

.Headlines-List .Item
{
	margin-bottom: 1.5em;
	clear: both;
}

.Headlines-List p.Title
{
	padding: 0;
	margin-bottom: 2px;
	font-size: 1.2em;
}

.Headlines-List .Date { margin-bottom: 2px; }
.Headlines-List .Desc { margin-bottom: 2px; }
.Calendar-Headlines .Title,
.Calendar-Headlines .Desc { margin-left: 64px; }

/**
 * Calendar
 */

.Cal-Date
{
	float: left;
	width: 60px;
	padding-top: 2px;
}

.Cal-Date span { display: inline-block; }

.Cal-Date .From
{
	width: 100%;
	margin-bottom: 2px;
}

.Cal-Date .To { width: 100%; }

.Cal-Date .Month
{
	width: 20px;
	padding: 2px;
	color: #666;
	font-size: 11px;
	text-align: right;
	position: relative;
}

.Cal-Date .Month-To
{
	width: 20px;
	padding: 2px;
	color: #aaa;
	font-size: 11px;
	text-align: right;
}

.Cal-Date .Month span
{
	position: absolute;
	top: -9px;
	left: 13px;
	font-size: 10px;
	color: #aaa;
}

.Cal-Date .Month br { display: none; }

.Cal-Date .Day
{
	text-align: center;
	font-size: 13px;
	width: 22px;
	padding: 2px;
	font-weight: bold;
	background: #555;
	color: #fff;
}

/**
 * Page footer
 */

.Page-Footer { }

.Page-Footer-Content
{
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 50px;
	padding-bottom: 10px;
}

.Page-Footer-Content .Org-Name
{
	font-size: 1.2em;
	color: #fff;
}

.Page-Footer-Content .Legal
{
	color: #fff;
	margin: 0;
	padding: 0;
	display: inline;
	float: right;
	margin-top: 2px;
}

.Page-Footer-Content .Footer-Nav
{
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	color: #fff;
}

.Page-Footer-Content .Footer-Nav a { color: #fff; }

.Page-Footer-Content .Footer-Nav span
{
	display: inline-block;
	width: 1em;
	text-align: center;
}

/**
 * Special content blocks
 */

.SEO { display: none; }
.ModuleContent { }
.SpecialContent { }

/**
 * Miscellaneous
 */

img { border: 0; }

form
{
	margin: 0;
	padding: 0;
}

.noDisplay { display: none; }

.Float-Break,
.Clear
{
	/*Generally used as: <span class="Clear">&#160;</span>*/
	clear: both;
	height: 0;
	display: block;
	overflow: hidden;
}

.First { margin-top: 0; }

/**
 * Special Titles
 */

div.Title-1
{
	padding-top: 0.4em;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0.4em;
}

div.Title-1 h1
{
	color: #000;
	margin: 0;
	padding: 0;
	min-height: 46px;
	font-size: 55px;
	line-height: 47px;
	font-weight: bold;
	letter-spacing: -6pt;
	font-family: arial black,arial,helvetica,sans-serif;
}

/**
 * Navigation titles
 */

div.Nav-1
{
	padding-top: 0.4em;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0.4em;
	margin-left: -1px;
}

div.Nav-1 strong
{
	display: block;
	color: #000;
	margin: 0;
	padding: 0;
	min-height: 46px;
	font-size: 14px;
	font-weight: bold;
}

/**
 * "More" links
 */

.Link-More { text-align: right; }

.Link-More a
{
	text-transform: uppercase;
	background-color: #E8EFBB;
	color: #000;
	display: inline-block;
	padding: 2px 3px 2px 4px;
	text-decoration: none !important;
	font-size: 0.95em;
}

.Link-More a:hover
{
	background-color: #000;
	color: #fff;
}

/**
 * Project
 * 
 * @todo: is this a copy-paste error?
 */

/*.Project
{
	border-top: 1px solid #000;
	padding-top: 10px;
	margin-bottom: 10px;
}

.Project .Caption
{
	color: #E8EFBB;
	text-transform: uppercase;
	font-size: 2em;
	margin: 0;
}*/

/**
 * Sub navigation
 */

.Sub-Nav
{
	list-style: none;
	padding: 0;
	margin: 0;
	padding-bottom: 30px;
}

.Sub-Nav ul,
.Sub-Nav li
{
	list-style: none;
	background-image: none;
	margin-left: 0;
	padding-left: 0;
}

.Sub-Nav li { margin-bottom: 0.4em; }

.Sub-Nav ul ul
{
	padding-top: 4px;
	padding-bottom: 0;
}

.Sub-Nav .First
{
	color: #333;
	font-size: 1.4em;
	line-height: 1.1em;
	margin-bottom: 0.6em;
	display: block;
	border-bottom: none;
}

.Sub-Nav .First strong { font-weight: normal; }
.Sub-Nav li li li { padding-left: 12px; }

.Sub-Nav a
{
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	display: block;
	border-bottom: 1px solid #f0f0f0;
}

.Sub-Nav a.On { color: #105c9a; }

.Sub-Nav-More
{
	margin-top: 2em;
	font-size: 90%;
}

/* 
	as part of page content
*/

.Col-Center .Sub-Nav .Link-Feature { display: none; }

.Col-Center .Sub-Nav li
{
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

.Col-Center .Sub-Nav a
{
	border-bottom: none;
	display: inline;
}

.Col-Center .Sub-Nav a:after { content: ' »'; }

/**
 * List filter
 */

.List-Filter
{
	float: right;
	border: 1px solid #ddd;
	padding: 0.4em;
}

.List-Filter p
{
	margin: 0;
	padding: 0;
}

.List-Filter input,.List-Filter select,.List-Filter button
{
	border-style: solid;
	border-width: 1px;
	border-color: #999 #aaa #aaa #999;
	padding: 0.2em;
}

.List-Filter input,.List-Filter select { background: #fff; }

.List-Filter button
{
	cursor: pointer;
	background: #ddd;
}

.List-Filter button:hover { background: #fff; }

/**
 * List Pagination
 */

.List-Pagination
{
	border-bottom: 1px solid #888;
	margin-bottom: 14px;
	padding-bottom: 2px;
}

.List-Pagination p
{
	margin: 0;
	padding: 0;
}

.List-Pagination p.Current { float: left; }
.List-Pagination .Pages { float: right; }
.List-Pagination .Pages span { margin-left: 1.5em; }

/**
 * Links
 */

a.Disabled
{
	cursor: default !important;
	color: #999 !important;
}

/**
 * Dates
 */

.Date { color: #999; }

/**
 * Forms
 */

.Standard-Form
{
	/*FORM or DIV box*/
	width: 600px;
}

.Field-Error { color: #d00; }

p.formField,
div.formField
{
	border-bottom: 0 solid #ddd;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}

.formField label
{
	display: inline-block;
	width: 120px;
	font-weight: bold;
	text-align: right;
}

span.fieldNote
{
	font-size: 95%;
	color: #999;
}

.formField .fieldNote
{
	display: inline-block;
	margin: 3px 0 0 0;
}

.formFieldNoteLong .fieldNote,
.formFieldError .fieldNote
{
	display: block;
	margin: 3px 0 0 121px;
}

.formField .formFieldErrorNote
{
	color: #d00;
	font-size: 95%;
	display: block;
	margin: 3px 0 5px 121px;
}

fieldset
{
	padding: 15px 10px 5px 10px;
	margin: 15px 10px 15px 0;
	width: 100%;
	/*position: relative;
	left: -12px;*/
	border: 1px solid #ccc;
}

fieldset legend,.Legend
{
	font-weight: bold;
	font-size: 110%;
}

fieldset legend { padding: 0 0.3em; }
fieldset .formField:last-child { border-bottom: none; }

fieldset p.fieldNote
{
	color: #999;
	margin-bottom: 20px;
}

fieldset p.fieldIntro { margin-bottom: 20px; }

td .fieldNote
{
	font-size: 95%;
	color: #999;
	display: block;
	margin: 3px 0 0 0;
}

.formFieldMandNote { font-size: 95%; }

.Btn-Bar button
{
	font-size: 1.3em;
	padding: 0.3em 0.4em 0.2em 0.4em;
}

.Btn-Bar button,
fieldset button
{
	color: #fff;
	border: solid 1px #2e55a6;
	background: -moz-linear-gradient(top, #2e55a6, #1e3462);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e55a6', endColorstr='#1e3462');
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	border-radius: .3em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

fieldset button { padding: .3em 1em .35em; }

.Btn-Bar button:active,
fieldset button:hover
{
	text-decoration: none;
	background: -moz-linear-gradient(top, #375ba7, #182a4f);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#375ba7', endColorstr='#182a4f');
}

.Btn-Bar button:active,
fieldset button:active
{
	position: relative;
	top: 1px;
	color: #fff;
	background: -moz-linear-gradient(top, #1e3462, #2e55a6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e3462', endColorstr='#2e55a6');
}

/*.fieldset.Fieldset-Compact{}*/
.Form-Col
{
	float: left;
	display: inline;
	padding-right: 20px;
}

.Form-Col fieldset { width: auto; }

/**
 * Messages
 */

.Msg-Inline-Info { margin-bottom: 2em; }

.Msg-Inline-Info span
{
	display: inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #d8e7ef;
	padding: 5px;
}

/**
 * Announcements
 */

.Announcements-Item
{
	margin: 0 0 1em 0;
	padding: 0.7em 0.5em 0.2em 0.5em;
	border: 2px solid #ddd;
	background-color: #1f4a73;
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	border-radius: .3em;
}

.Announcements-Item.High
{
	border: 1px solid #c11;
	background-color: #d00;
}

.Announcements-Item.Low
{
	border: 2px solid #ddd;
	background-color: transparent;
}

.Announcements-Item.Normal * { color: #fff !important; }
.Announcements-Item.Normal a { text-decoration: underline; }
.Announcements-Item.High * { color: #fff !important; }
.Announcements-Item.High a { text-decoration: underline; }
.Announcements-Item h3 { margin-top: 0; }
.Announcements-Item * { text-shadow: none !important; }

/**
 * Rego forms - customisations
 */

.Regos-Kind { display: None; }