@import url("custom.css"); /* new custom elements */

body 
{
	text-align: center;
	margin: 0px;
	font-family: Arial;
	font-size: 12px;
}

div#body_cont 
{
	width: 750px;
	overflow: hidden;
	clear: both;
   	background-color: #FFFFFF;
   	text-align: center;
    	
}
	
	div#header_cont
	{
		width: 750px;
		clear: both;
		float: left;
		margin-bottom: 10px;
		text-align: left;
		padding-top: 10px;

	}
	
	div#menu_cont
	{
		width: 750px;
		clear: both;
		float: left;
		
		padding-left: 10px;
		
		text-align: left;
		font-family: Arial;
		font-size: 12px;
		color: #000000;
		border-bottom: solid 1px #999999;
	    background-color: #FFFFFF;
	}
	
	div#hero_cont
	{
	    float: left;
	    clear: both;
	    width: 750px;
	    height: 150px;
	    margin: 10px 0px;
	    background-color: #FFCC33;
	    
	}
	
	div#content_cont 
	{
		width: 750px;
		clear: both;
		float: left;
		padding: 10px;
		border-top: solid 1px #999999;
		overflow: hidden;
		background-color: #FFFFFF;
	}
	
	div#footer_cont
	{
		
		width: 750px;
		clear: both;
		float: left;
		
		margin-top: 10px;
		margin-bottom: 30px;
		padding-top: 10px;

		
		background-repeat: repeat-x;
		background-image: url(/assets/img/ruler.png);
	
	}
		
		div#footer_menu
		{
			width: 341px;
			clear: left;
			float: left;
			
			padding-left: 5px;
			
			text-align: left;
			font-family: Arial;
			font-size: 10px;
			color: #000000;
		}
		
		div#footer_disc
		{

			width: 375px;
			clear: right;
			float: right;
			
			padding-right: 5px;
			
			text-align: right;
			font-family: Arial;
			font-size: 10px;
			color: #000000;
            margin-left: 0px;
}
			
		
p 
{
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	text-align: left;
	
}

h1 
{
	font-family: Arial;
	font-size: 16px;
	color: #000000;
	text-align: left;
	
}

h2
{
	font-family: Arial;
	font-size: 14px;
	color: #FFCC33;
	text-align: left;
	
    
}

h3 
{
	font-family: Arial;
	font-size: 12px;
	color: #999999;
	text-align: left;
	font-weight: bold;
	

}

h4 
{
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	font-style: italic;
	color: #000000;
	text-align: left;
	
}

li 
{
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    text-align: left;
    
    
}

ul 
{
}




/* CUSTOM CLASSES */
.copyright
{
    font-family: Arial;
    font-size: 10px;
    color: #333333;
}

div.FormLabelsWhite 
{
    float: left;
    width: 75px;
    margin-top: 8px;
    margin-right: 5px;
    
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    
    color: #FFFFFF;
}

div.FormControls
{
    float: left;
    width: 100px;
    margin-top: 5px;
    text-align: left;
}


/* A */
a.FooterMenu 
{
    color: #333333;
    text-decoration: none;
    font-weight: bold;
}

a.FooterMenu:hover 
{
    color: #FFCC33;
    text-decoration: none;
    font-weight: bold;
}




/* CSS ROLLOVERS */

a.aAboutUs
{
	background: transparent url(/assets/img/about.png) no-repeat scroll left top;
	background-position: 0 -16px;
	text-indent: -1000em;
	overflow: hidden;
	margin-left: 0px;
	margin-right: 15px;
	display: inline;
	float: left;
	height: 16px;
	width: 81px;
}

a.aAboutUs:hover  
{
	background-position: 0 0px; 
	
}

a.aContactUs
{
	background: transparent url(/assets/img/contact.png) no-repeat scroll left top;
	background-position: 0 -16px;
	text-indent: -1000em;
	overflow: hidden;
	margin-left: 0px;
	margin-right: 15px;
	display: inline;
	float: left;
	height: 16px;
	width: 95px;
}

a.aContactUs:hover  
{
	background-position: 0 0px; 
}

a.aDocumentLibrary 
{
    background: transparent url(/assets/img/resources.png) no-repeat scroll left top;
	background-position: 0 -16px;
	text-indent: -1000em;
	overflow: hidden;
	margin-left: 0px;
	margin-right: 15px;
	display: inline;
	float: left;
	height: 16px;
	width: 125px;
}

