/**********************************
Description...:Master Screen CSS
Copyright.....:Zabisco Ltd.
Author........:team@zabisco.com
Last Changed..:09-06-2009
Notes #1......:Do NOT modify
Notes #2......:
/******************
Layout**/
* {
padding:0;
margin:0;

}
body {
font-family:arial, helvetica, sans-serif;
font-size:14px;
text-align:center;
background:#fff url(../img/bg.jpg) top no-repeat;
}
.container {
position:relative;
width:980px;
margin:0 auto;
text-align:left;
}
/******************
Skip-to-content**/
#skip_content {
display:none;
position:absolute;
height:15px;
width:50px;
top:2px;
left:627px;
}
#skip_content p {
font-size:0.6em;
text-align:center;
line-height:0.9em;
}
#skip_content a {color:#000;}
/******************
LHS holder**/
#left-side {
float:left;
width:220px;
margin:0 10px 20px 0;
}
#left-side p {
	font-size:0.85em;
}
/******************
Logo**/
#logo {
float:left;
height:140px;
width:220px;
}
#logo h1 {
height:120px;
width:130px;
background:url(../img/hlg-logo.gif);
margin:10px;
}
#logo h1 a {
display:block;
height:120px;
width:130px;
}
#logo h1 span, #logo p {
display:none;
}
/******************
Search**/
#search-area {
float:left;
margin:10px 0 12px 28px;
}
.search {
font:0.8em arial, helvetica, sans-serif;
color:#bcaeed;
}
.search label {cursor:pointer;}
.search td {padding:0 0 3px 2px;}
.search input {
width:129px;
height:18px;
font:0.85em arial, helvetica, sans-serif;
color:#8976c8;
padding:2px 3px 0 3px;
background:url(../img/search-field.gif) no-repeat;
}
.search input:focus {
background:url(../img/search-field.gif) bottom no-repeat;
}
.search input.submit {
width:25px;
height:20px;
padding:0;
margin:0 0 -1px 1px;
background:url(../img/search-btn.gif) no-repeat;
}
.search input.submit:hover {
background-position:bottom;
cursor:pointer;
}
/*CMS SEARCH+RESULTS*/
.PagerControl {margin:15px 15px 15px 0;font-size:0.85em;}
/******************
Navigation**/
#navigation {
float:left;
width:156px;
margin-left:30px;
}
ul#main-nav {}
ul#main-nav li {
clear:left;
list-style:none;
font-size:15px;
font-weight:bold;
}
ul#main-nav li a {
float:left;
width:155px;
height:18px;
padding:0 0 2px 1px;
margin:1px 0 2px 0;
color:#7154ca;
}
ul#main-nav li.dbl {line-height:17px;}
ul#main-nav li.dbl a {height:35px;}
ul#main-nav li a:hover {
text-decoration:none;
}
ul#main-nav li a.selected {
font-size:17.5px;
color:#fff;
background:#7154ca;
}
ul#sub-nav {float:left;margin:10px 8px;}
ul#sub-nav li {
clear:left;
list-style:none;
font-size:12px;
font-weight:bold;
margin:2px 0;
}
ul#sub-nav li a {
float:left;
height:auto;
width:136px;
padding:0 2px;
color:#333;
}
ul#sub-nav li a:hover {
color:#333;
text-decoration:none;
background:#e0e730;
}
ul#sub-nav li a.on {
color:#333;
background:#e0e730;
}
/******************
Poll**/
.poll {
float:left;
width:175px;
margin:12px 0 0 30px;
background:#e3ddf6;
}
.poll:hover {background:#d2cce5;}
/*CMS shit*/
.PollControl {float:left;}
.PollAnswers {
clear:left;
margin:0 10px;
font:0.7em arial, tahoma, helvetica, sans-serif;
}
.PollTitle {
float:left;
font-size:0.85em;
font-weight:bold;
margin:7px 10px;
}
.PollQuestion {
float:left;
clear:both;
font-size:0.7em;
margin:0 10px 5px;
}
.PollCount {}
.PollAnswerRadio label {margin-left:2px;}
.PollGraph {
width:136px;/*Saf needs me*/
height:7px;
margin:3px 0 10px;
background:#fff;
border:1px solid #bfbec0;
}
.PollGraph0 {
height:7px;
background:#7154ca;
}
.PollGraph1 {
height:7px;
background:#7154ca;
}
.PollGraph2 {
height:7px;
background:#7154ca;
}
td.PollCount {
float:left;
padding-left:5px;
}
.PollVoteButton {
float:right;
margin:0 10px 10px;
width:65px;
height:19px;
background:url(../img/input-btn.gif) no-repeat;
font-size:0.7em;
font-weight:bold;
}
.PollVoteButton:hover {cursor:pointer;}
.PollInfo {
float:left;
font-size:0.7em;
font-weight:bold;
color:#7154ca;
margin:0 10px 10px;
}
/******************
Breadcrumb**/
#breadcrumb {
float:left;
width:550px;
margin-top:106px;
}
#breadcrumb p {font-size:10px;}
#breadcrumb a {text-decoration:underline;}
#breadcrumb a:hover {text-decoration:none;}
/******************
Main Content**/
.main-content {
float:left;
width:720px;
}
.main-content h2 {
width:720px;
position:relative;
font-size:24px;
margin-bottom:8px;
padding:0 0 19px 0;
background:#fff url(../img/heading_bg.gif) 0 bottom no-repeat;
clear:both;
}
.main-content h2 span {
text-align:right;
position:absolute;
top:7px;
right:30px;
color:#000;
font-size:0.6em;
}

