html {

	height:100%;
	padding-bottom:1px;
	margin-bottom:1px;
	overflow-y:scroll;
}

body {
	font-family:Helvetica, Arial, Geneva, Verdana, sans-serif;
	background-color:#ffffff;
	margin:0px;
	padding:0px;
	font-size:90%;
	color:#333333;
}

a {
	color:#0066CC;
}

a:visited {
	color:#0066CC;
}

a:hover {
	color:#000000;
}

a.button {    
 	background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;    
	color: #444;    
	display: block;    
	float: left;    
	font: normal 12px arial, sans-serif;    
	height: 21px;    
	margin-right: 6px;    
	padding-right: 18px;    
	text-decoration: none; 
} 

a.button span {    
	background: transparent url('../images/bg_button_span.gif') no-repeat;    
	display: block;    
	line-height: 11px;    
	padding: 5px 0 5px 18px; 
} 

a.button:active {    
	background-position: bottom right;    
	color: #000;    
	outline: none; 
} 

a.button:active span {    
	background-position: bottom left;    
	padding: 6px 0 4px 18px; 
} 

p {
	padding: 0px;
	margin:0px 0px 16px 0px;
	line-height:150%;
}

img.colImg {
	width:224px;
	border:1px solid #e1e1e1;
}

img.gallery {
	width:198px;
	border:1px solid #666666;
}

.bgImage {
	left:-40px;
	background:#ffffff;
	background-repeat:no-repeat;
	width:960px;
	z-index:0;
}

.bgMain {
	background-repeat:repeat-y;
	width:100%;
}

.bgCopyright {
	background-repeat:no-repeat;
	width:960px;
	height:39px;
}

.bgFooter {
	margin:30px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	background-color:#322b28;
}

.splashContainer {
	width:902px;
	height:300px;
	padding:0;
	margin:8px 0px 8px 0px;
}

.splashColumnContainerWrapper {
	width:694px;
	float:left;
}

.splashColumnContainer {
	margin: 0px 8px 0px 0px;
	padding:0px;
	float:left;
	width:226px;
}

.newsColumnContainer {
	width:692px;
	height:19px;
	color:#555555;
	font-size:85%;
	margin:0 0 8px 0;
	padding:6px 0 0 0;
	float:left;
	text-align:left;
	background-color:#e0e1e3;
	border:1px solid #e1e1e1;
}

.newsHeading {
	font-family:inherit;
	font-size:95%;
	font-weight:normal;
	color:#532f18;
	margin:0 12px 0 12px;
}

.galleryColumnContainer {
	width:200px;
	height:161px;
	float:right;
	position:relative;
	margin:-35px 0px 0px 0px;
}


/*.gallery-icon {
	width:66px; 
	height:66px; 
	float:left;
	margin:3px;
	border:1px solid black; 
	overflow:hidden; 
	position:relative;
}
*/
.pageContainer	{
	width:902px;
}

.contentContainer {
	width:100%;
	padding:0px;
}

.bgHeader {
	background-color:#090809;
}

.headerContainer {
	width:100%;
	padding:0;
}

.footerContainer {
	width:100%;
	padding:0;
}

.footnote {
	font-size:80%;
}

.pNavContainer {
	width:100%;
	height:28px;
	margin:55px 0px 0px 0px;
	padding:0px;
	background:transparent url('../images/pNav_bg.gif') repeat-x;
}

.pNav {
	height:100%;
	float:left;
	margin:0;
	border-left:1px solid #FFFFFF;
}

.pNav_nm, .pNav_hv, .pNav_on {
	height:100%;
	font-size:78%;
	font-weight:bold;
	float:left;
	border-left:1px solid #FFFFFF;
	text-align:center;
	padding:8px 31px 0px 31px;
	text-transform:uppercase;
	cursor:pointer;
}

.pNav_nm {
	color:#b5b5b5;
}

.pNav_hv {
	color:#E6E6E6;
}

.pNav_on {
	color:#FFFFFF;
}

.pNav a {
	padding:0px 27px 0px 27px;
}

.fNav {
	font-size:11px;
	color:#838383;
	padding: 0px 12px 0px 12px;
}

.fNav a.fNav, a.fNav:visited {
	color:#838383;
}

a.fNav:hover {
	color:#000000;
}


.caseImage {
	float:right;
	width:240px;
	height:160px;
	margin:0px 0px 10px 10px;
	border:1px solid black;
}

