/*
	Dark Blue: #221f72
	Cream: #FFFFF0

	
*/

@media print {

	#pageTitle {
		margin-bottom:16px; 
		font-family:'Courier New', Courier, monospace; 
		font-weight:bold;  
		font-size:24px;  
	}
	#divPageMenu {
		display:none;
	}
	.rightColumn {
		display:none;
	}
	#divBaseLinks {
		display:none;
	}
	#divCopyright {
		padding-top:10px; 
		margin-top:10px; 
		border-top:1px;
		solid: #000;
	}

}
@media screen {
	
	body {
	background: #ebefea url(../images/grad_bg.gif) repeat-x;
	}
	#pageHeaderTab {
		height:30px; 
		color:#FFF; 
		font-family:'Courier New', Courier, monospace;  
		font-weight:bold; 
		background-color:#9b7db9; 
		margin: 5px 80px 10px 80px; 
	}
	#pageTitle {
		padding:0px 10px 0px 10px; 
	}
	#container {
		margin:0px 80px 20px 80px; 
		background-color:#FFFFF0;
		/*border: red solid 1px; - main site container */
	}
	
	#container a {
		color:#4b0082;
	}
	
	#container a:link {
		color:#4b0082;
	}
	
	#container a:visited {
		color:#ba55d3;
	}
	
	#container a:hover {
		color: #8b008b;
	}
	
	#container a:active {
		color:#32cd32;
	}
	
	
	
	p.withwidth {
		width: 100%;
		border: blue solid 1px;
	}
	
	.leftColumn { 
		padding:10px 30px 20px 30px; 
		border-right:1px solid #FFF;
	}
	.rightColumn {
		background: url(../images/stripes2.gif) repeat; 
		padding:10px 10px 10px 10px; 
		border-left:1px dashed #CCC; 
		width:170px; 
		border:1px solid #221f72;  
	}
	#divCopyright {
		padding:0px 20px 0px 20px; 
		color:#fff; 
	}
	
		#divCopyright a { 
			color:#fff; 
		}
	
	/* styles for rounded corners */
	b.rtop, b.rbottom {
		display:block;
		background: #4F5C38;
	}
	b.rtop b, b.rbottom b {
		display:block;
		height: 1px; 
		overflow: hidden; 
		background: #000;
	}
	b.r1 {
	margin: 0 5px
	}
	b.r2 {
	margin: 0 3px;
	}
	b.r3 {
	margin: 0 2px;
	}
	b.rtop b.r4, b.rbottom b.r4 {
		margin: 0 1px;
		height: 2px;
	}
	b.r5 {
		margin: 0 5px 0 0;
	}
	b.r6 {
		margin: 0 3px 0 0;
	}
	b.r7 {
		margin: 0 2px 0 0;
	}
	b.r8 {
		margin: 0 1px 0 0;
	}

}
@media screen, print {

	body {
		margin:0px;
		}
	body,td {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px; 
		}
	h1,h2,h3,h4,h5,h6 {
		font-family:'Courier New', Courier, monospace; 
		color:#d0c6d3;  
		padding: 0;
		margin: 0;
		}
	h1 {
		font-size:22px;
		}
	h2 {
		font-size:20px;
		}
	h3 {
		font-size:18px;
		}
	h4 {
		font-size:16px;
		}
	h5 {
		font-size:14px;
		}
	h6 {
		font-size:12px;
		}
	blockquote {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#e22b8a; 
		font-size:12px; 
		font-weight:bold; 
		margin:10px; 
		padding:10px; 
		text-align:left; 
		margin-left:0px; 
		border:1px solid #221f72;
		background-color: #FFF;
	}
	input,textarea {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px; 
	}
	a, a:link,a:visited,a:hover,a:active {
		text-decoration: underline;
	}
	#divPageMenu {
		background-color:#9b7db9; 
		color:#FFF; 
		padding:8px 10px 12px 4px;
	}
	#divPageMenu a { 
		padding: 0px 8px 0px 6px; 
		border-right:1px solid #FFF;  
	}
	#divPageMenu a:link {
		color:#FFF; 
		text-decoration:none; 
	}
	#divPageMenu a:visited {
		color:#FFF; 
		text-decoration:none; 
	}
	#divPageMenu a:hover {
		color:#e22b8a; 
		text-decoration:none; 
	}
	#divPageMenu a:active {
		color:purple; 
		text-decoration:none; 
	}
	#divBaseLinks {
		height:60px; 
		background-color:#9b7db9; 
		padding:10px 10px 0px 10px; 
		color:#FFF; 
	}
	#divBaseLinks a:link {
		color:#FFF; 
		text-decoration: underline;
	}
	#divBaseLinks a:visited {
		color:#FFF; 
		text-decoration: underline;
	}
	#divBaseLinks a:hover {
		color:#FFF; 
		text-decoration: underline;
	}
	#divBaseLinks a:active {
		color:#FFF; 
		text-decoration: underline;
	}
	#divCopyright {
		font-size:10px; 
	}
	#sideSearchBox {
		border:1px solid #000; 
		margin-bottom:10px; 
	}
	#sideSearchBoxContent { 
		background-color:#C8CFC6; 
		border:1px solid #FFF; 
		padding:8px; 
		ext-align:center; 
	}
	#searchHeader {
		height:22px; 
		line-height:22px; 
		color:#FFF; 
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px; 
		padding:0px 5px 0px 5px; 
		background-color:#FF6600; 
		border-top:1px solid #FFF; 
		border-left:1px solid #FFF;
		border-right:1px solid #FFF; 
		border-bottom:1px solid #C64F00;  
	}
	/*Download Area*/
	#sideBarNews {
	border:1px solid #221f72;
	margin-bottom:10px;
	}
	#sideBarNewsContent {
		background-color:#d0c6d3; 
		border: 1px solid #FFFFF0; 
		padding:10px; 
	}
	#newsHeader {
		height:22px; 
		line-height:22px; 
		color:#FFF; 
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px; 
		padding:0px 5px 0px 5px;
		background-color:#4b0082; 
		border-top:1px solid #FFFFF0; 
		border-left:1px solid #FFFFF0; 
		border-right:1px solid #FFFFF0;
		border-bottom:1px solid #C64F00;  
	}
	#sideEmailBox {
		border:1px solid #000; 
		margin-bottom:10px; 
	}
	#sideEmailBoxContent { 
		background-color:#C8CFC6; 
		border:1px solid #FFF; 
		padding:8px; 
		text-align:center; 
	}
	#emailHeader {
		height:22px; 
		line-height:22px; 
		color:#FFF; 
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px; 
		padding:0px 5px 0px 5px; 
		background-color:#FF6600; 
		border-top:1px solid #FFF; 
		border-left:1px solid #FFF; 
		border-right:1px solid #FFF; 
		border-bottom:1px solid #C64F00;  
	}
	.subHeader {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#221f72; 
		font-size:14px; 
		letter-spacing:1px; 
		font-weight:bold; 
		margin:10px 0px 10px 0px; 
		border-bottom:1px solid #221f72;
	}
	.note {
		color:#4b0082; 
		font-style:italic; 
		background-color: #d0c6d3; 
		padding:5px; 
		border: 1px solid #221f72; 
	}
	.newsItem {
		margin-bottom:5px; 
		font-size:9px; 
	}
	.readNewsLink {
		margin-bottom:10px; 
		font-size:9px; 
	}
	.orange {
		color:#F60;
	}
	
	.indent {
		padding-left: 10px;
	}
	
	.bold {
		font-weight: bold;
	}
	
	.purplebold {
		color: #4b0082;
		font-weight: bold;
	}
	
	.purple {
		color: #4b0082;
	}
	
	.pinkbold {
		color: #ba55d3;
		font-weight: bold;
	}
	
	.pink {
		color: #ba55d3;
	}

	.queenslogo {
		float: right;
		margin: 10px;
	}
	
	.events_table {
		margin: 2px;
		width: 600px;
	}
	
	.events_table td,
	.events_table th {
		width: 50%;
		text-align: left;
		padding: 10px;
	}	
	
	.strikthrough {
		text-decoration: line-through;	
	}
	
	form {
		padding: 0;
		margin: 0;
		font-size: 1em;
	}
	
	input,
	select,
	textarea {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		font-weight: normal;
		text-transform: lowercase;
		border: 1px solid #999;
		padding: 2px;
		margin: 8px  0;
		background-color: #fff;
	}
	
	input:focus,
	select:focus,
	textarea:focus {
		border: #3399ff solid 1px;
	}
	
	fieldset {                                                         
		border: 1px dashed #ccc;
		padding: 0 10px;
		margin: 0 9px;
	}  
	
	legend {
		background-color: #fff;
		margin: 0 0 10px 0;
		padding: 5px;
		border: 1px solid #ccc;
	}
	
	.error {
		color: red;
	}
	
	/* 
Gallery
*/

