/*
	StyleSheet by Cameron Walter
	http://www.in2itive.com.au
		
*/

body {
padding : 0;
margin : 0 auto;
font : 0.9em Arial, sans-serif;
background : #60062e url(images/body-bg.gif);
background-position : top center;
color : black;
}

a {
color : #60062e;
text-decoration : underline;
}

a:hover {
color : black;
text-decoration : underline;
}

p {
text-align : justify;
padding: 4px 20px 8px 20px;
margin: 0;
}

h1 {
font : bold 1.8em Arial, sans-serif;
color : #60062e;
padding: 20px 20px 10px 20px;
margin: 0;
}

h2 {
font : bold 1.6em Arial, sans-serif;
color : #60062e;
padding: 15px 20px 10px 20px;
margin: 0;
}

h3 {
font : bold 1.2em Arial, sans-serif;
color : black;
padding: 10px 20px 5px 20px;
margin: 0;
}

ul {
margin : 0;
padding : 0;
list-style : none;
}

img {
border : 0;
}

#print {
width : 19cm;
background : white;
}

#print ul {
list-style-type: disc;
margin : 0 0 0 75px;
padding : 0 4px 0 8px;
}

#print li {
margin : 0 0 0 20px;
padding : 0 0 10px 0;
}


#content {
margin : 0 auto;
padding : 0;
width : 960px;
height : auto;
background : none;
}

.spacer {
height : 30px;
clear : both;
}

#content .spacer {
height : 30px;
clear : both;
}

#content #banner {
padding : 0;
margin : 0;
height : 220px;
width : 960px;
background : url(images/banner-bg.jpg);
}

#userarea {
float : right;
width : 200px;
height : 80px;
margin : 10px;
background : url(images/user-bg.png);
}

#userarea p {
font-size : 0.8em;
text-align : right;
padding : 2px;
}


#content #bannerrand {
padding :0;
margin : 0;
height : 220px;
width : 960px;
background : url(images/banners/2.jpg);
}
#content #banner img, #content #banner p, #content #bannerrand img, #content #bannerrand p  {
padding : 0;
margin : 0;
}

#content img.trbg {
float : right;
position : relative;
top : 61px;
left : 920px;
margin : 0;
padding : 0;
}

#content #menu {
clear : both;
height : 30px;
line-height : 25px ;
width : 960px ;
margin : 0;
padding : 0;
color : black;
background : url(images/menu-bg.gif);
font-size : 0.7em;
}

#content #menu li {
float : left;
}

#content #menu li {
list-style : none;
display : inline;
margin : auto;
}

#content #menu li a {
text-decoration : none;
margin : 0;
padding : 0px 10px 0px 10px;
font-weight : bold;
color : white;

}

#content #menu li a:hover {
text-decoration : underline;
}

#content #navbar {
height : 50px;
width : 960px;
margin : 0;
padding : 0;
color : black;
background : url(images/navbar-bg.gif) no-repeat;
}

#content #navbar p.nav {
float : left;
font-size : 0.8em;
font-weight : bold;
padding : 10px 0 0 10px;
}

#content #navbar p.supp {
float : right;
font-size : 0.8em;
font-weight : bold;
padding : 10px 10px 0 0;
text-align : right;
}

#content #main {
padding : 0;
margin : 0;
width : 960px;
height : auto;
min-height : 400px;
background : white url(images/content-main-bg.gif) no-repeat;
background-position : bottom center;
}

#content #main img {

padding : 10px;
}

#content #main .splash {
float : left;
margin : 80px 0px 105px 15px;
padding : 0;
height : 210px;
width : 300px;
}

* html #content #main .splash {
margin : 80px 0px 105px 10px;
}

#content #main .splash img {
border : none;
margin : 0;
padding : 0;
}

#content #main .splash p {
text-align : center;
font-size : 1.1em;
font-weight : bold;
text-align : center;
margin : 2px;
padding : 0;
}

#content #main .splash p.img {
margin : 0;
padding : 0;
}

#content #main #textlarger {
font-size : 1.2em;
}

#content #main #textsmaller {
font-size : 0.9em;
}

