/* There are some layout features included in this document.  Each line applying to each one
  is marked as follows (in case you need to remove them).  When changing the value of properties marked 
  with these tags you should leave the original value in a comment so changes can be easily scanned.
  
  	[cfw] Centred fixed width page
*/




/*****************************************************************************************
 *			Imports
 ****************************************************************************************/

@import url("standard.css");
@import url("boxes.css");
@import url("primary-navigation.css");
@import url("forms/standard-forms.css");
@import url("contribute-user.css");
/*
@import url("secondary-navigation.css");
@import url("section-colors.css");
*/




/*****************************************************************************************
 *			Main document sections layout
 ****************************************************************************************/

body {
	text-align: center; /* center the #page element in IE5/win [cfw] */
}

#page {
	position: relative; zoom: 1;
	z-index: 1;
	width: 970px; /* max page width to not scroll at 1024x768 [cfw] */
	text-align: left; /* reset the text alignment after IE5/win hack above [cfw] */
	margin: 0 auto; /* ceneter the #page element in all but IE5/win [cfw] */
}


/************************
 * header, primary navigation and breadcrumb
 ************************/
#page #header {
	position: relative; zoom: 1;
	z-index: 20;
}

/* ie don't like #breadcrumb being position absolute in some designs,
   so float it and make it 0 size to not affect layout then position absolute the 
   ol inside */
#page #breadcrumb {
	width: 0;
	height: 0;
	float: left;
}

#breadcrumb ol {
	position: absolute;
	line-height: 1.0em;
	top: 150px; /* just below primary navigation */
	left: 232px; /* line up with content when there's secondary nav in place */
	padding: 0;
	margin: 15px 0 0 0;
	width: 440px;
}


/************************
 * secondary navigation & content columns
 ************************/
 
/* no secondary nav */
#page #content {
	margin-top: 27px; /* clear primary navigation and leave margin room */

}

/* breathe in at the left a little to make room for secondary nav */
body #page #content {
	float: right; display: inline;
	margin-left: -230px;
	width: 100%;
}

/* push content away from space where secondary nav will be */
body #page #content-inner {
	padding-left: 230px;
}

/* move into the space we created next to #content */
#page #primary-navigation {
	float: left; display: inline;
	width: 207px;
	margin: -13px 0 10px 0; /* pull the nav up next to the main image at the top */
	z-index: 9999; /* make sure this isn't hidden underneath #content in FF */
	position: relative;
}


/************************
 * misc
 ************************/

#page #footer {
	padding: 0 0 30px 0;
	clear: both;
}




/*****************************************************************************************
 *			Page layout / styles
 ****************************************************************************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 68.75%;
	background: transparent url(../images/backgrounds/bg_body.gif) left top repeat-x;
	color: #000;
}

#page {
	
}

#page-inner {
	background: #FFF url(../images/backgrounds/bg_content.gif) left top repeat-y;
	margin-right: 28px; /* The width from white content to the far right of the header */
}




/*****************************************************************************************
 *			Header internal layout / styles
 ****************************************************************************************/

#header {
	height: 150px;
	background: #FFF url(../images/backgrounds/bg_header.jpg) right top no-repeat;
	margin-right: -28px; /* The width from white content to the far right of the header */
}

#header #logo {
	position: absolute;
	left: 0;
	top: 0;
}


/************************
 * Search form
 ************************/

#header #search-form {
	float: right; display: inline;
	clear: both;
	margin: 7px 20px 0 0;
}

#header #search-form input {
	display: inline;
	margin: 0;
	vertical-align: middle; /* align the button and text field input vertically middle */
}

#header #search-form #search-text {
	width: 145px;
	padding: 2px;
	height: 16px;
	border: 1px solid #A3A0A3;
	font-size: 0.909em;
	color: #444;
}

#header #search-form label {
	display: inline;
	font-weight: normal;
	margin-right: 7px;
	vertical-align: middle; /* align the button and text field input vertically middle */
}


/************************
 * Header links
 ************************/

#header ul#header-links {
	float: right; display: inline;
	margin: 20px 20px 0 0;
	padding: 0 0 7px 75px;
	list-style: none;
	border-bottom: 1px dotted #F6B485;
}

#header #header-links li {
	border-right: 1px solid #FFF;
	float: left; display: inline;
	margin: 0;
	padding: 0;
}

