/*****************************
  STYLESHEET
  VERSION: 1.0
    
  WEBSITE: Mills Engineers.com.au
  AUTHOR: James McIntosh
  CREATED: 13/01/05
  COMMENTS: Stylesheet for Mills Engineers
*/
@import url(menus.css);


/** DEFAULT LAYOUT DIV styles */
#frame {  margin-left: 20px; padding-top: 0px; width: 748px; float:centre;}
#header { width: 748px; height: 95px;}
html>body #header { margin-bottom: 1px;}
#background { BACKGROUND-IMAGE: url(../../images/body_bg.gif); width: 770px; }

#columnMain { float: right; width: 416px;  background:#FFFFFF;}
#coloumnInner { float: right; width: 535px;  /*564px*/ min-height: 130px;  }
html > body #coloumnInner {width: 564px; }
#columnLeft { width:110px; float: left;  background:#8A8A8A; margin-left: 30px; }


html>body #columnLeft {width: 110px; margin-left: 60px; }

#columnRight { float: right; width: 148px;  background:#EEEDED; margin-top: -3px;  }
html>body #columnRight {margin-top: -2px;}

#enclose { float:left; width:600px; margin-top: -3px;}
html>body #enclose {margin-top: -2px;}

#enclose_inner { float:left; width:748px; margin-top: -3px; BACKGROUND-IMAGE: url(../../images/body_bg_in.gif);}


#footer_band { text-align: right;	clear: both;  width: 687px; height: 15px; background: #000000; margin: 0px 0px 0px 80px; border-top: 1px solid #FFFFFF;}
#footer { float:right; padding: 0 10px 0 5px;  text-align: right; color: #FFB6803;}
#utilities { padding: 0 5 0 12px; color: #FB6803; float:right;}


#bodyContent {margin: 15px 15px 15px 15px}
#bodyContent img {margin: 0px 10px 0px 10px;}

/*image styles */
.rightPad {padding-right: 10px;}

#inner_header {width:  565; }
html > body #inner_header{margin-bottom: 80px}
#random {float:right;}
#page_title {float: left; background: #C5C3C3; margin-left: 1px; width: 236px; height: 65px;}
html > body #page_title{width:  237px; }



/* MAIN MENU NAVIGATION styles */
/*

.flyOut { margin-left:0px;}
html >body .flyOut { margin-left: 0px}


.nav_indy{

	padding: 0px;
	margin:0px;
	background-color: #8A8A8A;
	    height: 20px;
		 border-bottom: 1px solid #FFFFFF;
		  list-style: none;
}

html> body .nav_indy{ width: 124px;
}


#nav{
	width:110px;
	height:auto;
	list-style: none;
	clear: both;
	padding-bottom:50px;
	background-color:#333333;
	margin:0px;

}

#nav ul {
    list-style: none;
	padding: 0px; 
	margin: 0px;
    height: 20px;
	 width: 122px;

}

#nav ul li {
 list-style: none;
 padding: 0px; 
 margin-left: -15px;
 border: 0px;
 width: 122px;

}

html >body #nav ul li {
  margin-left: 0px;
   width: 122px;
  }


#nav ul li a {


  padding: 0 6 6 6;
 margin: 0 -3 0 0px;
 height: 20px;
 background-color: #8A8A8A;
 font: 11px Arial, Helvetica, sans-serif; 
 text-decoration: none;
 color: #FFFFFF;
 	width: 122px;
}
html>body #nav ul li a {
	height:20px;

}
#nav ul li a#current {
	color: #FFFFFF;
	background: #FF6600; 

}
#nav li a:hover{
	background: #FF6600; 

}

*/

/** LINK styles */

/* STANDARD LINK styles */
a {
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #FF9933;
}
a:link {
	color: #FF9933;
}
a:visited {
	color: #FF9933;
}
a:active {
	color: #FF9933;
}
a:hover {
	color: #D4972F;
}

/* BREADCRUMB LINK styles */
#breadcrumbs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FF9933;
	margin: 0 0 10 0px;
}
#breadcrumbs a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	color: #FF9933;
}
#breadcrumbs a:hover {
	text-decoration: underline;
}

/* FOOTER links */
#footer a {
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	font-size: 9px;
	color: #FFFFFF;
}
/** Utilities */
#utilities a {
	font-size: 9px;
	margin: 2 2 0 0;
	text-transform: uppercase;
	color: #FF9933;
}


/** INCLUDE TEMPLATE styles */

#last_news_title { margin-top: -5px;}
#news_content {padding: 5px; color: #FF0000;}