.main-content h2 span a:link, .main-content h2 span a:visited {color:#000;}
.main-content h2 span a.rsshelp {font-size:0.75em;font-weight:normal;color:#7154ca;margin:0 10px 0 2px;}
.main-content h2 span img {
float:none;
margin:0;
}

.rss-block {
	clear:both;
	color:#000000;
	display:block;
	float:right;
	padding-top:5px;
	width:130px;
}

.main-content .rss-block  img {
	float:left;
	margin:10px;
	border: none;
}

.rss-block a:link, .rss-block a:visited {color:#000;}

.rss-block a.rsshelp {font-size:0.75em;font-weight:normal;color:#7154ca;margin:0 10px 0 2px;}

.main-content h3 {font-size:16px;margin:0 0 14px;}
.main-content h4 {font-size:14px;margin:0 0 14px;}
.main-content p {
font-size:14px;
margin:0 0 14px;
}


.main-content .rss-block  img {
	float:left;
	margin:10px;
	border: none;
}

.main-content p.post {
font-size:0.7em;
margin:0 0 8px;
clear:left;
}

/*phips*/
.main-content ul {padding-bottom:5px;}
.main-content ul li {
font-family:arial, helvetica, sans-serif;
list-style:disc;
font-size:14px;
margin:5px 20px;
}

/*phips*/
.main-content ul li li {font-size:1.0em;}
.main-content ol {}
.main-content ol li {
list-style:decimal;
font-size:0.85em;
margin:5px 20px;
}
.main-content dl {}
.main-content dl dt {font-weight:bold;}
.main-content img {
float:right;
margin:10px;
}
.main-content a:link, .main-content a:visited {
color:#7154ca;
text-decoration:none;
}
.main-content a:hover {
color:#7154ca;
text-decoration:underline;
}
/******************
Labelled Images**/
.main-content .label-image {
float:right;
width:250px;
margin:0 0 0 20px;
}
.main-content .label-image cite {
float:right;
clear:both;/*IE Needs me*/
width:250px;/*IE Needs me*/
text-align:right;
font-size:0.7em;
font-style:normal;
color:#7154ca;
margin:5px 0;
}
.main-content .label-image img {
/*width:275px;*/
margin:0;
}
/******************
Newsletter images**/
.newsletter img {
width:120px;
height:80px;
}
/******************
Event Details**/
.event-details {
margin:5px 0 10px 0;
}
.event-details td {
padding:0 5px 5px 0;
font-size:0.9em;
}
.event-details td.dtl {
width:105px;
font-size:13px;
}
/******************
Contact Form**/
.slider-holder {
float:left;
clear:left;
}
#formClosed {
float:left;
width:420px;
margin-top:-5px;
background:#eff397 url(../img/contactform_bg.gif) top no-repeat;
}
#formClosed p {margin:0 20px 10px 20px;}
.contactform {
float:left;
width:410px;
padding:15px 0;
font:0.8em helvetica, arial, sans-serif;
}
.contactform td {vertical-align:top;width:194px;padding:3px;}
.contactform td label {cursor:pointer;}
.contactform td label:after {content:":";}
.contactform td label, .contactform td span {float:right;text-align:right;}
.contactform input {
width:212px;
height:16px;
font:0.9em helvetica, arial, sans-serif;
padding:2px 4px;
background:url(../img/input-field.gif) no-repeat;
}
.contactform textarea {
width:252px;
height:83px;
font:0.9em helvetica, arial, sans-serif;
padding:2px 4px;
background:url(../img/input-textarea.gif) no-repeat;
}
.contactform input.submit {
float:right;
width:65px;
height:19px;
font-size:0.85em;
font-weight:bold;
text-align:center;
margin:0;
background:url(../img/input-btn.gif);
}
.contactform input.submit:hover {cursor:pointer;}
/******************
Login Form**/
.loginform {
float:left;
width:280px;
margin-bottom:10px;
font:0.9em helvetica, arial, sans-serif;
}
.loginform td {padding:3px;color:#7154ca;}
.loginform input {
width:188px;
height:16px;
font:0.8em helvetica, arial, sans-serif;
padding:2px 4px;
background:url(../img/input-field_login.gif) no-repeat;
}
.loginform input.submit {
float:right;
width:65px;
height:19px;
font-size:0.85em;
font-weight:bold;
text-align:center;
background:url(../img/input-btn.gif);
}
.loginform input.submit:hover {cursor:pointer;}
/******************
Training Accordian**/
#training-accordion {
margin:10px 0 20px;
}
#training-accordion dt {
width:200px;
}
#training-accordion dt a {
float:left;
width:200px;
font-size:0.9em;
margin:1px 0;
padding:2px 5px;
text-decoration:none;
background:#c6bae9;
}
#training-accordion dt a:hover {
color:#fff;
background:#7154ca;
}
#training-accordion dt a:focus, #training-accordion dt a:active {
color:#fff;
background:#7154ca;
}
#training-accordion dd ul {
padding:5px 0;
}
#training-accordion dd li {
list-style:none;
margin:5px 10px;
}