#header #header-links li a {
	color: #FFF;
	margin: 0 10px;
}

#header #header-links li.last {
	border: none;
	visibility: hidden;
}

#header #header-links li.last a {
	margin-right: 0;
}



/*****************************************************************************************
 *			Footer internal layout / styles
 ****************************************************************************************/

#footer {
	
}

#footer-inner {
	padding: 15px 12px 0 0;
}

#footer a:link,
#footer a:visited {
	text-decoration: none;
}


/************************
 * Australian apprenticeships
 ************************/

#footer #australian-apprenticeships-wrapper {
	background: #213A83 url(../images/backgrounds/bg_australian-apprenticeships-repeat.gif) repeat-y top left;
	padding: 20px 0;
	position: relative; /* This is to make sure the background image stays where it should in IE */
}

#footer #australian-apprenticeships-wrapper * {
	margin: 0;
	padding: 0;
	color: #FFF;
	text-align: center;
}

#footer #australian-apprenticeships-logo {
	height: 75px; 
}

#footer #australian-apprenticeships-logo span {
	width: 100%;
	background: transparent url(../images/backgrounds/bg_australian-apprenticeships.gif) no-repeat 50% 50%;
}


/************************
 * Copyright statement
 ************************/
 
#footer #copyright {
	float: left; display: inline;
	width: 515px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8181em;
	margin: 0;
	padding: 0 0 0 20px;
}

#footer #copyright a {
	color: #000;
	text-decoration: underline;
}

#footer #copyright a:hover {
	color: #78496A;
	text-decoration: none;
}


/************************
 * Footer Links
 ************************/

#footer #footer-links-holder { /* IE was giving the li's extra margin on the left, adding the holder was a quick and dirty fix */
	float: left; display: inline;
	width: 205px;
}

#footer #footer-links-holder ul#footer-links {
	font-size: 0.909em;
	margin: 0 0 0 21px;
	padding: 0;
	list-style-type: none;
}

#footer #footer-links li {
	padding: 0;
	margin: 0;
}

#footer #footer-links li a {
	color: #000;
	text-decoration: underline;
}

#footer #footer-links li a:hover {
	color: #78496A;
	text-decoration: none;
}


/************************
 * Site by Areeba Link
 ************************/
 
#footer #site-by-areeba-link {
	padding: 0;
	margin: 0;
	float: right; display: inline;
	text-align: right;
}

#footer #site-by-areeba-link span {
	vertical-align: middle;
	text-decoration: none;
	color: #213A83;
}

#footer #site-by-areeba-link img {
	vertical-align: middle;
}




/*****************************************************************************************
 *		 	Breadcrumb internal layout / styles
 ****************************************************************************************/

#breadcrumb ol {

}

#breadcrumb ol li {
	background-image: url(../images/bullets/bul_breadcrumb.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	border: none;
	padding: 0 7px 0 9px;
	margin: 4px 7px 0 -9px;
}

#breadcrumb ol li:first-child {
	background-image: none;
}

#breadcrumb a {
	color: #333;
}




/*****************************************************************************************
 *		 	Page Title internal layout / styles
 ****************************************************************************************/

#page-title {
	width: 470px; /* Make sure that the title does not get out of control */
	margin-left: 15px;
}

body.has-breadcrumb #page-title {
	padding-top: 1.75em; /* leave room for breadcrumb, ie spacks with margin here */
	margin-left: 0;
}

body.has-breadcrumb #page-title h1 {
	color: #78496A;
	font-size: 1.9090em;
}

#page-title h1 {
	color: #F66D09;	
}

h3.border-bottom {
	font-weight: bold;
	font-size: 1.4545em;
	padding-bottom: 0.3em;
	border-bottom: 1px dotted #4B4B4B;
}



/*****************************************************************************************
 *		 	Content area internal layout
 ****************************************************************************************/

#content {
	
}

/************************
 * Intro text
 ************************/
 
#intro-text {
	color: #78496A;
	font-size: 1.3636em;
	margin-bottom: 5px;
}

 

/************************
 * No sub content
 ************************/


/* 
	THIS IS AFTER THE FACT
	Rather than adjusting the font sizes throughout the site I just increased it on the body content
	TODO: This is a bit of a hack, if there is time I need to adjust it on the body tags and then decrease what is needed.	
*/

#content #main {
	font-size: 1.0909em; 
}


