html, body, #page #menubackground {height: 100%;}

body > #page {min-height: 100%; height: auto !important; height: 100%;}

BODY	{
	background-color: #EBEBEB;	
	margin: 0px;
	padding: 0px;	
	width: 100%;	
}

/* NON-MENU PAGE LINK CODE */

a:link		{ color: #3300FF; text-decoration: none }

a:visited	{ color: #3300FF; text-decoration: none }

a:hover		{ color: #009900; text-decoration: none }

a:active	{ color: #3300FF; text-decoration: none }

/* SHIFT HIGHLIGHTING */

a.logo:hover	{ LEFT: 3px; position: relative; top: 3px; 4px; z-index: 0; }

.biglink 	{ FONT: 12px verdana, arial, sans-serif; font-weight: bold; font-style: italic; TEXT-DECORATION: none; }

.biglink:hover 	{ FONT: 12px verdana, arial, sans-serif; font-weight: bold; font-style: italic; TEXT-DECORATION: underline; }


/* One shot STYLES */

.style1 {color: #FFFFFF}
.style5 {font-family: Arial, Helvetica, sans-serif}
.style6 {font-size: 6px}
.style7 {font-size: 7px}
.style8 {font-size: 8px}
.style9 {font-size: 9px}
.style10 {font-size: 10px}
.style11 {font-size: 11px}
.style12 {font-size: 12px}
.style13 {font-size: 13px}
.style14 {font-size: 14px}
.style16 {font-size: 16px}
.style18 {font-size: 18px}
.style20 {font-size: 20px}

/* COMMON AP Divs */

#page  {
	width: 100%;
	height: 100%;
}
#pagebanner {
	position: absolute;
	width: 100%;
	height: 75px;
	background-color: #E2E3DE;
	background-image:url(../images/graphics/Atocslogan.jpg);
	background-repeat:no-repeat;
	z-index:50;
	left: 0px;
	top: 0px;
}
#logo {
	position:absolute;
	width:92px;
	height:125px;
	z-index:51;
	left: 47px;
	top: 7px;
}
#date {
	position:absolute;
	width:91px;
	height:21px;
	z-index:51;
	left: 30px;
	top: 135px;
}
#upperbar {
	position: absolute;
	width: 100%;
	height: 30px;
	background-image:url(../images/split-bar.jpg);
	background-repeat:repeat-x;
	z-index:50;
	left: 0px;
	top: 75px;	
}
#titlebackground {
	position: absolute;
	width: 100%;
	height: 55px;
	background-color: #D8D9D1;
	background-repeat:repeat-x;
	z-index:50;
	left: 0px;
	top: 103px;	
}
#titlelogo {
	position:absolute;
	width:200px;
	height:28px;
	z-index:51;
	left:210px;
	top: 12px;
}
#titlebar {
	position:absolute;
	width:707px;
	height:50px;
	z-index:51;
	left:200px;
	text-align:center;
}
#menubackground {
	position: absolute;
	width: 186px;
	z-index:57;
	background-image: url("../images/spacer.gif");
	background-repeat: repeat-y;
	background-position: top left;
	left: 0px;
	top: 160px;	
}
#content  {
	width: 100%;
	height: 100%;
}
#contactinfo {
	position:absolute;
	width:200px;
	height:115px;
	z-index:52;
	left: 20px;
	top: 650px;
	font: Arial, Verdana, Geneva, sans-serif;
	font-size: 12px;
}
#footerbar {
	position: relative;
	width: 100%;
	height: 28px;
	background-image:url(../images/split-bar.jpg);
	background-repeat: repeat-x;
	z-index:5100;
	left: 0px;
	margin-bottom: 0px;
}
#copyright {
	position: relative;
	width: 100%;
	padding-top: 6px;
	padding-left: 6px;
	height: 30px;
	background-image:url(../images/bottom-shade.gif);
	background-repeat: repeat-x;
	z-index:5200;
	left: 0px;
	margin-bottom: 0px;
}
#flag1 {
	position:absolute;
	width:49px;
	height:37px;
	background-image:url(../images/Flags/us-flag1-ss.gif);
	z-index:10;
	left: 17px;
	top: 660px;
}
#madeinusa1 {
	position:absolute;
	font:bold 12px Arial;
	width:126px;
	height:39px;
	z-index:11;
	left: 67px;
	top: 660px;
}
#flag {
	position:absolute;
	width:49px;
	height:37px;
	background-image:url(../images/Flags/us-flag1-ss.gif);
	z-index:50;
	left: 825px;
	top: 10px;
}
#madeinusa {
	position:absolute;
	font:bold 12px Arial;
	width:126px;
	height:39px;
	z-index:51;
	left: 803px;
	top: 44px;
}

