/* @override http://callaghanpark.com.au/css/style.css */

/********************************/
/*	Quetools Renderer			*/
/********************************/

/********************************/
/*	General Page Elements		*/

h1, h2, h3, h4, h5, a, p{
	
	font-family: "Myriad Pro", Verdana, Arial;
	font-weight: normal;
	
}

.aReadmore{
	
	float: left;
	height: 32px;
	width: 112px;
	background-image: url('/images/button_readmore.png');
	background-repeat: none;
	background-position: top left;
	
}

a{
	
	text-decoration:  none;
	color:  #135A9F;
	
}

a:hover{
	
	text-decoration:  underline;
	color:  #135A9F;
	
}

table{
	
	vertical-align:  top;
	border-collapse:  collapse;
	
}

td{
	
	padding:  5px;
	border: 1px solid lightgray;
	
}

th{
	
	background:  gray;
	color:  white;
	
}

/********************************/
/*	Headers						*/

h1, h2{

	font-size: 18px;
	color: #001E40;
	
}

h2{
	
	font-size: 14px;
	color: #355377;
	
}

.dEventTitle{
	
	float: left;
	font-size: 16px;
	color: #97895b;
	
}

.dEventDate h1, .dEventDate h2{
	
	float: left;
	height: 20px;
	width: 100%;
	font-size: 16px;
	text-transform: uppercase;
	vertical-align: center;
	text-align: center;
	color: white;
	
}

.dEventDate h2{
	
	height: 25px;
	margin-top: -15px;
	font-size: 27px;
	
}

.dEventInfo h1{

	width: 100%;
	padding-top: 2px;
	padding-bottom: 2px;
	
}

.dEventInfo h1{
	
	font-size: 22px;
	
}

/********************************/
/*	General Classes				*/

.alignLeft{ float: left; }
.alignRight{ float: right; }


/********************************/
/*	Layout						*/

body{
	
	background-image: url('/images/blueBG.jpg');
	background-position: top center;
	background-repeat: repeat-y;
	background-color: #11467C;
	
	font-size:  12px;
	font-family:  Myriad Pro, Verdana, Arial, Sans;	
}

ul{
	
	font-size:  12px;
	font-family:  Myriad Pro, Verdana, Arial, Sans;
	
}

#dTopRow{
	
	float: left;
	height: 280px;
	width: 100%;
	background-image: url('/images/brownBG_tile.jpg');
	background-repeat: repeat-x;
	
}

#dBrownHeader{

	height: 500px;
	width: 100%;
	margin-left: 1px;
	background-image: url('/images/brownBG.png');
	background-position: top center;
	background-repeat: no-repeat;
	
}

#dHeader{
	
	margin-left: 1px;
	
}

#iHeaderPic{
	
	margin-top: -4px;
	
}

#dContentBox{
	
	float: left;
	position: relative;
		left: 50%;
	margin-left: -470px;
	margin-top: -260px;
	height: auto;
	width: 923px;
	padding: 9px;
	background-color: white;
	
}

#dMenu{
	
	float: left;
	height: 32px;
	width: 920px;
	margin-top: -3px;
	background-color: #E3DFD3;
	text-align: center;
	
}


#dEvents{
	
	float: left;
	width: 280px;
	height: auto;
	padding: 10px;

}

.dEventBox{
	
	float: left;
	width: 280px;
	padding-top: 20px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #e3dfd3;
	
}