/************************
 * With sub content
 ************************/

/* prep the main content, leaving room beside it for sub content */
body.has-sub-content #content #main {
	float: left; display: inline;
	width: 100%;
	padding: 0;
	margin: 0;
	margin-right: -217px; /* sub content width + margin each side of sub content  */
}

/* leave room for side content to sit, it get's shifted into this space */
body.has-sub-content #content #main-inner {
	margin-right: 217px; /* sub content width + margin each side of sub content  */
	margin-bottom: 15px;
}

/* shift the sub content into the space left by #main-inner */
body.has-sub-content #content #sub {
	float: right; display: inline;
	width: 211px;
	margin-top: -40px; /* Bring the right column under the header text */
	_margin-right: -12px;
}


/************************
 * Top of page Link
 ************************/
 
#top-page-link {
	margin-top: 3em;
}

#top-page-link a {
}



/*****************************************************************************************
 *			Content styles for custom classes and id's
 ****************************************************************************************/


/************************
 * font and print page controls
 ************************/

ul#page-controls {
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 10px;
	right: 165px;
	color: #FFF;
	font-weight: bold;
	font-size: 1.0909em;
}

ul#page-controls li {
	float: left; display: inline;
	margin: 0 7px 0 0;
	padding: 0;
	width: 20px;
	height: 20px;
}

ul#page-controls li.arb-hover {
	cursor: hand;
	cursor: pointer;
}


/************************
 * Link lists
 ************************/

ul.links-list {
	list-style: none;
	padding: 0;
	margin: 10px 0;
}

ul.links-list li {
	background: url(../images/bullets/bul_breadcrumb.gif) transparent 0 6px no-repeat;
	padding: 0 0 0 12px;
	margin: 1px 0;
}


/************************
 * More Link
 ************************/
 
.more-link {

} 

.more-link a:link,
.more-link a:visited {

}


/************************
 * INLINE GALLERY
 ************************/
/*
	NOTE: there must be no space be the inline elements
	
		</li><li>
	
	Rather than
	
		</li>
	 
		<li>
*/

ul.inline-gallery {
	list-style-type: none; 
	padding: 0; /* Just to be safe */
	margin: 0; /* Just to be safe */
}

ul.inline-gallery li {
	display: -moz-inline-box; /* Mozilla */
	display: inline-block; /* Opera, Safari, MAC IE */
	*display: inline; /* WIN IE 5,6, 7*/
	zoom: 1; /* make sure IE hasLayout */
	vertical-align: top; /* Make MAC IE play nice */
	padding: 0; /* Just to be safe */
	margin: 0; /* Just to be safe */
	/* min-height: 30px; Set min-height for all standards complient browsers */
	/*_height: 30px;  Set min-height for IE6 */
	width: 155px; /* This width works in all browsers except Mozilla */
}

ul.inline-gallery li > div { /* Width for Mozilla */
	width: 155px;
}
 

/************************
 * USER NOTES (message box type stuff)
 ************************/
.important, .success, .error, .cancelled {
	padding: 20px 20px 20px 88px;
	min-height: 32px;
	_height: 32px;
	margin: 1em auto;
	width: 80%;
	background-position: 20px 20px;
	background-repeat: no-repeat;
}

.important h2, .success h2, .error h2, .cancelled h2 {
	color: inherit;
	margin-top: 0;
}

.important {
	color:#725A00;
	background-image: url(../images/icons/ico_note.gif);
	background-color: #FFFAE6;
	border: 1px solid #FAC71E;
}

.success {
	color:#2d8228; 
	background-image: url(../images/icons/ico_success.gif);
	background-color: #f4fcf4;
	border: 1px solid #51cd49;
}

.error {
	color: #FF0000;
	background-image: url(../images/icons/ico_error.gif);
	background-color: #fff1f1;
	border: 1px solid #f9221d;
}

.cancelled {
	color: #FF0000;
	background-image: url(../images/icons/ico_cancelled.gif);
	background-color: #fff1f1;
	border: 1px solid #f9221d;
}


.LoginErrorText
{
	color:Red;
}


/************************
 * Form prompt text
 ************************/
input.displayingPromptValue {
	color: #666;
}



/*****************************************************************************************
 *			Sub content styles
 ****************************************************************************************/

/************************
 * Contact info text
 ************************/

