/* @override http://www.ballarat.bssg.org.au/newStyles.css */

/* CSS Document */

/* HTML ATTRIBUTES */

body {
font-family: arial, verdana, system, sans-serif;
width:  1000px;
background-color: #fff;
height: 700px;
}

/* DIVS */

#leftnav {
width: 200px;
background-color: white;
float:left;
height: 650px;
display: inline-block;
	margin-top: 50px;
}

#leftnav ul {
}


#leftnav ul li {
list-style-type: none;
font-weight: normal;
font-stretch: wider;
color: #333;
line-height: 16px;
list-style-position: inside;
display: block;
padding: 0px;
background-color: white;
font-style: normal;
height: 32px;
	font-size: 0.9em;
}

#leftnav ul li a {
list-style-type: none;
font-weight: normal;
font-stretch: wider;
color: #333;
text-decoration: none;
list-style-position: inside;
display: block;
font-style: normal;
line-height: 15px;
height: 32px;
background: #fff 0;
margin-top: 8px;
font-size: 1em;
	text-align: left;
}

#leftnav ul li a:hover {
list-style-type: none;
font-weight: normal;
color: cyan;
list-style-position: inside;
display: block;
background-color: #fff;
text-align: left;
}

#homeContent {
margin: 0px 0px 0px 200px;
width: 800px;
height: 700px;
position: absolute;
background-color: #ccc;
background-image: url(images/imagebrian.jpg);
}

#homeContent h2{
color: #fff;
font: bold 5em/0.8em Arial, "Lucida Grande", Lucida, Verdana, sans-serif;
text-align: left;
opacity: 0.7;
top: -40px;
position: relative;
left: 12pt;
letter-spacing: 3px;
}

#homeContent p {
text-align: left;
font: bold 1em Arial, "Lucida Grande", Lucida, Verdana, sans-serif;
color: #fff;
	text-indent: 12px;
	padding-top: 250px;
}

#content {
margin: 0px 0px 0px 200px;
width: 800px;
height: 700px;
background-color: #ccc;
text-align: left;
padding: 1em;
}

#content h3 {
color: #333;
font: 2em Arial, "Lucida Grande", Lucida, Verdana, sans-serif;
text-align: center;
}


#content p {
color: #666;
font: 1.3em/1.3em Arial, "Lucida Grande", Lucida, Verdana, sans-serif;
text-align: left;
}

#content notes {
	color: #4c4c4c;
	font-size: small;
	text-align: left;
	text-indent: 1em;
}

#content a {
color: #fff;
font: 1em Arial, "Lucida Grande", Lucida, Verdana, sans-serif;
}

#content p.pp {
color: #fff;
font: bold 1em Arial, "Lucida Grande", Lucida, Verdana, sans-serif;
text-align: left;
}

#content p.navigation {
color: #fff;
font: 0.9em Arial, "Lucida Grande", Lucida, Verdana, sans-serif;
text-align: center;
	margin-top: -10px;
}
table.table {
background-color: #ccc;
background-position: center;
width: 100%; }

caption.tableCaption {
	background-color: #bbbbbb;
	color: #4c4c4c;
	font-size: 1.4em;
	height: 24px;
	padding-top: 3px;
}

tr.row1 {
background-color: #ccc;
vertical-align: middle;
}

tr.row2 {
background-color: #ccc;
vertical-align: middle; 
}

tr.row0 {
background-color: #ccc;
vertical-align: middle; 
}

td.cellLabel {
color: #333;
text-align: right;
width: 25%;
font: italic 1em Arial, Verdana, Helvetica, Arial, sans-serif;
}

td.cellContent {
color: #333;
text-align: center;
width: 75%;
font: italic 1em Arial, Verdana, Helvetica, Arial, sans-serif;
}

td.cellCenter {
color: #333;
text-align: center;
width: 33%;
font: italic 1em Arial, Verdana, Helvetica, Arial, sans-serif;
}

table.videoTable {
background-color: #ccc;
background-position: center center;
width: 80%;
}

td.videoCell {
color: #333;
text-align: center;
font: italic 1em Arial, Verdana, Helvetica, Arial, sans-serif;
}

table.index {
background-color: #e6e6e6;
width: 280px;
text-align: center;
}

td.profile {
width: 500px;
height: 640px;
background-color: #ccc;
}

td.thumb {
width: 64px;
height: 80px;
background: #ccc;
padding: 2px;
}

td.galleryThumb {
width: 200px;
height: 100px;
padding: 2px;
	background-color: #ccc;
	text-align: center;
	vertical-align: middle;
}

td.photoThumb {
width: 96px;
padding: 2px;
	background-color: #ccc;
	text-align: center;
	vertical-align: middle;
}


/* CLASSES */

}
.noBorder {
border-bottom: none;}


.imgRight {
float: right;
text-align: right;
margin: 5px 5px 5px 15px;
}

.imgLeft {
float: left;
text-align: left;
margin: 5px 15px 5px 5px;
}

.hide {
display: none;
height: 0px;}



.title {
/* margin-top: 20px;
margin-left: -4px; */
padding: 0px;
}