.dEventDate{
	
	float: left;
	height: 39px;
	width: 39px;
	padding: 8px;
	background-image: url('/images/date_bg.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	
}

.dEventInfo{
	
	float: left;
	width: 195px;
	padding-left: 10px;

}

.newsBitBody{
	
	display: none;
	
}

.newsBody{
	
	float: left;
	
}

.newsBitTitle, .newsTitle{
	
	font-size: 14px;
	font-weight: bold;
	
}

.newsBitAuthor, .newsBitDate, .newsDate, .newsAuthor{
	
	font-size: 12px;
	color: grey;
	font-style: italic;
	float: left;
	padding: 5px;
	
}

.newsBitDate, .newsDate{
	
	float: right;
	
}

.newsBit{
	
	padding: 10px;
	border-bottom: 1px solid lightgrey;
	float: left;
	
}

.newsBitLink{
	
	float: right;
	
}

.newsBitShort, .newsBitTitle, .newsShort, .newsTitle{
	
	width: 100%;
	float: left;
	
}

.newsShort{
	
	font-style: italic;
	
}

.newsBody{
	
	margin-top: 5px;
	
}

.newsBody p{
	
	font-size: 12px;
	color: black;
	
}

#dContent{
	
	float: left;
	height: auto;
	padding: 10px;
	margin-top: 10px;
	
}

#dBottomRow{
	
	float: left;
	height: 320px;
	width: 100%;
	background-image: url('/images/greyBG.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #616161;
	border-top: 5px solid white;
	
}

#dBottomBoxes{
	
	float: left;
	position: relative;
		left: 50%;
	margin-left: -470px;
	height: auto;
	width: 941px;
	
}

.dBottomBox{
	
	float: left;
	height: 310px;
	width: 303px;
	padding: 5px;
	text-align: center;
	
}

.dBottomBox p{
	
	height: 80px;
	display: block;
	
}

.dBottomBox .aReadmore{
	
	display: block;
	margin-left: 180px;
	
}

#dBottomBoxes #box1, #dBottomBoxes #box3{
	
	background-image: url('/images/bottombox_bg1.png');
	background-position: top center;
	background-repeat: repeat-x;
	width: 304px;
	
}

#dBottomBoxes #box2{
	
	background-image: url('/images/bottombox_bg2.png');
	background-position: top center;
	background-repeat: repeat-x;
	
}

.dBottomBoxImg{
	
	height: 144px;
	width: 278px;
	overflow: hidden;
	border: 4px solid white;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	
}

.dBottomBoxImg img{
	
	width: 278px;
	text-align: center;
	
}

/***********************************/
/*				Menu			   */


/********************************/
/*			Fonts	  			*/

p{
	
	font-weight: normal;
	font-size: 12px;
	color: #112d4a;
	
}

.dEventInfo p{

	width: 100%;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #bbb;

}

p{
	
	padding-top: 5px;
	padding-bottom: 5px;
	
}

.dBottomBox strong{
	
	color: #FFF;
	
}

.dBottomBox p{
	
	margin-left: 10px;
	text-align: left;
	color: #b1b1b1;
	
}

#dCopyright span, #dCopyright a, #dCopyright a:link, #dCopyright a:visited{
	
	font-size: 10px;
	color: gray;
	text-align: center;
	text-decoration: none;
	
	padding: 10px;
	
}

#dCopyright span{
	
	padding: 10px;
	
}

#dCopyright a:hover{
	
	text-decoration: underline;
	color: red;
	
}

/********************************/
/*	Copyright Footer   			*/

#dCopyright{
	
	float: left;
	height: 20px;
	width: 96%;
	padding: 5px 2% 5px 2%;
	
	background-color: white;
	color: gray;
	
}

/********************************/
/*	IE Fixes					*/

img, div, a, input{
	
	behavior: url('/js/iepngfix.htc');

}

/********************************/
/*	Events Page		   			*/

.dCalendarTable{
	
	border: 1px solid #EEE;
	border-top: 0px;
	padding: 0px;
	margin: 0px;
	margin-top: 2px;
	height: 230px;
	width: 290px;
	background-color: white;
	margin-left: -10px;
	margin-right: auto;
	
}

.dCalendarTable tr, .dCalendarTable td, .dCalendarTable th{
	
	text-align: center;
	padding: 0px;
	margin: 0px;
	
}

.dCalendarTable td{
	
	width: 30px;
	height: 30px;
	
}

.dCalendarHeaderRow{
	
	font-family: "Myriad Pro", Verdana, Arial;
	font-weight: normal;
	font-size: 16px;
	font-weight: bold;
	color: white;
	background-image: url('/images/headerRowBG.jpg');
	background-position: top left;
	background-repeat: repeat-x;
	text-align: center;
	
}