#content #sub #sub-contact-info 
{	
	position: absolute;
	top: 90px;
	right: 16px;
	z-index: 100;
	width: 212px;
	height: 91px;
	background: #78496A;
}

#content #sub #sub-contact-info a {
	width: 212px;
	height: 91px;
	display: block;
	color: #FFF;
	background: #78496A;
}

#content #sub #sub-contact-info a span {
	background: transparent url(../images/backgrounds/bg_sub-contact-info.gif) no-repeat top left;
}

/* The image changes for the contact page */
body.contact-section #content #sub #sub-contact-info a span {
	background-image: url(../images/backgrounds/bg_sub-contact-info-contact-page.gif);
}

a.show-map img {
	margin: 10px 0 0 0;
	display: block;
}


/************************
 * Image with caption
 ************************/
 
#content #sub dl.captioned-image {
	margin: 0 0 2.5em 0;
}

#content #sub dl.captioned-image dd {
	margin: 0;
	padding: 0.5em 1em;
	font-size: 0.92em;
}


/************************
 * blockquote
 ************************/
 
#content #sub blockquote {
	margin: 0 0 0 11px;
	display: block;
	padding: 0;
	width: 212px;
	background: transparent url(../images/backgrounds/bg_quote-top.gif) no-repeat top left;
	color: #F66D09;
	position: relative; /* IE6 Needs this to show the negative margins */
}

#quote-holder {
	height: 296px;
	background: transparent url(../images/backgrounds/bg_quote-bottom.gif) no-repeat bottom left;
	padding: 0;
	position: relative;
}

#content #sub blockquote img {
	padding: 15px 0 0 15px;
	position: absolute;
	top:  0; 
	left: 0;
}

#content #sub dl, #content #sub dl dt, #content #sub dl dd {
	margin: 0;
	padding: 0;
	background-color: #FFF;
}

#content #sub dl {
	margin: 5px 10px 0 21px;
}

#content #sub dl dd p {
	line-height: 1.25em; /* This is to stop the quote moving around in Firefox */
}


/*****************************************************************************************
 *			Content page styles
 ****************************************************************************************/





/*****************************************************************************************
 *			Home page styles
 ****************************************************************************************/

#home-text-wrapper {
	margin: 0 15px;
}

body.home-page #main-inner {
 min-height: 800px;
_height: 800px; /* for IE6 */
}

/************************
 * tab quicklinks
 ************************/

#tab-holder {
	background: #FEBF57 url(../images/backgrounds/bg_tab-bottom.gif) no-repeat bottom left;
	position: relative;
	padding-bottom: 25px;
	margin: 20px 0 10px 0;
}

#tab-holder h3 {
	height: 66px;
	color: #F47B20;
	background: #2B2B2B;
}

#tab-holder h3 span {
	background: transparent url(../images/backgrounds/bg_tab-top.jpg) no-repeat bottom left;
}

#tab-holder dl#tabs {
	padding: 0;
	margin: 0;
}

#tab-holder dl#tabs dt {
	position: absolute;
	top: 66px;
	height: 75px;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

#tab-holder dl#tabs dt#tab-but-1 {
	position: absolute;
	left: 0;
	width: 154px;
}

#tab-holder dl#tabs dt#tab-but-2 {
	left: 154px;
	width: 204px;
}

#tab-holder dl#tabs dt#tab-but-3 {
	left: 358px;
	width: 137px;
}

#tab-holder dl#tabs dt a { 
	display: block;
	height: 75px;
	outline: 0;
}

#tab-holder dl#tabs dt a span { 
	background: transparent url(../images/backgrounds/bg_tab-nav.gif) no-repeat 0 0;
}

#tab-holder dl#tabs dt a:hover span { 
	background-position: 0 -100px;
}

/* Button 1 */
#tab-holder dl#tabs dt.selected a#tab-link-1 span { background-position: 0 -200px; }

/* Button 2 */
#tab-holder dl#tabs dt a#tab-link-2 span { background-position: -154px 0; }
#tab-holder dl#tabs dt a#tab-link-2:hover span { background-position: -154px -100px; }
#tab-holder dl#tabs dt.selected a#tab-link-2 span { background-position: -154px -200px; }