/* 
Style the outer cntaining div to fit the landscape, portrait and buttons 
*/
#album_one {
    width:350px; 
    height:360px; 
    background:#FFFFF0 url(../images/web-gallery-images/1.jpg) 0 40px no-repeat;
    border: none;
    margin: 6px;
}

#album_two {
    width:350px; 
    height:360px; 
    background:#FFFFF0 url(../images/web-gallery-images/11.jpg) 0 40px no-repeat;
    border: none;
    margin: 6px;
}

/* 
Remove the padding margin and bullets from the list. 
Add a top margin and width to fit the images and a position relative 
*/
.gallery {
    padding:0; 
    margin:320px 0 0 0; 
    list-style-type:none; 
    position:relative; 
    width:385px;
}
/* 
Remove the default image border 
*/
.gallery img {
    border:0;
}

/* 
Make the list horizontal 
*/
.gallery li {
    float:left;
}
/* 
Style the link text to be central in a surrounding box 
*/
.gallery li a, 
.gallery li a:visited {
    font-size:11px;
    float:left; 
    text-decoration:none; 
    color:#000; 
    background:#fff; 
    text-align:center; 
    width:26px; 
    height:26px; 
    line-height:24px; 
    border:1px solid #444;
    margin:4px 2px;
}
/* 
Position the images using an absolute position and hide them from view 
*/
.gallery li a img {
    position:absolute; 
    top:-320px; 
    left:0; 
    visibility:hidden; 
    border:0;
}
/* 
Fix the top position for the landscape images 
*/
.gallery li a img.landscape {
    top:-280px;
}
/* 
Fix the left position for the portrait images 
*/
.gallery li a img.portrait {
    left:0;
    border-left:90px solid #eee;
    border-right:90px solid #eee;
}
/* 
Style the hover background color for the text boxes 
*/
.gallery li a:hover {
    background:#ddd;
}
/* 
Style the active/focus colors for the text boxes (required for IE) 
*/
.gallery li a:active, 
.gallery li a:focus {
    background:#444; 
    color:#fff;
}
/* 
Make the images visible on active/focus 
*/
.gallery li a:active img, 
.gallery li a:focus img {
    visibility:visible;
}

}