/*
	CSS Document 

	Created by: 	Edward Chiofalo 
	Dated: 		September 25, 2007
	For: 		T&DC Pty Limited 

	Description:	This stylesheet and its elements have been designed to work with the Firefox and Safari web browsers.
				To amend the layouts for Internet Explorer, please see the stylesheet at
				
				Where possible, the layout elements have been listed in this sheet in the logical structure of the page, that is as
				the elements appear in the page. The formatting elements such as paragraph, titles and other elements are listed
				at the bottom of the page. Look for the series of * diving the page.

	Amended:  	This stylesheet layout was amended on October 17, 2007.
				CSS elements not used or were specific to Firefox or Safari was removed.
				
*/

/* ------ Template Containers are place here ------ */
.body { background-color: #003366; }

	
#Container { text-align: center; }
	
#PageContainer { 
	width: 760px; 
	margin-left: auto;
	margin-right: auto;
	font-family: Helvetica, Arial, San-Seriff; 
	font-size: 10pt;   
	background-color: #FFFFFF; 
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	}
	
/*------ Header element ------ */
#Header { 
	width: 760px; 
	height: 140px;
	background-image:url(images/header.jpg); 
	}
	
#Logo { float: left; clear: both; padding: 45px 0px 10px 20px;}	

#Header h1 {
	padding: 70px 0px 0px 20px;
	margin-left: 90px;
	margin-bottom: 0px;
	}
	
#Header h1 a {
	color: white;
	text-decoration: none;
	font-size: 75%;
	}
	
#Header h1 a:hover {
	color: orange;
	}

.description {
	padding: 0px 0px 0px 20px;
	margin-left: 90px;
	color: white;
	text-transform: uppercase;
	font-size: 50%;
	}
	
/* ------#Navigation Elements handled here ------*/
#Navigation { background-color: #336699; height: 28px; width: 760px; text-align: left;  clear: Both; padding:0; margin:0; }
#Navigation ul { margin: 0px; padding: 0px; width: 760px; font-size: 9pt; font-weight: bold; color: #FFFFFF; line-height: 28px; white-space: nowrap; }
#Navigation li { list-style-type: none; display: inline; padding: 0px 2px 0px 2px; }
#Navigation li a { text-decoration: none; color: #FFFFFF; padding: 7px 3px 7px 3px; }
#Navigation li a:link { color: #FFFFFF; } 
#Navigation li a:hover { color: #333333; background-color: #CCCCCC; padding: 7px 3px 8px 3px;}
#Navigation li a:focus { color: yellow; text-decoration: underline; }
#Navigation li a.CurrentPage { color: #333333; background-color: #CCCCCC; padding: 7px 3px 8px 3px; }
/* ------ Secondary#Navigation element placed below the main#Navigation element ------ */
#ToolBar {height:20px; background-color:#CCCCCC; padding-top:7px; text-align:left; border-bottom:2px solid #CCCCCC; font-size:9pt; font-weight:bold; color:#FFFFFF;}
#Name {float:left; width:150px; height:20px; padding-left:10px; color:#000000;}
#RSSTitle {float:left; color:#000000; padding: 3px 10px 0px 2px;}
#RSSLogo {float:left; position:inherit; padding-left:10px;}
#TheDate {float:right; width:150px; text-align:right; padding-right:20px; color:#000000;}

/* ------ The font size adjustment toolbar ------ */
.fontToolbarSmall {font-size: 8pt;}
.fontToolbarMedium {font-size: 10pt;}
.fontToolbarLarge {font-size: 12pt;}

/* ------ Embeded Columns are handled here ------ */
#ColumnContainer { width:760px; color:#333333; margin-left: auto; margin-right: auto; background-color: #FFFFFF; }
#Content { float: right; width: 520px; margin: 10px 0px 10px 0px;}
#Content p, #Content ul { padding: 0px 20px 0px 0px; line-height: 14pt; }
#Content ul { list-style-position: inside; margin-left: 20px; line-height: 25px; }
#Content li { padding: 0px 20px 0px 0px; }
.content-logo { float: left; padding: 0px 10px 0px 0px; }
/*#Content img { float: left; padding: 0px */

/* ------ The SideBar Elements handled here ------ */
#SideBar { float: left; width: 220px; margin: 15px 0px 10px 0px;}
#SideBar p, #SideBar h3, #SideBar h2 { padding: 0px 0px 0px 20px; }
#SideBar h3 { font-size: 10pt; }
#Sidebar a { line-height: 14pt; font-weight: bold; }
#SideBar a:hover { color: red; }
#ForkLift, .sidebar-swatch { padding: 0px 0px 10px 20px; }
#SideBar img { border: none; }
#CW { margin-left: auto; margin-right: auto; padding: 0px 30px 5px 30px; margin-top: 5px; }
#CWLink { border: 1px solid blue; margin-left: 20px; margin-bottom: 10px; font-size: 8pt; line-height: 10pt; }
#CWLink a { text-decoration: none; }


/* ----- The Search Form is handled here ----- */
#Search-Container { width: 180px; border: 1px solid red; }
.slabel { border: 1px solid red; }
#searchform { border: 1px solid #CCCCCC; background-color: #F0F0F0; }
#s { padding: 3px; border: 1px solid #333333; float: left; }
#searchsubmit { height: 20px; border: 1px solid green; margin-top: 3px; background-color: green; color: white; }
#searchsubmit:hover { background-color: #66CC99; }