.caption {
	font-size:80%;
	text-align:right;
}


h1 {
	font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size:130%;
	font-weight:bold;
}

h2 {
	font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size:120%;
	font-weight:bold;
}

h3 {
	font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size:120%;
	font-weight:normal;
	margin:5px 0px 5px 0px;
	padding:5px 0px 5px 0px;
	clear:both;
	color:#6a7c29;
}

h4 {
	font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	clear:both;
	color:#000000;
}

.formWarning {
	color:#FF0000;
	border:1px solid #FF0000;
	padding:4px 5px 7px 10px;
}

.formSuccessful {
	color:#a1ae7d;
	border:1px solid #a1ae7d;
	padding:4px 5px 7px 10px;
}	

.dividerH {
	border-top-style:solid;
	border-top-color: #cccccc;
	border-top-width:1px;
	margin:10px 0px 0px 0px;
}

.tabDescription {
	margin:0px 0px 0px 0px;
}

.imgLanding {
	bottom:0px;
	right:0px;
	float:right;
	width:290px;
	/* border-style:solid;
	border-width:1px;
	border-color:#cccccc; */
}

.landingImg2 {
	padding:10px 0px 0px 0px;
}

.imgTabDesc {
	bottom:0px;
	right:0px;
	float:right;
	margin:0px 0px 16px 16px;
	width:160px;
}

.moreInfo {
	padding:10px 0px 0px 0px;
}
#rotator{
	border:solid 3px #f6f6f6;
}

#innerRotator {
	width: 840px;
	height:340px;

}

/* table lists */

table.list {
	font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	border:0px;
	border-collapse:collapse;
}

table.list th {
	font-weight:bold;
	background-color:#CCCCCC;
	padding:5px;
}

table.list td {
	color:#6a7c29;
	padding:5px 5px 5px 5px;
	border-bottom:solid 1px #CCCCCC;
}

table.list td.content {
	font-weight:normal;
	color:#333333;
	padding:5px 5px 5px 5px;
	border-top:none;
}

table.list td.header1, th.header1 {
	font-weight:bold;
	color:#333333;
	padding:15px 5px 5px 5px;
	border-top:none;
	border-bottom:solid 1px #CCCCCC;
}

table.list td.price, th.price {
	text-align:right;
	padding:5px;
}

table.chart {
	width:800px;
	font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	margin:0px;
	padding:0px;
	background-color:#fafaf7;
}

table.chart td {
	padding:10px;
	padding:10px;
	margin:0px;
	border:solid 1px #ffffff;
}


table.chart td.dollarAmount {
	min-width:120px;
	font-weight:bold;
	background-color:#eaede2;
}

/* lists */


ul {
	width:70%;
	margin:0px;
	padding:10px 0px 0px 20px;
	line-height:150%;
}


ul.landing {
	margin:0px;
	padding:10px 0px 0px 20px;
	line-height:150%;
	font-weight:bold;
	color:#ff0000;
}

ul.landing a:link {
	color:#ff0000;
}

/* end lists */

.introCopy {
	font-family:Tahoma,Arial,Verdana,sans-serif;
	font-size:110%;	
	color:#333333;
	line-height:130%;
	width:100%;
	margin:10px 0px 10px 0px;
}

.introHeader {
	font-family:Tahoma,Arial,Verdana,sans-serif;
	font-size:150%;	
	font-weight:bold;
	color:#000000;
	line-height:130%;
}

.landingT {
	margin:0px 0px 10px 0px;
}

.landingWrapper1 {
	margin:0px auto 10px auto;
	width:20%;
	float:left;
}

.landingWrapper2 {
	margin:0px 30px 10px 0px;
	width:60%;
	float:left;
	vertical-align:top;
}

.wrapperContent {
	width:100%;
}

.wrapperColumn1 {
	margin:10px 0px 10px 40px;
	width:30%;
	float:left;
	text-align:left;
}

.wrapperColumn2 {
	margin:10px 10px 10px 15px;
	width:55%;
	float:left;
	vertical-align:top;
	text-align:left;
}

.wrapperColumnWide {
	margin:10px 0px 10px 30px;
	width:65%;
	float:left;
	text-align:left;
}

.columnDivider {
	float:left;
	width:3%;
	height:400px;
	margin:10px 0px 10px 0px;
	background: url('/images/columnDivider.gif') repeat-y;
}

