/*LAYOUT*/

* { outline: none; }

html, body { height: 100%; }

body { background: #fff url(images/bg.png) repeat-y center center; }

#maincontainer{ width: 960px; min-height: 100%;	height: auto !important; height: 100%; margin: 0 auto -150px; margin-bottom: 10px;}

#contentwrapper { float: left; width: 100%;  }

#contentcolumn{ float:left; margin-left:20px; width:600px; }

#leftcolumn{ float: left; width: 160px; margin-left: 0px; }

#rightcolumn{ float: right; width: 160px; margin-right:0px; }

#footer, #push {
	height: 50px;
}

#footerLeft {
	float: left;
	width: 100%;
	text-align: center;
	background-color: #CCCCCC;
}

#footerRight {
	float: right;
	width: 0%;
	text-align: right;
	background-color: #CCCCCC;
}

#footer{ background: #fff url(images/borderBottom.png) repeat-x 0% 0%; font-size: 12px; line-height: 1.4em; margin: 0 auto; padding: 30px 0 0 0; width: 960px; clear: left; }

/*HEADER*/

#header {
	height: 183px;
	width: 960px;
	margin: 0 auto 0;
	border-top: 20px solid #fff;
	background-color: #fff;
	background-repeat: repeat-x;
	background-position: 0 159px;
}

#headerLeft { background: url(images/header_image_left.jpg) no-repeat 0% 0%; border: 1px solid #000; float: left; height: 158px; margin-top: 0; width: 158px; }

#headerMiddle { background: url(images/header.png) no-repeat 0% 0%; color: #4682b4; float: left; font: bold italic 65px/65px times new roman, times, serif; margin: 0; padding-bottom: 33px; text-align: center; width: 640px; }

#headerMiddle .tagline1 { color: #000; font: bold 16px/35px arial, helvetica, sans-serif; }

#headerMiddle .tagline2 span { background-color: #cc0000; font: bold 16px/26px arial, helvetica, sans-serif; color: #fff; letter-spacing: 1px; padding: 3px 6px; }

#headerRight {
	border: 1px solid #000;
	float: left;
	height: 170px;
	float: left;
	margin-top: 0;
	width: 960px;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-image: url(../assets/graphics/header/masthead.jpg);
}

/*NAVIGATION TOP*/

#navlist { border-bottom: 20px solid #fff; }

ul#navlist { background: #fff url(../assets/images/bg_navTop.png) no-repeat 0% 0%; color: #fff; font-weight: bold; height: 23px; margin: 0; padding: 0; width: 960px; white-space: nowrap; text-align: right; }

#navlist li, #navlist li:visited { margin: 0; display: inline; list-style-type: none; line-height: 1.7em; padding: 0 5px 0 0; }

#navlist li a { color: #fff; text-decoration: none; padding: 0 2px 2px 0; }

#navlist li a:hover { background-color: #f0f8ff; color: #4682b4; text-decoration: none; }

/*MENU LEFT*/
[if IE]>
<style type="text/css"> 
.mybuggyelement { zoom: 1;}
</style>
<![endif]

#menu { width: 160px; }

#menu ul { margin: 0 0 20px 0; padding: 0; list-style-type: none; }

#menu a, #menu a:visited { color: #666; display: block; padding: 3px 5px; width: 150px; background-color: #f5f5f5; border-bottom: 1px solid #fff; }

#menu a:link, #menu a:visited { color: #666; text-decoration: none; }

#menu a:hover { background: url(images/arrow.png) no-repeat top right; color: #4682b4; border-bottom: 1px solid #4682b4; }

/*STYLES*/

body {
	color: #666;
	margin: 0;
	font: normal 13px/1.5em arial, helvetica, sans-serif;
	background-color: #FFFFFF;
}

h2, h3, h4 { display: block; clear: both; letter-spacing: 1px; margin: 10px 0 10px 0; }

h2 { font-size: 28px; line-height: 28px; margin: 0 0 10px 0; }

h3 { font-size: 20px; }

h4 { background-color: #f0f8ff; font-size: 13px; padding: 2px 5px; }

#leftcolumn h4, #rightcolumn h4 { background: #4682b4 url(images/h4.png) no-repeat 0 0; border-bottom: 1px solid #fff; font-size: 1em; font-weight: bold; color: #fff; margin: 0; text-align: center; letter-spacing: 0; line-height: 1.2em; }

#leftcolumn h3, #rightcolumn h3 { font-size: 14px; margin: 5px 0;  letter-spacing: 0; }

p { display: block; clear: both; margin: 10px 0 10px 0; }

a, a:visited { color: #4682b4; font-weight: bold; text-decoration: underline; }

a:hover { color: #cc0000; text-decoration: none; }

hr { background-color: #ccc; color: #ccc; clear: both; height: 1px; border: 0; margin: 10px 0 10px 0; }

img { border: 0; vertical-align: middle; }

#contentcolumn ul { padding-left: 0; margin-left: 16px; }

#contentcolumn li { background: url(images/list.png) no-repeat 0% 2px; list-style-type: none; padding-left: 16px; }

blockquote {
	margin: 15px;
	padding: 0 0 0 20px;
	border: 1px solid #eee;
	font: bold 1.2em/1.5em 'Trebuchet MS', Tahoma, sans-serif;
	color: #666666;
	background-color: #FAFAFA;
	background-image: url(../assets/graphics/others/quote.gif);
	background-repeat: no-repeat;
	background-position: 3px 5px;
}

/*CLASSES*/
 #nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	width : 11em;
 }
 
 #nav li { /* all list items */
	position : relative;
	float : left;
	line-height : 1.25em;
	margin-bottom : -1px;
	width: 11em;
 }
 
 #nav li ul { /* second-level lists */
  position : absolute;
  left: -999em;
  margin-left : 11.05em;
  margin-top : -1.35em;
 }
 
 #nav li ul ul { /* third-and-above-level lists */
  left: -999em;
 }
 
 #nav li a {
	width: 11em;
	w\idth : 10em;
	display : block;
	color : black;
	font-weight : bold;
	text-decoration : none;
	background-color : #9999cc;
	border : 1px solid black;
	padding-top: 0;
	padding-right: 0.5em;
	padding-bottom: 0;
	padding-left: 0.5em;
 }
 
 #nav li a:hover {
  color : white;
  background-color : black;
 }
 
 #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
  left: -999em;
 }
 
 #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
  left: auto;
 }