/* OTHER AP Divs */

#supptext {
	position:absolute;
	width:540px;
	height:665px;
	z-index:11;
	left: 300px;
	top: 180px;
}
#accbody {
	position:absolute;
	width:540px;
	height:665px;
	z-index:11;
	left: 225px;
	top: 180px;
}
#acctexttop {
	position:relative;
	width:580px;
	height:150px;
	z-index:11;
	left:0px;
	top:0px;
	text-align:left;
}
#accpicL {
	position:absolute;	
	width:359px;
	height:263px;
	z-index:11;
	left: 0px;
	top: 110px;
}
#accpicR {
	position:absolute;
	width:200px;
	height:150px;
	z-index:11;
	left: 390px;
	top: 155px;
}
#acctextbot {
	position:relative;
	width:540px;
	height:100px;
	z-index:11;
	left: 0px;
	top: 250px;
	text-align:left;
}

/* LOCATOR AP Divs - Cannot be in-line on Locator pages */

#locpagefooter {
	position:absolute;
	width:100%;
	height:58px;
	z-index:50;
	left:0px;
	top: 950px;
}
#resultspagefooter {
	position:absolute;
	width:100%;
	height:58px;
	z-index:50;
	left:0px;
	top: 1950px;
}
#loccontactinfo {
	position:absolute;
	width:200px;
	height:115px;
	z-index:52;
	left: 15px;
	top: 620px;
	font: Arial, Verdana, Geneva, sans-serif;
	font-size: 12px;
}
#maplegend {
	position:absolute;
	width:100px;
	height:130px;
	z-index:11;
	left: 550px;
	top: 150px;
}
#locsearch {
	position:absolute;
	width:540px;
	height:665px;
	z-index:11;
	left: 440px;
	top: 180px;
}
#locresults {
	position:absolute;
	width:540px;
	height:665px;
	z-index:11;
	left: 285px;
	top: 180px;
}
#locnoresults {
	position:absolute;
	width:540px;
	height:665px;
	z-index:11;
	left: 280px;
	top: 200px;
}

/* Selector Popup Divs */

.selpoppage {
	font: 14px arial, verdana, sans-serif;
	border: none;
	height: 736px;
	position: relative;
	text-align: left;
	width: 501px;
}
.selpopbody {
	border: none;
	height: 734px;
	left: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 501px;
}
.selpoutcontainer {
	border: none;
	height: 463px;
	position: relative;
	text-align: left;
	width: 451px;
}
.selpopincontainer {
	border: none;
	height: 457px;
	left: 0px;
	padding: 3px;
	position: absolute;
	top: 20px;
	width: 445px;
}
.selpoptitlecontainer {
	border: none;
	left: 30px;
	height: 74px;
	position: relative;
	text-align: center;
	width: 445px;
}
.selpoptitle {
	font: 22px verdana, arial, sans-serif; font-weight: bold; 
	border: none;
	height: 68px;
	left: 0px;
	padding: 3px;
	position: absolute;
	top: 0px;
	width: 433px;
}
.selpoptitlespacer {
	border: none;
	height: 68px;
	left: 939px;
	line-height: 68px;
	padding: 3px;
	position: absolute;
	top: 0px;
	width: 0px;
}
.selpopmain {
	border: none;
	height: 367px;
	position: relative;
	text-align: left;
	width: 445px;
}
.selpopsidebar {
	border: none;
	height: 361px;
	left: 0px;
	padding: 3px;
	position: absolute;
	top: 0px;
	width: 61px;
}
.selpoptext {
	border: none;
	height: 361px;
	left: 67px;
	padding: 3px;
	position: absolute;
	top: 0px;
	width: 372px;
}
.selpopfooter {
	border: none;
	height: 2px;
	left: 0px;
	padding: 0px;
	position: absolute;
	top: 577px;
	width:501px;
}