.columnDividerContact {
	float:left;
	width:60px;
	height:400px;
	margin:10px 0px 10px 0px;
	background: url('/images/columnDivider.gif') repeat-y;
}
 
.divClearFloat, .clsDivClearBoth {
	clear:both;
}

.clsDivFormLabel{
	width:150px;
	float:left;
}

.clsDivFormInputText, .clsDivFormInputTextArea{
	float:left;
}
 
/* Links */

p.moreInfo_wrap {
	float: left;
}

a.moreInfo {
	font-size: 90%;
	font-family:Tahoma,Arial,Verdana,sans-serif;
	color: #1d1b19;
}

a.moreInfo:hover {
	color: #2d6ea8;
}

/* end links */
 


/* table lists */

table.list {
	width:100%;
	font-size:100%;
	font-weight:normal;
	margin:0px;
	border:0px;
	border-collapse:collapse;
	color:#6a7c29;
}

table.list th {
	font-size:100%;
	font-weight:bold;
	padding:5px;
	border-bottom:solid 2px #666666;
	color:#666666;
}

table.list td {
	font-size:100%;
	padding:5px;
	border-bottom:solid 1px #CCCCCC;
}

td.header1, th.header1 {
	font-size:100%;
	font-weight:bold;
	padding:5px;
	border-bottom:solid 1px #CCCCCC;
	color:#666666;
}

td.price, th.price {
	text-align:right;
	padding:5px;
}


/* lists */
 
#divContentWrapper{
	width:959px; /* change this width to desired page width; contents will scale */	
	margin:auto;	/* 0 for left alignment - auto for center alignment */
	text-align:left;	
}
 
#divPageHeader {
	position:relative;
	width:100%;
	height:110px;
	text-align:center;
	color:#000000;
	padding-top:0px;
}
 
#divLogoLeft {
	position:absolute;
	left:0;
	top:0;
}
#divTagLineLeft {
	font-weight:bolder;
}

#divLogoRight {
	position:absolute;
	right:0;
	top:0;
	width:460px;
	height:102px;
	background: url('/images/hNav_background.gif') no-repeat top center;
}
#divGlobalNav {
	position:relative;
	right:0;
	top:0;
	width:460px;
	height:102px;
}



#divTagLineRight {
	font-weight:bolder;
}

#divHeaderName {
	margin-top:10px;
	font-size:24pt;
	font-weight:bolder;
}
 
 
#divMainNav {
	height:25px;
	position:absolute;
	text-align:center;
	left:0px;
	bottom:0px;
	width:100%;
	z-index:100;
}

 
#divMainContent {
	padding:0px 0px 0px 0px;
	position:relative;
	width:100%;
	z-index:0;
	min-height:400px;
}
 
#divSecondNav {
	position:relative;
	z-index:2;
	padding:0px 0px 0px 0px;
	background: url(/images/sNav_filler.gif) repeat-x;
	height:23px;
	 /*float:left; left side menu layout */

}
#divSecondNavInner {
	position:relative;
	padding:0px 0px 0px 0px;
	top:0px;
	left:0px;
	z-index:2;
	height:23px;
}

#divTabContentContainer {
	width:100%;
	background-color:#ffffff;
	margin-top:0px;
	display:none;
}

.tdSecondNav {
	padding:0px;
	margin:0px;
	color:black;
	text-align:left;
	position:relative;
	z-index:2;
}

.tdSecondNav a{


}

#divTertNav{
	margin-top:10px;

} 


#divPageContentNarrow {
	padding-top:0px;
	width:98%;
	/*float:right;  left side menu layout */    
}

#divPageContentWide {
	padding-top:0px;
	width:98%;
	float:right; /* left side menu layout */     
}

#divBreadCrumbs {
	position:relative;
	width:100%;
	font-size:8pt;
	padding:0 0 15px 0;
	color:red;
	padding-left:0px;
	margin-top:20px;
}

#divPageContentHeader {
	position:relative;
	width:100%;
	font-size:18pt;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin:0px;
}

#divPageContentBody {
	padding-top:15px;
}

#divPageFooter {
	position:relative;
	width:100%;
	height:80px;
	text-align:center;
	color:#000000;
	font-weight:bolder;
	border-top:1px solid #999999;
	padding-top:5px;
	margin-top:10px;
}
 