.dCalendarPrev a, .dCalendarNext a{
	
	color: #ddd;
	
}

#dCal a{

	padding: 0px;
	margin: 0px;
	text-decoration: none;
	
}

#dCal a:hover{
	
	text-decoration: underline;
	
}

.dCalendarTitleDay{
	
	width: auto;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	background-color: #E3DFD3;
	text-align: center;
	
}

.dCalendarEvent, .dCalendarToday{
	
	height: 22px;
	width: 25px;
	color: white;
	padding-top: 2px;
	background: #97895C;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	
}

.dCalendarToday{
	
	-webkit-border-radius: 5px;
	-moz-border-radius:: 5px;
	background-color: #355377;
	
}

.dCalendarEvent a, .dCalendarToday a{

	color: white;
	vertical-align: middle;
		
}

.dCalendarEvent a:hover, .dCalendarToday a:hover{
	
	color: white;
	
}

.dBigEventBox, .dBigEventBoxDay{
	
	float: left;
	width: 600px;
	padding: 10px;
	margin-left: -10px;
	margin-bottom: 10px;
	background-color: #E3DFD3;
	
}

.dBigEventDate{
	
	float: left;
	height: 39px;
	width: 39px;
	padding: 8px;
	background-image: url('/images/date_bg.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	
}

.dBigEventDate h1, .dBigEventDate h2, .dBigEventBoxDay h1, .dBigEventBoxDay h2{
	
	float: left;
	height: 20px;
	width: 40px;
	font-size: 16px;
	margin-top: 0px;
	text-transform: uppercase;
	vertical-align: center;
	text-align: center;
	color: white;
	
}

.dBigEventBoxDay h1, .dBigEventBoxDay h2{
	
	height: auto;
	font-size: 18px;
	text-transform: capitalize;
	width: 100%;
	text-align: left;
	color: black;
	
}

.dBigEventBox h2, .dBigEventBoxDay h2{
	
	height: 25px;
	margin-top: -15px;
	font-size: 27px;
	
}

.dBigEventInfo .aReadmore{

	position: relative;
		top: 5px;
		left: 5px;

}

.dBigEventBoxDay .aReadmore{
	
	float: right;
	margin-right: -5px;
	margin-bottom: -5px;

}

.dBigEventTitle{
	
	float: left;
	width: 515px;
	font-size: 18px;
	margin-left: 10px;
	
}

.dBigEventInfo{
	
	float: left;
	width: 545px;
	
}

.dBigEventInfo p, .dBigEventBoxDay .short{
	
	float: left;
	width: 515px;
	margin: 0;
	padding: 0px;
	margin-left: 10px;
	
}

.dBigEventBoxDay .short{
	
	margin: 0px;
	
}

.dBigEventInfo .aReadmore{
	
	float: right;
	padding: 0px;
	margin: 0px;
	
}

.dColWidth{
	
	width: 600px;
	
}

.dFullWidth{
	
	width: 902px;
	
}

/********************************/
/*	Gallery Stuff				*/

.galleryContent{
	
	float: left;
	width: 99%;
	
}

.galleryBit{
	
	float: left;
	width: 45%;
	margin-left: 3%;
	margin-bottom: 10px;
	height: 100px;
	cursor: pointer;
	overflow: hidden;
	border: 4px solid lightgrey;
	
}

.galleryBit:hover{
	
	border: 4px solid grey;
	
}

.galleryBit img{
	
	border: none;
	width: 110%;
	
}

#content_1, #content_2{
	
	margin-left: 80px;
	
}

.galleryContent .galleryBit{
	
	width: 200px;
	height: 200px;
	margin: 20px;
	
}

.dBigEventDate h1{
	
	margin-top: 0px;
	
}

#dCal table td{
	
	border: 0px;
	vertical-align: middle;
	text-align: center;
	
}

#dCal table td div{
	
	text-align: center;
	display: inline-block;
	text-align: center;
	
}

.dCalendarEvent a{
	
	display: inline-block;
	text-align: center;
	
}
