﻿body 
{
	margin: 0;
	padding: 0;
	font-size: 75%;
	font-family: Arial,Verdana,Tahoma,sans-serif;
}

a:link,
a:active,
a:visited
{
	text-decoration: none;
	color: #FF6600;
}

a:hover
{
	text-decoration: underline;
	color: #FF6600;
}

h1
{
    color:#000;
	padding:5px 0px;
	margin: 0;
	font-size: 160%;
	clear: both;
	border-bottom:1px dotted #cccccc;
}

h2
{
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 150%;
	margin-top: 10px;
	clear: both;
	padding-bottom:10px;
	border-bottom:1px dotted #cccccc;
}

h3
{
	padding: 0;
	margin: 0;
	font-size: 140%;
	margin-top: 10px;
	clear: both;
}

/* wrapper */

#wrapper
{
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}

/* Page header, copies H1 styles */


#header
{
	width: 970px;
	margin: 26px auto 0 auto;
	clear:both;
}


#logo
{
	float: left;
	width: 335px;
	margin-bottom:10px;
}

.siteTitle, .orangePhone
{
	float: left;
	width: 330px;
	padding: 0;
	margin: 0;
	font-size: 180%;
	margin-top: 10px;
	font-weight: bold;
}

.orangePhone 
{
    color:#FF6600;
}

#headerGlobalText 
{
    float:left;
    width:433px;
    /*height:115px;*/
    overflow:hidden; /* do not compromise the design for too much text*/
}

/* for whatever gets inserted in there */
#headerGlobalText p, #headerGlobalText img
{
    margin:0;
}


#search
{
    float:right;
	width: 202px;
	/*height: 125px;*/
	overflow:hidden;
}

#search input 
{
    width:120px;
    margin-right:4px;
}

#search a 
{
    color:#000;
    text-decoration:none;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
    cursor:pointer;
}

#search a:hover
{
    color:#000;
    text-decoration:none;
}

#search .orangeBox 
{
    display:block;
    background:url('../../../../images/structure/headerButtonBG.gif') no-repeat top left;
    width: 202px;
    height:27px;
    padding:5px 10px;
    margin-top:5px;
    color:#fff;
    text-transform:none;
    font-size:20px;
    font-weight:normal;
}

#search .orangeBox:hover
{
    color:#fff;
    text-decoration:underline;
}

#search .orangeBox img
{
    margin-left:5px;
}


/* Primary Navigation */

#primaryNavigation
{
    background:url('../../../../images/structure/mainNavBG.gif') repeat-x;
	width: 100%;
	background-color: #ECEBF0;
	text-align: center;
	padding: 0px;
	margin-top: 12px;
	height:45px;
		clear:both;
}

#primaryNavigation #menu
{
	margin: 0 auto;
	text-align: left;
	width: 970px;
}

#primaryNavigation ul.navigation
{
	display: inline;
	margin: 0;
	padding: 0;
	margin: 0 auto;
	list-style-type: none;
	width: 490px;
}

#primaryNavigation ul.navigation li
{
	float: left;
	width: auto;
	border-right: solid 1px #000;
	padding:15px 0;
	font-size: 100%;
}

#primaryNavigation ul.navigation li a 
{
    color:#fff;
    padding:12px 15px 15px 15px;
    font-weight:bold;
}

#primaryNavigation ul.navigation li a.selected
{
    background:#fff;
    color:#000;
    padding:12px 15px 15px 15px;
}


#primaryNavigation ul.navigation li a:hover
{
	text-decoration: underline;
}

/* breadcrumb */

#breadcrumb 
{
    color:#999999;
    padding: 5px 0;
}

#breadcrumb a 
{
    color:#999999; 
}

#breadcrumb .EndItem 
{
    font-weight:bold;
    color:#666666;
}

/* Left Hand Menu */

#leftMenu 
{
    float:left;
    width:205px;
    margin-right:20px;
}

#leftMenu .head 
{
    padding:5px 10px;
	background: #000 url(../../../../images/structure/leftMenuHeadingBG.gif) no-repeat top left;
    color:#fff;
    font-size:14px;
    font-weight:bold;
}

#leftMenu ul 
{
    margin:0;
    padding:0;
    list-style-type:none;
}

#leftMenu li 
{
    width:195px;
	background: #fff url(../../../../images/structure/leftMenuItemBG.gif) no-repeat left bottom;
    margin: 0;
    padding:5px;
    clear:both;
}


#leftMenu li a
{
    color:#666666;
    font-weight:bold;
    padding-left:10px;
}

#additionalHTML 
{
    padding:5px;
}

/*Main Body */

#mainBody
{
	width: 982px;
	margin: 0 auto;
	overflow:visible;
	padding-left:11px;
}

/* Footer */

#footer
{
	background: transparent url(../../../../images/dev/footer_bg.jpg) repeat-x scroll 0 0;
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	margin-top: 25px;
	padding-bottom: 15px;
}

#footer .menu
{
	margin: 0 auto;
	text-align: left;
	width: 970px;
}

ul.footerNav
{
	font-size: 90%;
	margin: 0;
	padding: 0;
	float: left;
	margin-top: 15px;	
	width: 970px;
}

ul.footerNav li
{
	float: left;
	padding-right: 1em;
	list-style-type: none;
	border-right: solid 1px #CBCBCD;
	padding-left: 1em;	
}

ul.footerNav li.firstNode
{
	padding-left: 0;	
}

ul.footerNav li.lastNode
{
	border-right: none;
}

ul.footerNav li a:link,
ul.footerNav li a:active,
ul.footerNav li a:visited
{
	color: #333333;
	text-decoration: none;
}

ul.footerNav li a:hover
{
	color: #333333;
	text-decoration: underline;
}

p.copyright
{
	float: left;
	font-size: 90%;
	margin: 0;
	margin-top: 10px;
}

/* Latest News Article Plugin */

#LatestNewsArticle 
{
    overflow:hidden;
    margin-bottom:10px;
}

#LatestNewsArticle .headline 
{
    background-color:#FF6600;
    padding:5px 10px;
    color:#fff;
    font-size:20px;
}

#LatestNewsArticle .resultsText 
{
    float:none !important; /*conflicting with another plugin */
    background:url('../../../../images/structure/latestNewsArticleBG.gif') bottom left repeat-x;
    padding:10px 10px 0 10px;
}

#LatestNewsArticle .resultsText p
{
    padding-bottom:20px;
}

#LatestNewsArticle .resultsText a
{
    padding:10px;
    color:#fff;
    background:url('../../../../images/structure/latestNewsArticleButtonBG.gif');
}











/* Andrew Weddle hasn't used these, maybe they can go! */

div#numberWrapper
{
	float: left;
	width: 160px;
	margin-top: 20px;
}

p.phone
{
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 13px;
	padding-top: 0;
	padding-bottom: 3px;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 129%;
}

span.countCode
{
	width: 40px;
	float: left;
}


div#extLogoHolder
{
	float: right;
	margin-top: 5px;
	margin-right: 10px;
}







div#contactLink
{
	float: right;
}

div#contactLink a:link,
div#contactLink a:active,
div#contactLink a:visited
{
	font-weight: bold;
	padding-right: 0.5em;
	color: #333333;
	text-decoration: none;
	font-size: 100%;
}

div#contactLink a:hover
{
	text-decoration: underline;
}



div#mainBody ul
{
	clear: both;
}

div#mainBody ol
{
	clear: both;
}