/* CALENDAR */
.calendarRow{ 
	clear:both;
}
.calendarDayHeading{ 
	background-color: <cfoutput>#developer.headingsColour#</cfoutput>; 
	color:<cfoutput>#developer.lightColour#</cfoutput>;	
	width: 70px;
	height: 25px;
	padding: 2px;
	margin: 1px;
	float: left;
}
.calendarDay, .calendarDay_away, .calendarDay_home{
	background-color: <cfoutput>#developer.keylineDarkColour#</cfoutput>;
	color:<cfoutput>#developer.lightColour#</cfoutput>;
	width: 70px;
	height: 70px;
	padding: 2px;
	margin: 1px;
	float: left;
}
.calendarDay_away{
	background-color: <cfoutput>#developer.headingsColour#</cfoutput>;
}
.calendarDay_home{
	background-color: <cfoutput>#developer.linkColour#</cfoutput>;
}
.calendarDay_home a:link{
	color: <cfoutput>#developer.mainmenuHighlightColour#</cfoutput>;
}
.calendarDay_home a:visited{
	color: <cfoutput>#developer.mainmenuHighlightColour#</cfoutput>;
}
.calendarDay_home a:hover{
	color: <cfoutput>#developer.linkHighlightColour#</cfoutput>;
}
.calendarDay_away a:link{
	color: <cfoutput>#developer.mainmenuHighlightColour#</cfoutput>;
}
.calendarDay_away a:visited{
	color: <cfoutput>#developer.mainmenuHighlightColour#</cfoutput>;
}
.calendarDay_away a:hover{
	color: <cfoutput>#developer.linkHighlightColour#</cfoutput>;
}
/* CONTACT FORM */
#contactForm{
	width: 290px;
	border: 1px solid #FF6600;
	clear: both;
}
.formHeading{
	width: 290px;
	height: 20px;
	background: #FF6600;
}
.formRow{
	width: 280px;
	height: 18px;
	margin: 5 2 5 2px;
	clear: both;
}
.fieldName{
	width: 80px;
	float: left;
	padding: 3 2 3 2px;
	text-align: right;
}
.field{
	width: 190px;
	float: right;
	padding: 2px;
	text-align: left;
}
.formHeading h1{
	margin: 0px;
	padding: 2 0 0 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;	
	color: #FFFFFF;	
}
.tableHeading{
	height: 20px;
	background: #FF6600;
}
.tableHeading h1{
	margin: 0px;
	padding: 2 0 0 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;	
	color: #FFFFFF;	
}

/* SELECTOR STYLES */
/* -------------------------------------------------------------------------------------- */

body{
	padding:0px;
	margin:0px;
}

div{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
}

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #FFFFFF;
	padding: 0px;
	margin: 30px 1px 0px 5px;
	font-weight: normal;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FB6803;
	padding: 0px;
	margin: 5 0 10 0;
}
h3,h4,h5,h6{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FB6803;
	padding: 0px;
	margin: 10 0 5 0;
}
p,td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	margin: 0px 0px 8px 0px;
	padding: 0px;
}
ul{
	margin: 0 0 0 26;
	padding: 4 5px;
}
li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
img{
	border:0px;
	margin: 0px;
	padding: 0px;
}

/** FORM styles */
#digicon{float: left;}

#search{
	width:110px;
	padding: 20px 0px 0px 5px; 
	color: #FFFFFF;
	vertical-align:top;
	}


#search p{ margin:0px; padding:0px; color:#FFFFFF;}

#acea{	padding: 100px 0px 0px 0px;}

input{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border: 0px;
	height: 16px;
	padding: 0px;
	margin: 1 0 1 0px;
	border: 1px solid #CCCCCC;
	vertical-align: top;
}
input.lge{
	width: 140px;
}
input.med{
	width: 110px;
}
input.sml{
	width: 70px;
}
textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	width: 180px;
	border: 0px;
	height: 60px;
	padding: 0px;
	margin: 0px;
	border: 1px solid #CCCCCC;
}
input.checkBox{
	margin-right: 3px;
	float: left;
	width: 14px;
	height: 14px;
}
input.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #2F2923;
	background-color: #E5E5D3;
	border-top-color: #F0F0E6;
	border-right-color: #919186;
	border-bottom-color: #606059;
	border-left-color: #EAEADC;
	padding: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
input.imageButton{
	margin: 0px;
	padding: 0px;
	border: 0px;
}
select{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	border: 0px;
	height: 16px;
	padding: 0px;
	margin: 0px;
	background: #F7A300;
	border: 1px solid #CCCCCC;
}

/** MISCELLANEOUS styles */

.boxBacking {
	background-color:#CCCCCC;
}
.boxHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color:#AFAFAF;
	color: #FFFFFF;
}