#content #main ul {
list-style-type: disc;
margin : 0 0 0 75px;
padding : 0 4px 0 8px;
}

#content #main li {
margin : 0 0 0 20px;
padding : 0 0 10px 0;
}

#content #main input {
font : 1em Arial, Sans-Serif;
background-color : white;
border : 1px solid #666666;
margin : 0 0 0 3px;
padding : 2px;
}

#content #main textarea {
font : 1em Arial, Sans-Serif;
background-color : white;
border : 1px solid #666666;
margin : 0 0 3px 3px;
padding : 2px;
}

#content #main .col0 {
float : left;
width : 720px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .col1 {
float : left;
width : 150px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .col12 {
float : left;
width : 180px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .col2 {
float : left;
width : 290px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .col23 {
float : left;
width : 450px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .col3 {
float : left;
width : 240px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .colthird {
float : left;
width : 200px;
height: 20px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .col265 {
float : left;
width : 265px;
height: 20px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .col123 {
float : left;
width : 600px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .col540 {
float : left;
width : 540px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .col540img {
float : left;
width : 540px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .col180img {
float : left;
width : 180px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .col4 {
float : left;
width : 60px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#content #main .col5 {
float : left;
width : 60px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}



#content #bottom {
clear : both;
padding : 0;
margin : 0;
width : 960px;
background : url(images/bottom-bg.gif) no-repeat;
}

#content #bottom p {
line-height : 20px;
padding : 33px 10px 0 0;
margin : 0;
text-align : right;
font-weight : bold;
font-size : 0.65em;
color : white;
}

#content #bottom p.img {
text-align : left;
}

#content #bottom a {
text-decoration : none;
color : white;
}

#content #bottom a:hover {
text-decoration : underline;
color : black;
}





#album .cover {
width : 180px;
height : 216px;
margin : 20px 60px 0 60px;
padding : 0;
float : left;
}

#album .cover .label {
width : 170px;
height : 20px;
margin : 0 0 2px 0;
padding : 2px 5px 2px 5px;
text-align : center;
background : #60062e;
color : white;
}

#album .cover .label p {
text-align : center;
font-weight : bold;
}

#album .cover .label a {
color : white;
text-decoration : none;
}

#album .cover .label a:hover {
color : white;
text-decoration : underline;
}

#album #displayed {
width : 500px;
margin : 20px auto;
}

#album .gallery {
width : 180px;
height : 190px;
float : left;
padding : 10px;
margin : 10px;
}



#album img {
display : block;
margin : auto;
}

.half {
float : left;
width : 480px;
margin : 0;
padding : 0;
}

.third {
float : left;
width : 320px;
margin : 0;
padding : 0;
}

.quarter {
float : left;
width : 240px;
margin : 0;
padding : 0;
}

.twothirds {
float : left;
width : 640px;
margin : 0;
padding : 0;
}

#files {
float : right;
background : #B7BAC1;
width : 220px;
margin : 0 10px 10px 10px;
padding : 5px 0 0 0;
font-size : 0.75em;
}

#files a[href$='.pdf'] {
background:transparent url(images/pdf.png) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:20px;
}

#files a[href$='.zip'] {
background:transparent url(images/zip.png) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:20px;
}

.iconbox {
float : left;
width : 320px;
margin : 0;
padding : 0;
}

.iconbox p {
text-align : center;
}

.iconbox img {
margin : 0;
padding : 0 96px 0 96px;
border : 0;
}

#content #main img.adminmenu {
margin : 0;
padding : 0 4px 0 4px;
}

#content #main p.adminmenu {
line-height : 20px;
}

#content #main #shop #catlist {
float : left;
width : 240px;
background : silver;
margin : 0 5px 0 5px;
padding : 10px 0 10px 0;
}

#content #main #shop #catlist p {
font-size : 0.8em;
font-weight : bold;
}

#content #main #shop #catlist p.subcat {
padding: 4px 10px 8px 30px;
font-weight : normal;
}

#content #main #shop #shopcontent {
float : right;
width : 700px;
margin : 0p 5px 0 5px;
padding : 0;
}