/* Everything always starts with the body tag */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	max-width: 600px;
	background-color: #FFFFFF;
}

/* Next come the ID definitions, in the order in which they appear in the template */

#Container {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	z-index:1;
}

#BannerText {
	position: relative;
	right: 2%;
	vertical-align: middle;
	margin: 15px auto auto 22%;
	padding-bottom: 0px;
	height: 95px;
	line-height: normal;
	z-index:4;
	border: none;
	background-color: #FFFFFF;
	border-bottom-color: #CCCCCC;
	border-bottom-style: double;
	border-bottom-width: 5px;
}

#BannerText img {
	float: left;
}

#PageTitle {
	position: absolute;
	right: 0px;
	top: 55px;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 1.5em;
	color: #666666;
	z-index:4;
}

#Main {
	position:relative;
	top: 20px;
	margin: auto 2% 40px 20%;
	padding: 2em 2.5% 2em 2.5%;
	display: table; /* ABSOLUTELY ESSENTIAL FOR FIREFOX to display full height of the div.*/
	height: 100%; /* ABSOLUTELY ESSENTIAL FOR IE6 to display full height of the div.*/
	font-size: 95%;
	line-height: 120%;
	z-index:1;
	background-color: #EFEFEF;
	border-bottom-color: #999999;
	border-bottom-style: double;
	border-bottom-width: 5px;
}

#LeftCol {
	position:relative;
	float: left;
	width: 46%;
	padding: 1em 1% 1em 1%;
	z-index:1;
	background-color: #F5F5F5;
	margin-bottom: 25px;
}

#LeftCol a {
	font-size: 90%;
}

#Pricing {
	margin-bottom: 15px;
}

#Pricing tr {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	vertical-align: bottom;
}


#RightCol {
	position: relative;
	float: right;
	width: 46%;
	margin-left: 0px;
	margin-bottom: 25px;
	padding: 1em 1% 1em 1%;
	z-index:2;
	color: #007033;
	background-color: #CBDFD1;
}

#Footer {
	position:relative;
	margin: 10px 2% 15px 20%;
	padding: 1px 2%;
	font-size: 80%;
	z-index:2;
	background-color: #EFEFEF;
	border-bottom-color: #999999;
	border-bottom-style: double;
	border-bottom-width: 5px;
}

#LogoBox {
	position:absolute;
	left:2%;
	top:15px;
	height:100px;
	z-index:3;
	width: 15%;
	text-align: center;
}

#SideNav {
	position:absolute;
	left:2%;
	top:148px;
	width:15%;
	height:175px;
	z-index:5;
}

#SideNav ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	font-size: 100%;
	font-weight: bold;
	color: #666666;
}

#SideNav li {
	margin: 5px 0 5px 0;
	padding: 2px 10px;
	background-color: #CBDFD1;
	border-bottom-color: #999999;
	border-bottom-width: 5px;
	border-bottom-style: double;
}

/* The links, incorporating both HTML tags and IDs */

a {
	color: #E76108;
	font-weight: bold;
	font-variant: small-caps;
}
#Crosscolumns {
	position: relative;
	clear: both;
	background-color: #EAEAEA;
}


a:hover, a:active {
	color: #007338;
}

#RightCol a {
	color: #F16211;
	font-weight: bold;
	font-variant: normal;
}

#LeftCol a {
	font-variant: normal;
}

#RightCol a:hover, #RightCol a:active {
	color: #007338;
}

#Footer a {
	font-variant: normal;
}

#SideNav a {
	text-decoration: none;
}

#map {
	text-align: center;
	clear: both;
}

#map p {
	text-align: left;
}

#map img {
	border: 2px solid #CBDFD1;
}

#clock {
	text-align: center;
}

/* Now come the simple definitions for HTML tags */

h1 {
	font-family: "Old English Text MT", "Fraktur BT", Georgia, "Times New Roman", serif;
	font-size: 200%;
	margin: 20px 2em auto 5%;
	color: #D7E9C9;
}


ol {
	font-size: 85%;
	font-weight: normal;
	border-top-style: none;
}

li {
	padding-top: 2.5%;
	bottom: auto;
	color: #007033;
	font-size: 90%;
}

hr {
	width: 200px;
	margin: 25px auto;
	color: #999999;
	background-color: #999999;
}

/* Finally, the new class definitions, which can be used anywhere on a page */

.CentredImage {
	width: 200px;
	margin-left: auto;
	margin-right: auto;
}

.caption {
	color: #000033;
	font-size: 85%;
	margin-top: 5px;
	line-height: 110%;
}

.clearboth {
	clear: both;
}

.emphasis {
	font-weight: bold;
	font-variant: small-caps;
	color: #007033;
	font-size: 115%;
}

.callout {
	font-weight: bold;
	font-variant: small-caps;
	color: #007033;
	background-color: #EAEAEA;
}

.phones {
	font-weight: bold;
	font-size: 75%;
	text-align: center;
	color: #007033;
	background-color: #EAEAEA;
	padding: 5px;
}

.caption {
	margin-top: 15px;
}


#Pricing td, #Breakdowns td {
	padding: 10px 0;
	vertical-align: bottom;
}

#ato-form {
	margin-top: 15px;
}

#callbackrequest {
	border: 1px double #007033;
	padding: 3px;
	background-color: #CBDFD1;
	text-align: center;
	font-weight: bold;
}