.advertisement { background: url(images/roundedbox_top.gif) no-repeat top right; margin: 0 0 20px 0; font-size: 0pt; line-height: 0; }

.advertisement p { margin: 0; font-size: 12px; line-height: 1.4em; padding: 5px; }

.boxBlue { background-color: #f0f8ff; border-top: 1px solid #4682b4; border-bottom: 2px solid #4682b4; font-size: 12px; line-height: 1.4em; margin-bottom: 20px; padding: 2px 5px; }

.boxGrey { background-color: #f5f5f5; border-top: 1px solid #4682b4; border-bottom: 2px solid #4682b4; font-size: 12px; line-height: 1.4em; margin-bottom: 20px; padding: 2px 5px; }

.boxBlue p, .boxGrey p { margin: 0 0 10px 0; }

.marginLeft { margin-left: 20px; }

.marginRight { margin-right: 20px; }

.imgLeft { background: url(images/shadow.png) repeat-x left bottom; padding-bottom: 7px; float: left; margin: 5px 10px 0 0; }

.imgRight { background: url(images/shadow.png) repeat-x left bottom; padding-bottom: 7px; float: right; margin: 5px 0 0 10px; }

.shadow { background: url(images/shadow.png) repeat-x left bottom; padding-bottom: 7px; }

/*SPECIAL*/

.statusBox_gsnb, .gs-snippet, .gs-publisher { margin: 0 5px; }

.gs-title, .gs-clusterUrl { margin: 0 3px; } 

/* slideshow */	
	
	.content .slideshow{
		margin:0 0 20px 0;
		position:relative;
		height:460px;
		position:relative;
	}
	.content .slideshow .images-container{
		position:absolute;
		z-index:0;
		left:10px;
		top:0px;
		height:360px;
		width:580px;
		overflow:hidden;
	}
	.content .slideshow .images{
		position:absolute;
		z-index:0;
		left:10px;
		top:0px;
		height:360px;
		width:2480px;
	}
	.content .slideshow .image{
		height:360px;
		width:610px;
		overflow:hidden;
		float:left;
	}
	.content .slideshow ul{
		position:absolute;
		z-index:0;
		width:610px;
		height:200px;
		top:260px;
		left:10px;
		margin:0;
		padding:0;
	}
	.content .slideshow ul li{
		float:left;
		list-style:none;
	}
	.content .slideshow ul li.first a{
		background-image:url(../assets/graphics/others/slideshow-bg-first.gif);	
	}
	.content .slideshow ul li a:hover, .content .slideshow ul li.selected a{
		background-image:url(../assets/graphics/others/slideshow-bg-hover.png);
		_background:none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.therage.com.au/assets/graphics/others/slideshow-bg-hover.png', sizingMethod='crop');	
		cursor:pointer;
		/*margin-top:-100px;
		height:300px;*/
	}
	.content .slideshow ul li a{
		float:left;
		width:155px;
		height:200px;
		overflow:hidden;
		background-image:url(../assets/graphics/others/slideshow-bg.gif);
		background-position:bottom;
		background-repeat:no-repeat;
	}
	
	.content .slideshow ul li a h2{
		padding:110px 10px 5px 10px;
		margin:0;
		font-size:15px;
	}
	.content .slideshow ul li a:hover h2, .content .slideshow ul li.selected a h2{
		color:white;
	}
	.content .slideshow ul li a p{
		font-size:11px;
		padding:0 10px;
		color:#333;
	}

.comment-bubble{
	background-color:white;
	padding:10px;
	background-color:#F5F5F5;
}
.comment-bubble .name{
	font-weight:bold;
	margin:0;
	padding:0;
}
.comment-bubble .date{
	font-size:11px;
}

/* subpage */

	.content .subpage-submenu{
		float:left;
		width:160px;
		margin:0 20px 0 0;
	}
	.content .subpage-submenu ul{
		list-style:none;
		margin:0;
		padding:20px 0 0 22px;
		float:left;
	}
	.content .subpage-submenu ul li{
		margin:0;
		padding:0;
	}
	.content .subpage-submenu ul li a{
		display:block;
		width:138px;
		float:left;
		padding:0 0 5px 0;
		border-bottom:1px solid #ccc;
		margin:0 0 5px 0;		
	}
	.content .subpage-submenu .level2_selected a{
		font-weight:bold;
	}
	.content .subpage-submenu ul ul{
		margin:0;
		padding:0 0 0 10px;
	}
	.content .subpage-submenu ul ul a{
		width:128px;
	}
	.content .subpage-submenu .leveln a{
		font-weight:normal;
	}
	.content .subpage-content{
		float:left;
		width:440px;
	}
	.gallerycontainer{
 }

 .thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -8000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 900px; /*position where enlarged image should offset horizontally */
z-index: 50;
}