/*#library-accordion {
margin:10px 0 40px 15px;
}
#library-accordion dt a {
float:left;
width:674px;
font-size:0.95em;
color:#000;
margin:2px 0;
padding:3px 0 3px 8px;
text-decoration:none;
background:#ccc url(../img/lib-accordian_bg.gif) no-repeat top;
}
#library-accordion dt a:hover {
color:#fff;
background:url(../img/lib-accordian_bg.gif) no-repeat bottom;
}
#library-accordion dt a:focus, #library-accordion dt a:active {
color:#fff;
background:url(../img/lib-accordian_bg.gif) no-repeat bottom;
}
#library-accordion dd ul {
padding:10px 0;
}
#library-accordion dd li {
list-style:none;
margin:6px 10px;
}*/


/******************
Bookmark**/
.bookmark img {
float:left;
margin:0 0 20px 0;
}
/******************
Content 1**/
#cont-one_holder {
float:left;
width:420px;
margin-top:10px;
}
.cont-one {
float:left;
width:420px;
margin-bottom:20px;
background:#fff;
}
.cont-one h3 {
font-size:1.15em;
font-weight:normal;
color:#fff;
padding:0 5px;
margin-bottom:18px;
background:#553f99 url(../img/conthead_bg.gif) repeat-x;
}
.cont-one h4 {
font-size:14px;
float:left;
margin-bottom:5px;
width:280px;
}
.cont-one h4 span {
font-size:14px;
font-weight:normal;
}
.cont-one p {
font-size:13px;
margin:2px 0 8px;
}
.cont-one p.more, .cont-two p.more {
font-size:14px;
clear:both;
text-align:right;
font-weight:bold;
margin:0 0 0 10px;
}
.cont-one p.more a, .cont-two p.more a, .cont-three p.more a {
padding-right:14px;
background:url(../img/icon-next.gif) no-repeat 100% 2px;
color:#000;
}
/*.cont-one p.post {
font-size:0.7em;
margin:0 0 8px;
clear:left;
}*/
.cont-one ul {}
.cont-one ul li {
list-style:none;
font-size:0.9em;
line-height:1.3em;
margin:0;/*overrides*/
}
.cont-one img {
float:right;
width:120px;
height:80px;
margin:0 5px 15px;
}
.cont-one img.headline {width:200px;}
/******************
Content 2**/
#cont-two_holder {
float:left;
width:280px;
margin:10px 0 0 20px;
}
.cont-two {
float:left;
width:280px;
margin-bottom:20px;
}
.cont-two h3 {
font-size:1.15em;
font-weight:normal;
color:#fff;
padding:0 5px;
margin-bottom:18px;
background:#553f99 url(../img/conthead_bg.gif) repeat-x;
}
.cont-two h4 {
font-size:1.0em;
font-weight:bold;
color:#7154ca;
margin-bottom:18px;
}
.cont-two p {
font-size:0.85em;
margin:2px 0 8px;
}
.cont-two ul {}
.cont-two ul li {
list-style:none;
font-size:0.9em;
line-height:1.3em;
margin:0;/*overrides*/
}
.cont-two dl {margin-bottom:10px;}
.cont-two dl dt {
font-weight:normal;
font-size:0.9em;
margin-bottom:10px;
}
.cont-two dl dd {
list-style:disc;
font-size:13px;
line-height:1.3em;
margin:0 0 3px 0;
}
/******************
Content 3**/
/*#cont-three_holder {
float:left;
width:350px;
margin:10px 0 0 20px;
}*/
.cont-three {
float:left;
width:350px;
margin:0 20px 20px 0;
}
.cont-three h3 {
font-size:1.15em;
font-weight:normal;
color:#fff;
padding:0 5px;
margin-bottom:18px;
background:#553f99 url(../img/conthead_bg.gif) repeat-x;
}
.cont-three h3 a, .cont-three h3 a:link, .cont-three h3 a:visited {
color:#fff;
text-decoration:none;
}
.cont-three h4 {
font-size:0.9em;
font-weight:normal;
color:#7154ca;
margin-bottom:18px;
}
.cont-three p {
font-size:0.85em;
margin:2px 0 8px;
}
.cont-three p.more {
font-size:0.85em;
font-weight:bold;
margin:0 15px 0 0;
}
.cont-three img {
float:right;
width:150px;
height:100px;
margin:0 0 15px 10px;
}
.remove {
margin-right:0;
}
/******************
Coloured Blocks**/
.fill-block {background:#e3ddf6;}
.fill-block h3 {margin-bottom:0;}
.fill-block p {margin:10px;}
.fill-block img.pdf {float:right;margin:0 10px 0 0;}
.fill-block table {margin-bottom:10px;}
.fill-block table p {margin:0 0 0 10px;}
.fill-block table p.more {margin:10px 0 0 10px;text-align:left;}
/******************
Login Block**/
.login-block {}
.login-block h3 {font-size:0.75em;font-weight:bold;color:#000;padding:4px;background:#e3ddf6;}
.login-block table {width:280px;margin-bottom:10px;}
.login-block table td {padding:3px;font-size:0.9em;color:#000;}
.login-block table td.prof-info {font-size:0.75em;color:#7154ca;}
.login-block p {text-align:right;}
.login-block table p.more {margin:10px 0 0 10px;text-align:left;}
#logout-btn {float:right;margin-top:-39px;}
#logout-btn input.signout {width:65px;height:19px;font-size:0.75em;font-weight:bold;text-align:center;background:url(../img/input-btn.gif);}
#logout-btn input.signout:hover {cursor:pointer;}
/******************
Fancy Dates**/
.date-headline {margin-top:-5px;}
.date-headline h5 {
float:left;
width:230px;/*prevents txt inc. breakage*/
font-weight:normal;
padding-top:8px;
}
.date {
float:left;
clear:left;
width:40px;
height:auto;
margin:0 10px 3px 0;
text-align:center;
color:#fff;
background:url(../img/date_bg.gif) no-repeat;
}
.date p {
margin:2px 0 2px 0;
text-align:center;
font-size:0.75em;
}
.number {
font-size:1.15em;
}
/******************
User content prev REMOVED**/
/*#user-preview {
float:left;
width:420px;
margin:7px 0;
}
#user-preview img {
float:left;
margin:0 10px 0 0;
padding:0;
width:70px;
height:50px;
border:1px solid #8e8e8e;
}
#user-preview img:hover {
border:1px solid #e0e730;
}
#user-preview img.more {
float:left;
margin:40px 10px 0 0;
padding:0;
width:auto;
height:auto;
border:0;
}*/
/******************
Button**/
.btn-standard a {
float:left;
position:relative;
width:143px;
height:22px;
font-size:0.85em;
font-weight:bold;
text-align:center;
padding:5px 0 0 0;
background:url(../img/btn-standard.gif) top no-repeat;
}
.btn-standard a:link, .btn-standard a:visited {
color:#000;
}
.btn-standard a:hover {
text-decoration:underline;
background:url(../img/btn-standard.gif) bottom no-repeat;
}
/******************
Flash Content**/
#flashcontent {
float:left;
margin:5px;
width:540px;
height:300px;
}
#flashcontent img {}
/******************
CMS Calendar**/
.calendar table {
float:left;
width:100%;
font-size:0.7em;
margin-bottom:20px;
border-left:1px solid #ddd;
border-top:2px solid #ddd;
border-bottom:2px solid #ddd;
}
.calendar table th {
background:#e3ddf6;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.calendar table td {
padding:2px;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
background:#feffef;
}
.calendar table table {
margin:0;
border:0;
font-size:1.0em;
}
.calendar table table td {
border:0;
height:auto;
padding:2px;
background:#9a87d9;
}
.calendar table td.calendar-head {
height:auto;
padding:0 0 1px;
font-weight:bold;
font-style:italic;
color:#fff;
}
.calendar table table td a:link, .calendar table table td a:visited, .calendar table table td a:hover {
color:#fff;
}
/******************
Footer**/
#footer {
float:left;
width:100%;
height:70px;
background:url(../img/footer_bg.gif) no-repeat;
margin:40px 0 0 0;
}
#footer p {
font-size:10px;
line-height:1.5em;
color:#7154ca;
margin:75px 2px 0;
padding-bottom:10px;
}
#footer p.trinkets {margin:0;}
#footer a:link, #footer a:active, #footer a:visited {}
#footer a:hover {}
#footer img {
padding-top:5px;
vertical-align:middle;
}
/******************
Global Styles**/
.line {
border-bottom:1px solid #e0e730;
margin:10px 0%;
height:1px;
clear:both;
}
.clearing {clear:both; margin-bottom: 20px;}
acronym, abbr {cursor:help;border-bottom:1px dotted #000;}
fieldset {border:0;}
strong {font-weight:bold;}
em {font-style:italic;}
address {font-style:normal;font-size:0.8em;margin-bottom:10px;}
blockquote {font-size:1.2em;font-weight:bold;}
.error {color:#f00;font-weight:bold;}
/******************
Links**/
a:link, a:visited {color:#7154ca;text-decoration:none;}
a:hover {color:#7154ca;text-decoration:underline;}
a:active {color:#000;}
a.rss {padding-right:12px;background:url(../img/icon-rss.gif) no-repeat 100% 2px;}
a.top {padding-right:10px;background:url(../img/icon-top.gif) no-repeat 100% 0;}
a.more {padding-right:14px;background:url(../img/icon-more.gif) no-repeat 100% 2px;}
a.pdf {padding-right:14px;background:url(../img/icon-pdf.gif) no-repeat 100% 2px;}
/******************
Clearfix**/
.clearfix:after {
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}
html[xmlns] .clearfix {
display:block;
}
* html .clearfix {
height:1%;
}