/* 11 color theme components for layout #8

PAGEBGCOLOR - Page Background - YES 
BODYBGCOLOR - Body Background - YES
HEADERBGCOLOR - Header Background - YES
HEADERTEXTCOLOR - Company Name - YES 
SUBHEADERTEXTCOLOR - Slogan Name - YES 
MENUBGCOLOR - Menu Background - YES
MENUBORDERCOLOR - Menu Border - NO
MENUTEXTCOLOR - Menu Text - YES 
MENUMOUSECOLOR - Menu Mouseover - YES 
TABLEBORDERCOLOR - Table Border - YES 
TABLEHEADERCOLOR - Table Header  - YES
TABLETEXTCOLOR - Table Text - YES 

*/

body {
	margin: 20px;		
	background-color:  #336600;

	}

	
#pageALIGNMENT { /* only purpose is to align the page */
	position: absolute;
	left: 50%;
	width: 764px;
	margin-left: -381px;
	background-color:  #DFEACB;
}



div[id=containerMAIN] { /* IE ignores styles with [attributes], so it will skip the following. */
	background-image: url(http://images.theinfocity.com/layouts/9/images/transparencyWHITE2.png);
	background-position: bottom;
	}
	
	

#containerMAIN { /* DO NOT add positioning because links inside this div will be disabled */
	width: 762px;
	border-width: 1px;
	border-color:#666666;
	border-style: solid;
	padding-top: 29px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='http://images.theinfocity.com/layouts/9/images/transparencyWHITE2.png'); /* must have sizingMethod for dimension of header */
	background-repeat: no-repeat;
}

div [id=container] {
	padding-top: 27px !important;

		
}

#container {
	width: 762px;
	background-repeat: no-repeat;
	border-top-width: 1px;
	border-top-color:#666666;
	border-top-style: solid;	
	padding-top: 29px;
	
}

div [id=headerDIV] {
	height: 329px !important;

		
}

#headerDIV{
	position: absolute;
	top:31px;
	left: 1px;
	width: 762px;
	height: 330px;
	overflow: hidden;
}

div [id=headerHOLDER] {

}

/* header styles */

#headerHOLDER { 
	width: 762px;
	height: 302px;
	border-bottom-width: 1px;
	border-bottom-color:#666666;
	border-bottom-style: solid;

	}

#logo { /* this is to specifcy the size of the logo graphic */
	height: 65px;
	position: absolute;
	top: 190px;
	left: 25px;

}

div [id=headerTEXT] {
	left: -10px;
}

#headerTEXT {
	width: 762px;
	position: absolute;
	top: 380px;
	text-align: right;
	padding-right: 30px;
	z-index: 1;
	
}

div[id=nav] { 
	width: 762px !important;
	height: 0px !important;
}

/* navigation styles */
#nav {
	position: absolute;
	top: 1px;
	left: 1px;
	width: 762px;
	height: 331px;
}

#navALIGNMENT{ /* start align right or left */
	width: 763px;
	
}

td[class=navButton] { 
	height: 359px !important;
	}

.navButton { /* Align horizontal or vertical */ 
    height: 360px;	
	padding-top: 8px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
}

td[class=navButton2] { 
	height: 359px !important;
	background-image: url(http://images.theinfocity.com/layouts/8/images/transparencyWHITE.png);
	}

.navButton2 { /* Align horizontal or vertical */
    height: 360px;	
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='http://images.theinfocity.com/layouts/8/images/transparencyWHITE.png'); /* must have sizingMethod for dimension of header */
	background-repeat: no-repeat;
	padding-top: 8px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
}

.navStatic {	
	font-size: 12px;
	font-weight: bold;
	FONT-FAMILY: Verdana;
	color: #336600;
	text-decoration: none;
	text-align: center;
}
	
.navLink {
    font-size: 12px;
    font-weight: bold;
	FONT-FAMILY: Verdana;
    color: #336600;
	text-decoration: none;
}
	
.navLinkHover {
    font-size: 12px;
    font-weight: bold;
	FONT-FAMILY: Verdana;
    color: #FFFFFF;
    text-decoration: underline;
}





/* content style */