/* Button 3 */
#tab-holder dl#tabs dt a#tab-link-3 span { background-position: -358px 0; }
#tab-holder dl#tabs dt a#tab-link-3:hover span { background-position: -358px -100px; }
#tab-holder dl#tabs dt.selected a#tab-link-3 span { background-position: -358px -200px; }

#tab-holder dl#tabs dd {
	padding: 0;
	margin: 75px 0 0 0;
}

#tab-holder dl#tabs dd .section {
	border-top: 1px dotted #FFF;
	padding: 15px;
}

#tab-holder dl#tabs dd .first {
	border: none;
	padding-top: 5px;
}

#tab-holder dl#tabs dd .section h4 {
	margin: 0;
	padding: 0;
	font-size: 1.2727em;
}

#tab-holder dl#tabs dd .section ul {
	margin: 0 0 0 20px;
	padding: 0;
}

#tab-holder dl#tabs dd .section a {
	color: #000;
}

#tab-holder dl#tabs dd .section ul li {
	margin: 0;
	padding: 0;
}




/*****************************************************************************************
 *			Search page styles
 ****************************************************************************************/

dl#search-tips dt {
	margin: 0 0 3px 0;
	padding: 0;
}

dl#search-tips dd {
	margin: 0 0 10px 0;
	padding: 0;
}

dl.search-results-list dt {
	margin: 0;
	padding: 0;
}

dl.search-results-list dt a img {
	margin-right: 5px;
}

dl.search-results-list dd {
	margin: 0 0 20px 0;
	padding: 0;
}

dl.search-results-list dd dl {
	margin: 3px 0 0 0;
	padding: 0;
}

dl.search-results-list dd dl dd {
	margin: 0 0 10px 0;
	padding: 0;
}




/*****************************************************************************************
 *			News page styles
 ****************************************************************************************/

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

ul#news-list li {
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #4B4B4B;
}

ul#news-list li li {
	border-bottom: none;
	margin: 5px 0;
}

ul#news-list li h2 {
	margin: 10px 0 3px 0;
	padding: 0;
}

ul#news-list li h4 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1em;
}


/*****************************************************************************************
 *			Contact page styles
 ****************************************************************************************/

/************************
 * INLINE GALLERY: contact page specific styles
 ************************/
 
ul#contact-details {
	
}

ul#contact-details li {
	padding: 0 10px 0 10px 0;
	margin: 0 0 10px 0;
}

ul#contact-details li h4 {
	margin-top: 0;
}

ul#contact-details li p {
	margin: 5px 0;
	padding: 0;
}

ul#contact-details li a.more-details {
	margin: 5px 0 0 0;
	padding: 1px 0 4px 25px;
	background: transparent url(../images/icons/ico_up-down-icons.gif) no-repeat -3px -55px;
	outline: none;
}

ul#contact-details li a.more-details-up {
	background-position: -3px 0;
}

ul#contact-details a {
	font-weight: bold;
	margin: 5px 0 0 0;
}

p#contact-page-note {
	margin-bottom: 25px;
	font-size: 0.91667em;
}
 
 
 



/*****************************************************************************************
 *			Employment page styles
 ****************************************************************************************/

#employment-info {
	background: #F7F5DE;
	padding: 15px 0;
}

#employment-info #employment-info-left {
	float: left;
	width: 210px;
	padding: 0 15px;
	border-right: 1px dotted #7E8082;
}

#employment-info #employment-info-left h3 {
	margin-top: 0;
}

#employment-info #employment-info-left ul li {
	margin-bottom: 0.5em;
}

#employment-info #employment-info-right {
	float: left;
	width: 210px;
	padding: 0 15px;
}

#employment-info #employment-info-right #employment-info-sub-left {
	float: left;
	width: 100px;
}

#employment-info #employment-info-right #employment-info-sub-right {
	float: left;
	width: 100px;
}



 
/*****************************************************************************************
 *			Section index page styles
 ****************************************************************************************/

/************************
 * section index boxes
 ************************/




/*****************************************************************************************
 *			Utility styles
 ****************************************************************************************/

/************************

 * PIPELIST: a list which is displayed inline with ' | ' as a seperator
 ************************/

.pipe-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.pipe-list li {
	float:  left; display: inline;
	background-image: none;
	border-left: 1px solid black;
	padding: 0 5px 0 5px;
	margin: 0 5px 0 -5px;
}

.pipe-list li:first-child { 
	border-left: 0;
	border-right: 0;
}


