/*****************************************************************/
/** Copyright Invent Media - www.inventmedia.com.au				**/
/** All rights reserved											**/
/*****************************************************************/

/******************************* Body ********************************/
html { 
	overflow-y: scroll; /* Forces vertical scroll bar to always be visible avoiding the page shift left when the scrollbar is activated */
}
body {
	margin: 0;
	padding: 0;
	border: 0px;
	background: #1d1917 url(images/bg01.jpg) repeat-x ; 
	font-size: 13px;
	color: #FFFFFF;
}

body, th, td, input, textarea, select, option {
	font-family: Arial, Helvetica, sans-serif;
}

.wrapper {
/*** wraps the entrie page abouve the footer. Needed for footer ***/
	position: relative; 
	width: 100%;
	margin: 0 auto -196px; /** -ve footer image height -ve footer distance from bottom of screen - see footer */
	text-align: left;
}

/***************************** Headings *******************************/
h1, h2, h3 {
/*	text-transform: lowercase;*/ /*force all heading into lower case*/
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
}

h1 {
/*	letter-spacing: -2px;*/
	font-size: 3em;
}

h2 {
/*	letter-spacing: -1px;*/
	font-size: 2em;
}

.h2small {
	font-size: 1.5em;
}

h3 {
	font-size: 1.6em;
}

/************ Paraghraphs, ordered lsits, un-order lists ***************/
p, ul, ol {
	line-height: 200%;
}

/************************** Block quotes *******************************/
blockquote {
	padding-left: 1em;
}

blockquote p, blockquote ul, blockquote ol {
	line-height: normal;
	font-style: italic;
}

/***************************** Links ***********************************/
a {
	color: #FFEA6F;
}

a:hover {
	text-decoration: none;
}


/***************************** images *********************************/
img { 
	border: none; 
	behavior: url(iepngfix.htc);  //fixes transparent gifs for Internet explorer 4, 5  and 6
}

.imgcenter{
/*** center image. You must put the image in <p class="imgcenter"> then the <img> tags ***/
    text-align:center;
    padding:5px 5px 10px 5px;
   }

/***************************** Header *********************************/
#header {
	width: 800px;
	height: 170px;
	margin: 0 auto;
	padding-bottom: 0;
}

/***************************** Menu ********************************/

#menu {
	width: 800px;
	height: 40px;
	margin: 0 auto;
	padding-bottom: 0;
}

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

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	width: 150px; /* tab wdith. Set to menu width divided by the number of tabs  - Warning you need to make it slightly less so it doesn't run over in some browsers */
	/*height: 40px;*/
	padding-top: 0px;
	text-transform: lowercase;
	text-decoration: none;
	text-align: center;
	letter-spacing: -1px;
	font-size: 24px;
	color: #FFFFFF;
}

#menu a:hover {
/*	background: url(images/.jpg) no-repeat; */
	color: #FFEA6F;
}

#menu .active a {
	color: #FFEA6F;
/*	background: url(images/.jpg) no-repeat;*/
}

/***************************** DropMenu ********************************/

#dropmenu {
	width: 800px;
	height: 24px;
	margin: 0 auto;
/*	border: #1d1917 solid 1px;*/
/*	border-bottom: #1d1917 solid 1px; */
	border-top: #1d1917 solid 1px;
}

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

#dropmenu li {
	display: inline;
/*	padding-top: -10px;*/
}

#dropmenu a {
	display: block;
	float: left;
	width: 170px; /* tab wdith. Set to menu width divided by the number of tabs  - Warning you need to make it slightly less so it doesn't run over in some browsers */
	/*height:16px;*/
/*	padding: 0 0 0 0;*/
 /*   text-transform: lowercase;*/
	text-decoration: none;
	text-align: center;
	/*letter-spacing: -1px;*/
	font-size: 12px;
	color: #FFFFFF;
}

#dropmenu a:hover {
/*	background: url(images/.jpg) no-repeat; */
	color: #FFEA6F;
}

#dropmenu .active a {
	color: #FFEA6F;
/*	background: url(images/.jpg) no-repeat;*/
}

/****************************** Page ********************************/
#page {
/*** The area in the middle that holds the content ***/
	width: 800px;
	margin: 0 auto; /* align div center */
	padding: 0 0 20px 0; /* setting bottom padding to the distance footer is from bottom - see footer */
}

/*********************** Lists ********************************/
#page ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#page li {
	padding-left: 30px;
	background: url(images/arrow.gif) no-repeat 15px 50%;
}

.underline li {
/*** Underline li ***/
	padding-left: 30px;
	border-bottom: 1px dotted #4A3903;
}
.indent li {
	margin-left: 30px;
	background: url(images/arrow.gif) no-repeat 0 10px;
}

#page h2 {
	margin: 0;
	padding: 20px 0 2px 30px;
	background: url(images/icon01.gif) no-repeat left bottom;
	border-bottom: 2px solid #4A3903;
}

#page a {
	text-decoration: none;
}

#page a:hover {
	text-decoration: underline;
}