#divCopyright {
	position:relative;
	bottom:0px;
	left:0;
	color:#00008B;
	text-align:right;
	width:100%;
	font-size:12pt;
	display:block;
}

#divLastUpdated {
	color:red;
	font-size:8pt;
	text-align:center;
}

tr {
	vertical-align:top;
}

/* Main Menu Styles */

.sMainMenu1{
	border:	none;
} 

.sMainMenu2, .sMainMenu3 {
	border:1px solid black;
	background-color:white;
}

.sMainMenuText1, .sMainMenuText2, .sMainMenuText3 {
	color:black;
	font-size: 8pt;
	text-decoration:none;
}

/* Form Styles */


.clsFormContainer {
	padding:20px 0 0 0 ;
}

.clsFormLabel {
	font-weight:bold;
}

#divEditFormLastNameInput, #divEditFormFirstNameInput, #divEditFormGroupNameInput {
	width: 25%;
	float:right;
	
}


#divFormButtonCancel, #divFormButtonReset, #divFormButtonSubmit{
	width:25%;
	margin:0;
	float:left;
	text-align:center;
}

.clsFormSelInput, .clsFormTextInput, .clsFormFileInput {
	width:35%;
	float:left;
	margin:0;
	border:2px solid black;
}
.clsFormButton {
	width:80px;
}

.clsDivider {
	margin-top:15px;
	margin-bottom:10px;
	border-top: 3px double black;
	
}

.clsPageContainer {
	padding-top:10px;
}

.clsPageSubHeading {
	font-size:14pt;
	font-weight:bold;
}
#divTabbingContainer {
	min-height:400px;
	overflow-y:auto;
	position:relative; 
}

#divSettingsContainer {
	position:relative; 

} 

.clsSectionHeaderOn {
	background-color:#ffffff;
	font-size:10pt;
	color:black;
	width:100px;
	padding-left:5px;
	border-left:2px solid black;
	border-top:2px solid black;
	border-right:2px solid black;
}

.clsSectionHeaderOff {
	background-color:#ffffff;
	font-size:10pt;
	color:black;
	width:100px;
	padding-left:5px;
	border-left:1px dotted black;
	border-top:1px dotted black;
	border-right:1px dotted black;
	border-bottom:2px solid black;
}
.clsSectionHeaderOff:hover {
	background-color:#ffffff;
}

.clsSubSectionOn {
	background-color:#ffffff;
	font-size:10pt;
	color:black;
}

.clsEmphaticSmall {
	font-size:8pt;
	color:red;
	font-weight:bold;
}

.clsDivSpacer {
	height:20px;
}

.clsFormSubHeading {
	font-size:10pt;
	font-weight:bold;
	border-bottom:1px dashed black;
}

#tabFaxInBox th, #tabVoicemailInBox th {
	padding-top:5px;
	border-bottom:2px double black;
	text-align:center;
	vertical-align:top;
}

#tabFaxInBox td, #tabVoicemailInBox td {
	padding-top:5px;
}

#divAdminTools, #divSupportTools, #divMyTools {
	margin-right:25px;
	
}

#divImageSpacer {
	position:relative;
	padding:40px 0px;
	color:#666666;
	font-family:Tahoma,Arial,Verdana,sans-serif;
	font-size:110%;
	font-weight:normal;
	line-height:130%;
	width:840px;
	margin:auto;
	

}

.clsToolsHeader {
	padding-bottom:15px;
}

form, .clsText, .clsSubmit{
	display:inline;
	white-space : nowrap;
}

#divClientExtensions {
	float:left;
	width:20%;
	border:1px solid red;
}
.clsActiveExtension input {
	margin:0;
	padding:0;
	white-space : nowrap;
}
#divActiveExtensionsHeader {
	padding-bottom:10px;
	
}
.clsActiveExtension {
	padding:3px 5px 2px 10px;
	font-size:10pt;
}

#divInActiveExtensionsHeader {
	padding-bottom:10px;
	
}
.clsInActiveExtension {
	padding:3px 5px 2px 10px;
	font-size:10pt;
}

.clsTextInput {
	border:2px solid black;
}

.clsFromSectionSubHeading {
	font-weight:bold; 
	padding-bottom:5px;
}

.clsWorkWithExt {
	width:184px;
	color:white;
	background-color:#0000cd;
}