.categories, .years, .links { margin-left: 20px; padding: 10px 0px 10px 0px; border: 1px solid #CCCCCC; background-color: #F0F0F0; }
.categories ul, .years ul, .links ul { list-style-type: none; display: block; }
.categories li, .years li, .links li  { margin-left: 40px; }
.categories li {	list-style-image: url(images/mini-category.gif); }
.years li { list-style-image: url(images/mini-calendar.gif); }
.links li { list-style-image: url(images/mini-blogroll.gif); }


/* ------ Clearing element ------ */
.clear { clear: both;}
	
/* ------ Footer element handled here ------ */
#Footer { width: 760px; height: auto; text-align: left; background-color: #336699; clear:both; margin-left: auto; margin-right: auto; font-size: inherit;}
#Footer a {color: white; text-decoration: none; font-size: 7pt;}
#Footer a:hover { color: orange;}
#Footer h4 { padding: 0px 0px 0px 0px; margin: 0px; font-size: 9pt;}
#Footer h4 a { font-size: 8pt; text-transform: uppercase; }
#Footer h3 { padding: 10px 20px 10px 20px; color: white; border-bottom: 1px solid #333333;}
#Footer ul { padding: 0px; margin:0px; list-style-type: none;}

/* ------ Layout of the sitemap in the footer ------ */
.footer-links   {
	float: left;
	position: relative;
	width: 100px;
	padding-left: 10px;
	font-size: 9pt;
	line-height: 12pt;
	text-align: left;
}

.footer-links-news  {
	float: left;
	position: relative;
	/*width: 150px;*/
	padding-left: 0px;
	font-size: 9pt;
	line-height: 12pt;
	text-align: left;
}

/* ------ formatting elements used throughout the site are handled from this section of the stylesheet ------ */
/* ------ Table formatting handled here ------ */
.table { border-bottom: 1px solid #999999; border-right: 1px solid #999999; text-align: left; font-size: 9pt; margin-bottom: 5px;}
.td { background-color: #cccccc; font-weight: bold; }
.cell { border-top: 1px solid #999999; border-left: 1px solid #999999; }

/* ------ Text html formatting handled here ------ */
#Warning { color: red; font-weight: bold; }
.mission { width: 450px; padding: 20px 10px 20px 10px!important; background-color: #F0F0F0; color: #333333; }

/* ----- Image formatting handled here ------ */
div#ManOnBox { float: right; width: 250px; margin-right: 20px; border: 1px solid black; }
.photo { float: left; margin-right: 20px; border: 1px solid black; }
/*
.Paragraph-Image { float: left; padding-right: 10px; }
div.photos { margin: 5px; float: left; margin: 3px; line-height: 200px; }
.Image { padding-left: 10px; padding-top: 10px; }
.team {font-size: 10pt; }

.Form {font-family:Arial, Helvetica, sans-serif; font-size:10pt;}
#FWLogo {padding: 10px;}
#SFLogo {padding:10px;}*/

		
.upArrow { border: none; }
#next {float: right!important; padding-top: 5px!important; border: none; margin-right: 20px;}
#previous { float: left; padding-top: 5px!important; border: none; }

/* ----- Contact Us form handled here ----- */
label {
           position: absolute;
           text-align: left;
           width: 150px;
           font-weight: bold;
           padding: 4px;
       }

input, select, textarea {
           margin-left: 170px;
           border: 1px solid #CCCCCC;
           font-size: 10pt;
           padding: 2px;
       }

#Form {
           width: 450px;
           background-color: #F0F0F0;
           border: 1px solid #CCCCCC;
           padding: 10px;
           font-family: Arial, "sans-serif";
           font-size: 10pt;
       }

.enquiry {
           border: 1px solid red;
       }

#Submit {
           background-color: #999999;
           font-weight: bold;
       }

#Team ul {
	list-style-position: inside;
	}

/* ------ The Recent List displayed in the footer ------ */
#Recent-List { float: left; width: 100px; margin: 0px 0px 20px 20px; }
#Recent-List ul { padding: 0px 0px 0px 0px; margin: 0px; }	
#Recent-List li { list-style-type: none; display: block; padding: 0px; margin: 0px; }
#Recent-List li a { font-size: 10pt; line-height: 12pt; color: #666666; }
#Recent-List li a:hover { color: red; }

.footer-title {
	padding: 0px 0px 0px 0px;
	color: #666666;
	font-size: 10pt;
	margin: 10px 0px 0px 0px;
	}

/***** Article Post Formatting handled here *****/
.post {
	clear:both;
	width: 500px;
	padding-top: 5px;
	}
	
.post h2 {
	padding: 0px;
	margin: 0px;
	}

.post-date {
	width: 45px;
	height: 49px;
	float:left;
	background: url(images/date-bg.gif) no-repeat;
	}

.post-month {
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	display:block;
	line-height: 11px;
	padding-top: 2px;
	margin-left: -3px;
	}
	
.post-day {
	font-size: 18px;
	text-transform: uppercase;
	color: #999999;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 7px;
	margin-left: -3px;
	}
	
.post-title {
	float: left;
	width: 430px;
	margin: 0px 0px 0px 10px;
	}

.post-title h2 {
	margin: 0px;
	padding: 0px;
	font-size: 12pt;
	}

.entry {
	clear: both;
	padding: 0px;
	}

.entry p {
	padding: 0px;
	margin: 0px 0px 20px 0px;
	}
	
.post-cat {
	background: url(images/mini-category.gif) no-repeat;
	padding-left: 20px;
	float:left;
	font-size: 95%;
	color: #999999;
	}
	
.post-comments {
	background: url(images/mini-comments.gif) no-repeat;
	padding-left: 20px;
	float: right;
	font-size: 95%;
	}