/* THIS LINE CONTROLS THE FONT SIZE ON ALL PAGES */

BODY		{ COLOR: #000000; FONT: 14px arial, verdana, sans-serif; font-weight: normal; }

.body		{ COLOR: #000000; FONT: 12px arial, verdana, sans-serif; font-weight: normal; }

.body2		{ COLOR: #000000; FONT: 14px arial, verdana, sans-serif; font-weight: normal; }

TABLE		{ COLOR: #000000; FONT: 14px arial, verdana, sans-serif; font-weight: normal; }

.table		{ COLOR: #000000; FONT: 12px arial, verdana, sans-serif; font-weight: normal; }

.table2		{ COLOR: #000000; FONT: 14px arial, verdana, sans-serif; font-weight: normal; }

.title		{ COLOR: #000000; FONT: 22px verdana, arial, sans-serif; font-weight: bold; }

.subtitle	{ COLOR: #777777; FONT: 14px verdana, arial, sans-serif; font-weight: bold; }

.subtitle2	{ COLOR: #000000; FONT: 16px verdana, arial, sans-serif; font-weight: bold; vertical-align: middle; }

.subtitle3	{ COLOR: #000000; FONT: 14px verdana, arial, sans-serif; font-weight: bold; }

.subtitle4	{ COLOR: #000000; FONT: 12px verdana, arial, sans-serif; font-weight: bold; }

.faq 		{ line-height: 19px }

.careertitle	{ COLOR: #666666; FONT: 14px verdana, arial, sans-serif; font-weight: bold; }

.phonetitle	{ COLOR: #666600; FONT: 12px arial, verdana, sans-serif ; font-weight: bold; }

.testimonial	{COLOR: #339900; font-weight: bold; font-style: italic; }

.copytext	{ COLOR: #999999; FONT: 10px verdana, arial, sans-serif; }

.date-font	{ COLOR: #636559; FONT: 10px arial, verdana, sans-serif; font-weight: normal; }

.page-splits	{ border-top: #C0C0C0 1px solid; background-color: #FFFFFF; color: #FFFFFF; height: 2px; width: 100%; }

.just 		{
	text-align: justify;
}

#flash 		{ z-index: 0; }




/* POPUP INTRO MESSAGE TEXT */

.messagetitle	{ COLOR: #777777; FONT: 14px verdana, arial, sans-serif; font-weight: bold; }

.messagetext	{ COLOR: #000000; FONT: 10px verdana, arial, sans-serif; font-weight: normal; }





/* HIDE MENU AND ITEMS FOR PRINTING */


@media print {
.printhide 	{ display:none; }
.printhelp	{ width:600px; }
}
@media screen{
.printonly 	{ display:none; }
}




/* MAIN PAGE TABLE AND IMAGE BACKGROUNDS */

.imagebackground	{ background-color: #d8d9d1; }

.tablebackground	{ background-color: #ebebeb; }



/* IMAGE BORDERS */

.borders		{ border: #000000 1px solid; }



/* GALLERY BORDERS AND CODE */

.image-border		{ border: #FFFFFF 10px solid; margin-bottom: 4px; }

.image-borderon		{ LEFT: 3px; position: relative; top: 3px; border: #FFFF66 10px solid; margin-bottom: 4px; z-index: 0; }



.viewer-border		{ border: #FFFFFF 20px solid; }

.smalltitle 		{ COLOR: #666666; FONT: 11px arial, verdana, sans-serif; font-weight: bold; }

.smalltitle2		{ COLOR: #FF6666; FONT: 12px arial, verdana, sans-serif; font-weight: bold; }

.picturecomments	{ COLOR: #666666; FONT: 10px verdana, arial, sans-serif; }

.brandtitle 		{ COLOR: #000000; FONT: 11px verdana, arial, sans-serif; }

.picturetitle 		{ COLOR: #000000; FONT: 11px verdana, arial, sans-serif; font-weight: bold; }

.picturetitle2 		{ COLOR: #000000; FONT: 10px verdana, arial, sans-serif; font-weight: bold; }

.price	 		{ COLOR: #CC6600; FONT: 12px verdana, arial, sans-serif; font-weight: bold; }

.formmargin		{ margin: 0px; }


/* GALLERY MENU CODE */

.button-gallery 	{
			color: #A2A292;
	       		font: bold 11px arial, serif;
			text-align: center;
			background-color: #D8D9D1;
        		padding: 1px 5px 1px 5px;
			margin: 0px 2px 0px 1px;
        		display: block;
			cursor:pointer;
        		border: #A2A292 1px solid;
			}


.buttonon-gallery	{
			color: #000000;
	       		font: bold 11px arial, serif;
			text-align: center;
			background-color: #D8D9D1;
        		padding: 1px 5px 1px 5px;
			margin: 0px 2px 0px 1px;
        		display: block;
			cursor:pointer;
        		border: #000000 1px solid;
			}






/* VIDEO MESSAGE CODE */


.button-popups 		{
			color: #A2A292;
	       		font: bold 11px arial, serif;
			text-align: center;
			background-color: #D8D9D1;
        		padding: 1px 5px 1px 5px;
			margin: 0px 2px 0px 1px;
        		display: block;
			cursor:pointer;
        		border: #A2A292 1px solid;
			}

.buttonon-popups 	{
			color: #000000;
	       		font: bold 11px arial, serif;
			text-align: center;
			background-color: #D8D9D1;
        		padding: 1px 5px 1px 5px;
			margin: 0px 2px 0px 1px;
        		display: block;
			cursor:pointer;
        		border: #000000 1px solid;
			}






/* CONTACT PAGE CODE */

.shadeform	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("../images/shadeform.gif");
		text-align: left;
		BORDER: #000000 1px solid }

.dropdown {	COLOR: #333333;
		WIDTH: 210PX;
		FONT: 11px arial, verdana, sans-serif; }

.textarea	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("../images/shadeform.gif");
		text-align: left;
		HEIGHT: 150PX;
		BORDER: #000000 1px solid; }

.submitbutton 	{ FONT: 13px arial, verdana, sans-serif; }

.form-field   { margin-bottom:5px; }

.form-field label   { float:left;
        width:120px; }






/* LINKS PAGE CODE */

.searchform { 	WIDTH: 110PX;
		HEIGHT: 20PX;
		FONT: 11px arial, verdana, helvetica, sans-serif;
		background-image: url("../images/shadeform.gif");
		BORDER: #000000 1px solid; }

.searchdrop { WIDTH: 60PX; HEIGHT: 20PX; FONT: 11px arial, georgia, "Times New Roman", sans-serif; }

.searchbutton { FONT-FAMILY:arial, verdana, helvetica, sans-serif;
		font-size: 9pt;
		width: 36px; }
		
		
/* BUTTONS FOR THE FAQ PAGES */


.button-faq {	background-color:#26558B;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #CFCFE0;
		font-size: 8pt;
		height: 23px;
		width: 100%;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 2px;
		padding-right: 2px;
		BORDER: #FFFFFF 0px solid }

.buttonon-faq { background-color:#C0C0C0;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #000000;
		font-size: 8pt;
		height: 23px;
		width: 100%;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 2px;
		padding-right: 2px;
		BORDER: #FFFFFF 0px solid }