a.aDocumentLibrary:Hover 
{
    background-position: 0 0px;
}

a.aServices
{
	background: transparent url(/assets/img/services.png) no-repeat scroll left top;
	background-position: 0 -16px;
	text-indent: -1000em;
	overflow: hidden;
	margin-left: 0px;
	margin-right: 15px;
	display: inline;
	float: left;
	height: 16px;
	width: 110px;
}

a.aServices:hover  
{
	background-position: 0 0px; 
}

a.RollOverButtons
{
	display: inline;
	float: right;
	height: 16px;
	margin-left: 0px;
	margin-right: 15px;
	
	overflow: hidden;
	text-indent: -1000em;
	
}

a.aYellow 
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #FFCC00;   
}

a.aYellow:hover 
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #FFCC33;
}

a.aDark
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #333333;   
}

a.aDark:hover 
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #333333;
}




/* ENQUIRY */

div#EnquiryContainer 
{
	clear: both;
}

div.EnquiryRow
{
	float: left;
	clear: both;
	width: 100%;
	
	margin-top: 5px;
	margin-left: 10px;
	
	text-align: left;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	
	color: #000000;
}
 
div.EnquiryLabel 
{
	float: left;
	clear: left;
	width: 125px;
	
	text-align: left;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	
	color: #000000;
}
 
div.EnquiryControl
{
 	float: left;
 	clear: right;
 	width: 200px;
 	
 	text-align: left;
 	font-family: Arial;
 	font-size: 12px;
 	font-weight: normal;
 	font-style: normal;
 	
 	color: #000000;
}

div.EnquiryDetail 
{
	float: left;
	clear: right;
	
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	
	color: #000000;
}

div.EnquiryValidator 
{
	float: left;
	clear: right;
	
	text-align: left;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	
	color: #FF0000;
}
 	
 
div#home_left 
{
    clear: left;
    float: left;
    width: 540px;
    text-align: left;
}

div#home_right
{
    clear: right;
    float: right;
    width: 200px;
    text-align: left;
    background-color: #FAFAFA;
    border-left: solid 1px #EEEEEE;
}



div#UpdatesPanel 
{
    margin-top: 20px;
    clear: both;
}

div#UpdatesPanel a
{
    color: #666666;
    text-decoration: none;
}

div#UpdatesPanel a:hover
{
    text-decoration: underline;
}
    
div.DocumentList 
{
    line-height: 24px;
    background-color: #EEEEEE; 
    padding: 5px;
}

div.DocumentList a
{
    color: #333333;
    font-weight: bold;
    text-decoration: none;
}

div.DocumentList a:hover
{
    text-decoration: underline;
}


span.HeadingDate 
{
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
}

li.navigator 
{
    
    
    background-image: url(img/tick.gif);
    background-repeat: no-repeat;
    padding-left: 30px;
    margin-top: 5px;
    list-style-type: none;
    
}

span.AboutHead 
{
    clear: both;
}

span.AboutHeadTitle
{
    font-size: 21px;
    font-weight: bold;
    display: inline;
}

span.AboutHeadCopy 
{
    font-size: 18px;
    font-weight: normal;
    display: inline;
}

a.HomeLink 
{
    color: #000000;
    text-decoration: none;
}

a.HomeLink:hover 
{
    text-decoration: underline;
}

div.AboutMissionTitle 
{
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 15px;
}

div.AboutMissionCopy 
{
    font-size: 16px;
    font-weight: bold;
}

div.AboutTimQuoteTitle 
{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}

div.AboutTimQuoteCopy 
{
    font-size: 24px;    
}

div.ServicesItemCopy 
{
    background-color: #EEEEEE; 
    padding: 5px;
}

div.ServicesItemHead
{
    margin-top: 20px; 
    background-color: #FFCC33; 
    padding: 5px; 
    overflow: hidden;
}

div.ServicesItemHeadLeft 
{
    float: left;
    width: 550px;
    
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    line-height: 16px;
    color: #333333;
}

div.ServicesItemHeadRight 
{
    float: right;
    width: 50px;
    text-align: right;
    
    font-family: Arial;
    
}