/*************************** Content shared classes *********************************/
p {
	padding: 10px 0 10px 0;
}

.post {
	padding: 40px 0 0 0;
}

.postdrop {  /*if the page has a drop menu this will posistion the H1 title to the correct position */
	padding: 13px 0 0 0;
}

.title {
	margin: 0;
	border-bottom: 2px solid #4A3903;
}

.byline {
	margin: 0;
}

.meta {
	border-top: 1px solid #4A3903;
	text-align: right;
	color: #646464;
}

.meta a {
	padding-left: 15px;
	background: url(images/arrow.gif) no-repeat left center;
	font-weight: bold;
}

.smallimage {
	padding: 20px 0 10px 0;
	align: center;
	align="middle"
	border:0;
}

.clear { 
/*** clear is use to remove the float. need for footer to work ****/
  clear: both;
}
.itemadd{
	float: left; 
	padding: 15px 3px 0 0 ;
	width: 100%;
	text-align:center;
}

.itemdview{
	float: right;
 	padding: 15px 0 0 0;
	width:210px;
	text-align:left;
}

.itemaddL{
	float: left; 
	width: 400px;
	text-align:right;
	padding-right:10px;
}

.itemaddR{
	float: left; 
	width: 400x;
	text-align:right;
	padding-left:10px;
}


/*************************** Contact Form div **********************************/
#formContact {
/*	width: 500px;*/	
	margin: 0 auto; /* align div center */
}

#formContact input{
	width: 250px;
}

#formContact select{
	width: 250px;
}

#formContact textarea {
	width:250px;   
	height: 100px;
}

#formContact label { 
	float: left; 
	width: 90px; 
	padding: 0; 
	margin: 5px 0 0; 
	text-align: Left; 
	font-weight: bold;
}

#formContactValid {
/*** formContactValid is simple to align the vaildation ara of the form centered ***/
/*	padding: 25px;*/
	width: 435px;
/*	margin: 0 auto;*/ /* align div center */
	text-align:center;
}

/*************************** Login Form div **********************************/
#formLogin {
	width: 400px;
/*	border:thin solid red;*/
/*	text-align:center; */
	padding: 80px 0 0 0; 
	margin: 0 auto; /* align div center */
}

#formLogin input{
	width:250px;
}

#formLogin label { 
	float: left; 
	width: 110px; 
	padding: 0; 
	margin: 5px 0 0; 
	text-align: Left; 
	font-weight: bold;
}

#formLoginValid {
/*	border:thin solid green;*/
/*** formContactValid is simple to align the vaildation ara of the form centered ***/
/*	padding: 25px;*/
	/*width: 400px;
	margin: 0 auto;*/ /* align div center */
	text-align:center;
}

/*************************** Upload  div **********************************/
#upload {
	width: 400px;
/*	border: #FFFF00 solid 1px;*/
	text-align:center; 
	padding: 35px 0 0 0; 
	margin: 0 auto; /* align div center */
}



/*************************** Content div No Sidebar **********************************/
#contentNS {
	float: left;
	width: 742px;
}

/********************* Content div with right sidebar column ************************/
#contentRS {
	float: left;
	width: 532px;
}

#sidebarR {
	float: right;
	width: 210px;
}

#sidebarRLower { /* if you wnat the side bar lower than the Content */
	float: right;
	width: 210px;
	padding-top:30px;
}

/******* For the download page */
.contentRSDL {
	float: left;
	width: 420px;
	padding: 5px 5px 5px 5px;
}

.sidebarRDL {
	float: right;
	width: 270px;
	padding: 20px 5px 5px 5px;
}



/********************* Content div with Left sidebar column ************************/
#contentLS {
	float: right;
	width: 532px;
}

#sidebarL {
	float: left;
	width: 210px;
}


/******************* Content for div for two evenly spaces Columns *********************/
.ColHalfL {
	float: left;
	width: 350px;
	padding: 20px;
}

.ColHalfR {
	float: right;
	width: 350px;
	padding: 20px;
}

/******************* Content for div for three enevenly spaced Columns *********************/
/* left */
.ColL { 
	float: left;
	width: 266px;
}

/* middle */
.ColM {
	float: left;
	width: 266px;
}

/* right */
.ColR {
	float: right;
	width: 266px;
}


/***************************** Display code ****************************************/
.code{
font-family:"Courier New", Courier, monospace;
font-size:14px;
background:#484848;

/*	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;*/
	color:#CCCCCC;
}

.codeYellow {
	color:#FFFF66;
}

.codeGreen {
	color:#66CC33;
}

/***************************** Footer ****************************************/
.footer {
	position: relative;
	height:176px;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 20px; /* footer distance from bottom of screen */
	background: url(images/footer.png) repeat-x;
}
.footer a {
	color: #fff;
	text-decoration: underline;
	border: 0;
}
.footer p {
	position: absolute;
	left: 0;
	bottom: 4px;
	width: 100%;
	padding: 0 0 60px 0;
	color: #fff;
	font: 0.8em arial,sans-serif;
	text-align: center;
}