div [id=content] { 
		margin-left: -170px !important;
		border-bottom-width: 1px;
		border-bottom-color: #FFFFFF;
		border-bottom-style: solid;
		min-height: 360px;
		overflow-y: hidden;
}



#content{
	position: relative;
	left: 50%;
	margin-left: -169px;
	width: 550px;
	border-left-width: 1px;
	border-left-color: #666666;
	border-left-style: solid;
	background-color: #FFFFFF;
	padding-top: 70px;
	overflow-x: hidden; 

}



*html #content { /* nON-IE ignores styles with *html, so it will skip the following. */
	height: 360px; 
} 


div[id=textHOLDER] { /* IE ignores styles with [attributes], so it will skip the following. */
	margin-right: 20px;
	top: 0px !important;
}

#textHOLDER {
	margin-left: 50px;
	margin-right: 40px;
	position: relative;
	left: 0px;
}

div[id=title]{

}

#title { /* Holder for content area */
}


div[id=text] { /* IE ignores styles with [attributes], so it will skip the following. */
	
}

#text {

}

/* component styles */
#componentALIGNEMNT {
	width: 350px;
}

#componentTABLE{
	width: 350px;
	text-align:center;
	border-width: 1px;
	border-color:#336600;
	border-style: solid;

}

.paymentTABLE {
	width: 100%;
	text-align: center;
	background-color: #FFFFFF;
}

.hoursTABLE {
	width: 100%;
	background-color: #FFFFFF;

}

.contactTABLE {
	width: 100%;
	background-color: #FFFFFF;
}

#phoneName {
	width: 5px;
} 

#tollName {
} 

#cellname {
	width: 55px;
}

#faxname {
	width: 55px;
}

#extraDiv1 {
	position: relative;
	left: 50%;
	margin-left: -378px;
	top: 465px;
	width: 209px;
	padding-left: 20px;
	padding-right: 5px;
	float: left;
}

div[id=extraDiv2]{
	top: 550px !important;
}

#extraDiv2 {
	position: relative;
	left: 50%;
	margin-left: -378px;
	top: 525px;
	width: 209px;
	padding-left: 20px;
	padding-right: 5px;
	float: left;
}


/* footer styles */
div [id=footer] {
	
}

#footer {
	position: absolute;
	bottom: -20px;
	width: 762px;
}

#footerALIGNMENT1 {
	width: 530px;
	float: left;
	text-align: left;

}

#footerALIGNMENT2 {
	width: 170px;
	float: right;
	text-align: right;
}

/* type styes */

p {
	FONT-SIZE: .8em;
    COLOR: #336600;
    FONT-FAMILY: Verdana;
}

.bold {
	FONT-WEIGHT: bold;
}

.tableBOLD { /* class for table header text */
	FONT-SIZE: .7em;
	FONT-WEIGHT: bold;
    COLOR: #336600;
    FONT-FAMILY: Verdana;
}

.tableHEADER { /* class for table subheader text */
	FONT-SIZE: .7em;
	FONT-WEIGHT: bold;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana;
	background-color: #336600;
	line-height: 25px;
}

.tableTEXT { /* class for table text */
	FONT-SIZE: .8em;
    COLOR: #336600;
    FONT-FAMILY: Verdana;
}

.p1 {
	FONT-WEIGHT: bold;
	FONT-SIZE:  .8em;
    COLOR: #336600;
    FONT-FAMILY: Verdana;


}

.extraP {

	FONT-SIZE: .7em;
}

.header {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12pt;
    COLOR: #336600;
    FONT-FAMILY: Verdana;
}

.subheader{
	FONT-WEIGHT: bold;
	FONT-SIZE: 9pt;
    COLOR: #669933;
    FONT-FAMILY: Verdana;
}

.pageTITLE {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12pt;
    COLOR: #336600;
    FONT-FAMILY: Verdana;
}

.footer {
	FONT-SIZE: .7em;
    COLOR: #DFEACB;
    FONT-FAMILY: Verdana;
}

.footer a {
    COLOR:  #FFFFFF;
    text-decoration: none;
}

.footer a:hover {
    COLOR: #DFEACB;
    text-decoration: underline;
}