/************************
 * links list
 ************************/

ul.links-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
}

ul.links-list li {
	background: url(../images/bullets/bul_links-list.gif) transparent 0 4px no-repeat;
	padding-left: 10px;
	margin-bottom: 3px;
}

ul.links-list li a {
	color: #000;
	text-decoration: none;
}

ul.links-list li a:hover {
	text-decoration: underline;
}





/************************
 * definition item list
 ************************/

dl.labelled-items-list {

}

dl.labelled-items-list dt {
	float: left;	
	clear: both;
	width: 45%;
	margin: 0 0 5px 0;
	padding: 0;
}

dl.labelled-items-list dd {
	padding: 0;
	margin: 0;
	float: right; 
	width: 52%;
}


/************************
 * sortable headers
 ************************/

a.sorted-asc {
	background: url(../images/icons/ico_sort-asc.gif) transparent 0 50% no-repeat;
	padding-left: 8px;
}

a.sorted-desc {
	background: url(../images/icons/ico_sort-desc.gif) transparent 0 50% no-repeat;
	padding-left: 8px;
}


/************************
 *  transfer box
 ************************/
 
.transferBox {
	border: 1px solid #333;
	position: absolute;
	z-index: 100000;
}


/************************
 *  IMAGE-REPLACED: accessible text image replacement
 ************************/
/*
  Usage: <tag class="image-replaced">the text to replace<span></span></tag>
*/

.image-replaced {
	position: relative;
	overflow: hidden;
}


.image-replaced span{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
}


/************************
 * accessibility styles
 ************************/

/* hide items in a way still accessibly to screen readers (and unstyled browsers of course) */
.accessibility, hr {
	position: absolute !important;
	top: -1000em !important;
	left: -1000em !important;
}


/************************
 * collapsible regions
 ************************/
 
html.js #content .collapsible-body {
	overflow: hidden;
	margin-left: 10px;
}

html.js #content .collapsed .collapsible-body * {
	display: none;
}

html.js #content .collapsible-heading a {
  padding-left: 10px;
  background: url(../images/bullets/bul_collapsible-open.png) transparent 0 50% no-repeat;
  color: inherit;
}

html.js #content .collapsible-heading a:hover {
	cursor: pointer;
	cursor: hand;
	text-decoration: underline;
}

html.js #content .collapsed .collapsible-heading a {
	background: url(../images/bullets/bul_collapsible-closed.png) transparent 0 50% no-repeat;
}


/************************
 * clearfix, a class to clear floated elements
 ************************/
 
/* clearfix for good browsers */
html > body .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* clearfix for IE/mac */
.clearfix {
	display: inline-block;
}

/* Hides from IE-mac, clearfix for IE/win and reset for not IE/mac */
@media all {
	* html .clearfix {
		_height: 0;
	}
	
	.clearfix {
		display: block;
	}
}


/************************
 * flash inclusion
 ************************/

/* These are standard flash inclusion styles... do not modify */
@media screen {
	.flash-text-replaced embed,
	.flash-text-replaced object {
		visibility: visible !important;
		margin: 0;
		clear: none;
		_margin-right: -3px; /* account for IE 6 putting 3px of margin on the left when next to a floated element */
	}
	
	html.flash-text-has-flash span.alt {
		display: block;
	}
	.flash-text-replaced span.alt {
		position: absolute;
		left: -10000px;
		top: -10000px;
	}
}

.flash-replaced .alt {
		position: absolute;
		left: -10000px;
		top: -10000px;
}


/* custom font tweaks go here */

html.flash-text-has-flash .box h2 {
	line-height: 1.45;
	letter-spacing: -1px;
	zoom: 1; /* stop ie 6 putting 3px of internal margin on our text (and pushing the embed element down when it's inserted */
}

a.left-sidebar-link  {
    display:block;
    position:relative;
    background-color: #78496a;
    vertical-align: text-bottom;
    height: 65px;
    width: 150px;
    padding: 10px 15px 10px 15px;
    margin: 20px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 3px 3px 4px #888;
    -webkit-box-shadow: 3px 3px 4px #888;
    box-shadow: 3px 3px 4px #888;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-decoration:none;
}

.left-sidebar-link span {
    position:absolute;
    top:25%;
    right: 10px;
    left:10px;
}

div#left 
{
    padding: 0 0 0 5px;
    float: left;
}