.clsButAssignExt {
	width:184px;
	color:white;
	background-color:#ff6347;
}

#calloutContainer {
	position:relative;
	padding: 0px; 
	width: 902px;
}

#divCallout {
	float:right;
	width:120px;
	height: 200px;
	padding:5px;
	font-size:10pt;
	border-left:1px solid black;
}
#divCallout div {
	padding: 2px 0 3px 0;
}
#divCallout div a {
	text-decoration:none;
}

a img {
	border:0;

}

#imgPageTitle{
	position:relative;
	z-index:1;
}

.clsTinyMCESection{
	margin-bottom:10px;
}

.clsClearBoth, .clearBoth {
	clear:both;
}

/* begin tab menu style */
/* base container style */
#divTabContainer {
	width:909px;
	padding:10px 0px 0px 0px;
	color:#000000;
	font-family:Tahoma,Arial,Verdana,sans-serif;
	font-size:100%;
	font-weight:normal;
	line-height:130%;
	margin:auto;
	text-align:left;
}

/* content window (div) where ajax response to be written */
#divTabContent{
	/*height:300px;
	padding:10px;
	position:relative;*/
	/*border:1px solid gray; border should to be same color as clsTabOff bg colour for best look */
}

/* tabs are list items - set list style */
#ulTabList {
	margin:0;
	list-style-type:none;
	padding:0;
}

/* div containing tab list items, having them in this div allows for ease of placement 
allows overlapping placement of menu item layer/div with content layer/div */
#divTabList{
	position:relative;
	z-index:10;
}

/* list item style - mainly intended to be used if tabs are text but margins can be important */
#ulTabList {
	width:100%;
}


#ulTabList li{
	float:left;
	margin:0;
	border-bottom:none;
	text-align:center;
	list-style-type:none;
	padding:0;
	cursor:pointer;
}

#ulTabList li img.spacer {
	display:block;
}

/* only used for text tabs - set 'on' state style */
.clsTabOn{
	background-color:#ffffff;
	color:#000000;
	cursor:pointer;
}

/* only used for text tabs - set 'off' state style */
.clsTabOff{
	background-color:gray;
	color:#ffffff;
	cursor:pointer;
}

/* end tab menu style */

/* form - CONTACT */

.contact_leftColumn {
	float:left;
	margin-right:10px;
}

.contact_rightColumn {
	float:right;
}

.contact_label {
	font-family:  Tahoma,Arial,Verdana,sans-serif;
	font-size: 110%;
}


form.contact input, form.contact textarea {
	outline-style:none;
    outline-width:0pt;
}

form.contact, form.contact textarea, form.contact input  {
	font-family: Tahoma,Arial,Verdana,sans-serif;
	font-size: 11px;
}

div.contact_navigation, form.contact a {
	cursor: pointer;
}

form.contact input.inputfield {
	background-color: #f4f4f4;
	border: none;
	background-image:url(assets/sprite_contact_form.gif);
	background-position: -10px -10px;
	background-repeat:no-repeat;
	height: 23px;
	padding-top: 8px;
	width: 180px;
	padding-left: 8px;
	padding-right: 10px;
	font-size: 12px;
	margin: 5px 0px 5px 0px;
}

.clsFormErrorOff{
	position:absolute;
	right:10px;
	top:0;
	color:red;
	font-weight:bold;
	visibility:hidden;
}

.clsFormErrorOn{
	position:absolute;
	right:10px;
	top:0;
	color:red;
	font-weight:bold;
}

.spanClsFormErrorOff{

	right:10px;
	top:0;
	color:red;
	font-weight:bold;
	visibility:hidden;
}

.spanClsFormErrorOn{

	right:10px;
	top:0;
	color:red;
	font-weight:bold;
}

#divLargeMap{
	width:100%;
	height:130%; 
	position:absolute; 
	left:0px; 
	top:0px;
	z-index:100;
	
}

.highslide-gallery div {
	overflow:hidden;

}

/*.highslide-gallery div a img {
position:absolute;
clip:rect(0px,60px,60px,0px);padding:3px;
display:inline;
overflow:hidden;
}
*/

.galleryImageContainer {
	width:220px;
	height:220px;
	overfow:hidden;
}

.galleryImage {
	width:250px;
}


.highslide-gallery div a img {
 	width:220px; 
}



#carouselWrapper {
	position:relative;
}
