/* Univers Graphic Design www.univers.net.au 2009 September */
* {
	margin:0%;
	padding:0%;
	border:none;
	text-decoration:none;
	font-size:100%;
	text-align:left;
	line-height:130%;
}
html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:.825em;
	color:#000;
	background:#F1F1F1;
}
#contentholder {
	position:relative;
	float:left;
	margin:58px 0px 0px 150px;
	height:auto;
	width:auto;
}
ul {
	margin-bottom:.6em;
}	
li {
	color:#000;
	list-style:none;
}
li a {
	color:#000;
}
li a:hover {
	color:#999;
	text-decoration:underline;
}
#active {
	color:#111;
	font-weight:bold;
}
#active a:hover {
	text-decoration:none;
	cursor: default;
}
h1 {
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:.3em;
	color:#111;
}
p {
	margin-bottom:.6em;
}
p a {
	color:#000;
}
p a:hover {
	color:#999;
	text-decoration:underline;
}
#grey {
	color:#CCC;
}
/* sidebar */
#sidebar, #sidebar {
	position:relative;
	float:left;
	width:225px;
	height:auto;
}
#sidebararticles {
	position:relative;
	float:left;
	width:500px;
	height:auto;
}
.menu {
	position:relative;
	float:left;
	padding:5px 5px 5px 5px;
	height:auto;
	width:215px;
}
.menu2 {
	position:relative;
	float:left;
	padding:5px 5px 5px 5px;
	height:auto;
	width:215px;
	border-top: dotted #CCC .1em;
}
.menuarticles {
	position:relative;
	float:left;
	padding:5px 5px 5px 5px;
	height:auto;
	width:490px;
}
.menu2articles {
	position:relative;
	float:left;
	padding:5px 5px 5px 5px;
	height:auto;
	width:490px;
	border-top: dotted #CCC .1em;
}
.menu2articles li {
	margin-bottom:.6em;
}
.menuindent {
	margin-left:2.5em;
}
/* info */
.text {
	position:relative;
	float:left;
	padding:5px 5px 5px 5px;
	margin-right:1em;
	height:auto;
	width:265px;
}
/* images */
.lrgimg {
	position:relative;
	float:left;
	width:664px;
	height:auto;
}
.lrgimgtext {
	position:relative;
	float:left;
	width:664px;
	height:auto;
}
.smlimg1 {
	position:relative;
	float:left;
	width:auto;
	height:auto;
	margin:15em 15em 7em 5em;
	background:#EEE;
}
.smlimg2 {
	position:relative;
	float:left;
	width:auto;
	height:auto;
	margin:1.5em .5em 0em 10em;
}
.smlimg3 {
	position:relative;
	float:left;
	width:auto;
	height:auto;
	margin:5em 1em 0em 0em;
}
.smlimg4 {
	position:relative;
	float:left;
	width:auto;
	height:auto;
	margin:2em 7em 0em 0em;
}
.smlimg1 img { width:169px;	height:auto; }
.smlimg2 img { width:214px;	height:auto; }
.smlimg3 img { width:157px;	height:auto; }
.smlimg4 img { width:281px;	height:auto; }

/* Gallery description */
.description p, .description {
	position:relative;
	float:left;
	width:100%;
	height:auto;
}
.description { margin:1em 0em 0.5em 0em; }
.description2 { margin:0em 0em 1em 0em; width:95%; visibility:hidden; font-weight:normal; font-style:italic; }

#title1, #title2, #title3, #title4, #title5, #title6, #title7, #title8, #title9, #title10, #title11, #title12, #title13, #title14, #title15, #title16, #title17, #title18, #title19, #title20, #title21, #title22, #title23, #title24, #title25, #title26, #title27, #title28 { position:absolute; width:80%;  }

/* Gallery styling */
#jgal {
	list-style: none;
	width:130px;
	margin-top:6em;
}
#jgal li {
	opacity:.1;
	float:left;
	display:block;
	background:50% 50%;
	width:35px;
	height:35px;
	cursor:pointer;
	border:dotted #111 .1em;
	margin:0em .5em .5em 0em;
}
#jgal li img { 
	position:absolute;
	top:-269px; 
	left:225px; 
	display:none;
}
#jgal li.active img { 
	position:absolute;
	display: block;
}
#jgal li.active, #jgal li:hover { 
	opacity: .99 /* safari bug */ 
}
/* Gallery styling without javascript */
#gallery {
	list-style: none; 
	display: block;
}
#gallery li { 
	float: left; 
	margin:0em .5em .5em 0em; 
}