body

{
	margin:0px;
	padding:0px;
	font-family: "Trebuchet";
	font-size:10px;
	text-align: center;
	background-repeat: repeat;
	/*background-image: url(/Portals/0/Skins/skin/stripe.jpg);*/
}

h1,h2,h3,h4,h5,h6 {

	margin:0px 0px 0px 0px;
	padding:0px;

}

	img {

	border-style:none;
	margin:0;
	padding:0;
	}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	li {
	list-style: none;
	margin: 0;
	padding: 0;
	}




/*-----------------------------------------------------------------------------------------------
Page Layout |  Home
-----------------------------------------------------------------------------------------------*/

.shadow
{
	width:950px;
	height:1000px;
	background-image: url(/Portals/0/Skins/skin/shadow.png);
	background-repeat:repeat-y;
	margin:0 auto;
}

.white-container
{
	width:840px;
	height:1000px;
	background-color:#FFF;
	margin:0 auto;
    border-left: 30px solid #c5c5c5;
	border-right: 5px solid #c5c5c5;
	padding-left: 30px;
	padding-right: 30px;
}

.header
{
	width:840px;
	height: 110px;
	position:relative;
	float:left;
}

.logo
{
	width:500px;
	position:relative;
	float:left;
}

.fuel
{
	width:150px;
	position:relative;
	float:right;
	top:0;
}

.nav
{
	width: 840px;
	height:45px;
	position:relative;
	float:left;
	padding-bottom:1px;
}

.contact
{
	width:175px;
	height:45px;
	top:0;
	right:0;
	position:absolute;
	
}

.flash-banner
{
	width:840px;
	position:relative;
	float:left;
	padding-bottom:10px;
	}
	
.title
{
	width:840px;
	height: 75px;
	position:relative;
	float:left;
}

.arrow
{
	width:65px;
	height:50px;
	float:left;	
	padding-top:5px;
}

.titletext
{
	width:775px;
	height:50px;
	float:right;	
}

.col-container
{
	width:840px;
	height:200px;
	float: left;
	position:relative;
}

.wrapper{
   position: relative;
   float: left;
   width: 854px;
}
.left1{
   position: relative;
   float: left;
   left: 0px;
   width: 201px;
   background-color: #ffffff
}
.left2{
   position: relative;
   float: left;
   left: 10px;
   width: 201px;
   background-color: #ffffff
}
.left3{
   position: relative;
   float: left;
   left: 20px;
   width: 201px;
   background-color: #ffffff
}
.right{
   position: relative;
   float: right;
   right: 15px;
   width: 200px;
   background-color: #ffffff
}
.footer
{
	width:840px;
	height:80px;
	position:relative;
	float:left;
	background-image: url(/Portals/0/Skins/skin/footer-bg.jpg);
	background-color:#FFF;
	background-repeat:no-repeat;
	margin-top:20px;
	top:0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:170%;
	color:#FFF;
	padding-top:15px;
	text-align:center;
	
}

.footer2
{
	width:840px;
	height: 40px;
	position:relative;
	float:left;
	color:#FFF;
}

.subpagecontainer

{
	width:840px;
	
}

.subpageleft
{
	width:550px;
	float:left;
	position:relative;
}


.subpageright
{
	width:270px;
	float:right;
	right:0;
	position:relative;
}

.contentpane
{
	width:840px;
	position:relative;
	float:left;
}

.breadcrumbcontainer
{
	width:840px;
	position:relative;
	text-align:left;
}





.MenuHeight { height:32px; }
.MenuTD {  background: url(nav2-bg.gif) repeat-x top left; padding: 0 0px 0 0; }
.MenuLeft { width:0px; background: url(nav2-bg-l.gif) no-repeat top left; }
.MenuRight { width:0px; background: url(nav2-bg-r.gif) no-repeat top left; }
.LoginTD { width: 100%; vertical-align: middle; text-align: right; font-size: 7px; padding: 0 0 8px 0; }
.CopyrightRow { height:20px; padding: 0 10px 0 10px; vertical-align: middle; }



/*========================================================*/
/*  Tokens                                                */
/*========================================================*/

/*-- login token idle                  --*/ .LOGIN_object, a.LOGIN_object:link, a.LOGIN_object:visited, a.LOGIN_object:active { color: #cccccc; background:  url(file:///C|/Users/Anna/Documents/Clients/aap3/skin/ico-login.gif) no-repeat bottom left;  font-family: "Trebuchet MS"; font-size: 12px; font-weight:normal; text-decoration: none; height:17px; float:right; padding: 2px 0 0 2px; margin: 0 0px 0 2px; }
/*-- login token hover                 --*/ a.LOGIN_object:hover { background:  url(file:///C|/Users/Anna/Documents/Clients/aap3/skin/ico-login-over.gif) no-repeat bottom left; color: #cccccc; font-family: "Trebuchet MS"; font-size: 12px; font-weight:normal; text-decoration: none; }
/*-- user token idle                   --*/ .USER_object, a.USER_object:link, a.USER_object:visited, a.USER_object:active { color: #cccccc; background:  url(file:///C|/Users/Anna/Documents/Clients/aap3/skin/ico-register.gif) no-repeat bottom left;  font-family: "Trebuchet MS"; font-size: 12px; font-weight:normal; text-decoration: none; height:17px; float:right; padding: 2px 0 0 2px;  margin: 0 0px 0 2px; }
/*-- user token hover                  --*/ a.USER_object:hover { background:  url(file:///C|/Users/Anna/Documents/Clients/aap3/skin/ico-register-over.gif) no-repeat bottom left; color: #444444; font-family: "Trebuchet MS"; font-size: 12px; font-weight:normal; text-decoration: none; }
/*-- date token idle                   --*/ .DATE_object, a.DATE_object:link, a.DATE_object:visited, a.DATE_object:active { color: #939393; font-family: "Trebuchet MS"; font-size: 12px; font-weight:normal; text-decoration: none; }
/*-- date token hover                  --*/ a.DATE_object:hover { color: #c1c1c1; font-family: "Trebuchet MS"; font-size: 12px; font-weight:normal; text-decoration: none; }
/*-- breadcrumbs token idle            --*/ .BREADCRUMBS_object, a.BREADCRUMBS_object:link, a.BREADCRUMBS_object:visited, a.BREADCRUMBS_object:active { color: #8f8f8f; font-family: "Trebuchet MS"; font-size: 12px; padding: 5px; font-weight:normal; text-align:left; text-decoration: none; }
/*-- breadcrumbs token hover           --*/ a.BREADCRUMBS_object:hover { color:#8f8f8f;padding: 5px; font-family: "Trebuchet MS"; font-size: 12px; text-decoration: underline; font-weight:none; }
/*-- terms privacy and copyright       --*/ .FOOTER_objects {
	color:#ffffff;
	font-size: 13px;
	font-family: "Trebuchet MS";
	font-weight: normal;
}
/*-- terms privacy and copyright links --*/ a.FOOTER_objects:link, a.FOOTER_objects:visited, a.FOOTER_objects:active { font-size: 7px; color:#cccccc; font-weight:normal; text-decoration:none; }
/*-- terms privacy and copyright hover --*/ a.FOOTER_objects:hover { font-size: 7px; color:#CCCCCC; font-weight:normal; text-decoration:none;  }
/*-- language selector dropdown        --*/ .Language_object { font-family: "Trebuchet MS"; font-size: 7px; text-decoration: none; }

/*========================================================*/
/*  Text                                                  */
/*========================================================*/

/*-- most of the text on site          --*/ .normal, .Normal { font-family: "Trebuchet MS"; font-size: 12px; color: #333333; text-align: left; padding: 0px;  }
/*-- most of the bold text on site     --*/ .NormalBold { font-family: "Trebuchet MS"; font-size: 12px; font-weight: bold; color: #333333; }
/*-- red text on site for errors       --*/ .NormalRed { color: #C50000; font-family: "Trebuchet MS"; font-weight: bold; font-size: 12px; }
/*-- subheadings - mostly in admin     --*/ .SubHead { font-family: "Trebuchet MS"; font-size: 12px; font-weight: bold; color: #000; padding: 0; }
/*-- headings - mostly in admin        --*/ .Head { font-size: 13px; font-family: "Trebuchet MS"; color: #fff; background: transparent; font-weight: bold; padding: 0;}


p
{
font-family: "Trebuchet MS";
font-size:12px;
	
}

H1  {
font-family: "Trebuchet MS";
color: #3c3c3c;
font-weight: bold;
font-size: 24px;
text-decoration:none;
margin:0px;
padding:0px;
}

H2  {
font-family: "Trebuchet MS";
color: #8d8d8d;
font-weight: bold;
font-size: 16px;
margin:0px;
padding:0px;

}

H3  {font-family: "Trebuchet MS";
color: #adadad;
font-weight: bold;
font-size: 17px;
margin:0px;
}

H4  {
font-family: "Trebuchet MS";
color: #3c3c3c;
font-weight: bold;
font-size: 28px;
text-decoration:none;
margin:0px;
}


/*========================================================*/
/*  Links                                                 */
/*========================================================*/

/*-- default links visited and active  --*/ a:link, a:visited, a:active { color: #003d95; font-family: "Trebuchet MS"; font-weight: bold; font-size: 12px; text-decoration: none; }
/*-- default links hover               --*/ a:hover { color:#003d95; font-family: "Trebuchet MS"; font-size: 12px; text-decoration:underline; }


/*-- normal  links visited and active  --*/ a.Normal:link, a.Normal:visited { color: #0002a5; font-family: "Trebuchet MS"; font-weight: normal; font-size: 12px; text-decoration: none; }
/*-- normal  links hover               --*/ a.Normal:hover { color: #0002a5; font-family: "Trebuchet MS"; font-size: 12px;	text-decoration: none; }
/*-- search button in search form      --*/ .SearchButton {     text-decoration: none;
    color: #ffffff;
	font-size: 12px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #ffffff;
	width: 78px;
	background: url(http://www.aap3.com/portals/0/skins/april09/redbar_bg.jpg);  }
/*-- footer links                      --*/ .Footer_Links, a.Footer_Links:link, a.Footer_Links:visited, a.Footer_Links:active { color: #FFF; font-family: "Trebuchet MS"; font-size: 12px; font-weight:normal; text-decoration: none; }
/*-- footer links hover                --*/ a.Footer_Links:hover { color: #EEE; font-family: "Trebuchet MS"; font-weight:bold; font-size: 12px; text-decoration: none; }





/* 2nd Hovers */



a.secnav:link {
	color: #fff;
	text-decoration: none;
	font-size: 12px;
}
a.secnav:visited {

	color:#fff;
	text-decoration:none;
	font-size: 12px;}
 
a.secnav:active {
	color: #fff;
	text-decoration: none;
	font-size: 12px;
}

a.secnav:hover {
	color: #fff;
	text-decoration: underline;
	font-size: 12px;
}













.firstlevelbuttons{
list-style-type: none;

width: 180px; /* width of menu */
}

.firstlevelbuttons li{
border-bottom: none;
padding:0;
list-style:none;
width: 180px; 



}

.firstlevelbuttons li a{
display: block;
color: white;
width: auto;
padding: 8px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
background:url(bluebutton.png);}

.firstlevelbuttons li a:visited, .firstlevelbuttons li a:active{
color: white;
}

.firstlevelbuttons li a:hover{
color: white;
background:url(bluebuttonshover.png);
text-decoration:none;

}





html>body #PortalContainer {height:150px;}/*for mozilla */
/* This selector is the main container for the List of links */
.TabList {
float:left;
horizontal-align:center;
font-family:Tahoma,San-Serif;
font-weight:normal;
margin-top:18px;


}
/* The next two selectors cause the list to
be displayed in a horizontal line without bullets */
.TabList ul {
clear:both;
margin:0;
padding:10px 10px 0;
list-style:none;
display: inline;
font-family:Tahoma,San-Serif;
font-size:12px;
font-weight:normal;



}
.TabList li {
float:left;
margin:0;
display: inline;
padding:0 0 0 2px;
font-size:12px;
font-family:Tahoma,San-Serif;
font-weight:normal;



}
/* the font is set in the
anchor elements which are in each list element */
.TabList li a {
font-family:Tahoma,San-Serif;
voice-family: "\"}\""; voice-family:inherit;
line-height:normal;
font-size:12px;
font-weight:normal;


}
/* This selector sets the style for the SelectList Menu Type */
select.TabList {
border-left: #003366 1px solid;
border-right: #003366 1px solid;
border-top: #003366 1px solid;
border-bottom: #003366 1px solid;
background-color: #003366;
color:#FFFFFF;
font-size:12px;
font-family:Tahoma,San-Serif;
font-weight:normal;


}
/* IE-PC doesn't see these
child selectors but CSS2 compliant browsers can make use of them
#ParentTabs > ul a {width:auto;}
#ChildTabsLevel1 > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#ParentTabs a {float:none;}
#ChildTabsLevel1 a {float:none;}
/* End IE5-Mac hack */
/*The container tab for the
Parent Tabs is mostly used for positioning */
#ParentTabsContainer {
position:relative;
top:1px;
z-index:5;
height:150px;
vertical-align:top;
clear:both;
padding-top: 25px;
padding-right:25px;
padding-left: 5px;
font-size:12px;
font-family:Tahoma,San-Serif;
font-weight:normal;


}
/* The rest of the selectors for the ParentTabs id
define the elements within the ParentTabs div.
The tabs are made a fixed width here, but could be made to only
grow big enough to wrap around the text by setting width:100% */
#ParentTabs a {
float:left;
display:block;
text-align:center;
padding:8px 13px 5px 9px;
text-decoration:none;
color:#f1f1ff;
font-size:12px;
font-family:Tahoma,San-Serif;
background:url("/Portals/0/Skins/TopTabsB/TabRightLevel0.jpg") no-repeat right top;
font-weight:normal;
}


#ParentTabs a:hover {
text-decoration:none;
background-position:100% -150px;
color:#FFFFFF;
font-size:12px;
font-family:Tahoma,San-Serif;
font-weight:normal;


}
#ParentTabs li {
background:url("/Portals/6/Skins/TopTabsB/TabLeftLevel0.gif") no-repeat left top;border-bottom: black 1px solid;
font-size:12px;
font-family:Tahoma,San-Serif;
font-weight:normal;



}
#ParentTabs li:hover {
background-position:0 -150px;
font-size:12px;
font-family:Tahoma,San-Serif;
font-weight:normal;

}
#ParentTabs .SelectedTab {
background-position:0 -150px;
border-width:0;
font-size:12px;
font-family:Tahoma,San-Serif;
font-weight:normal;
border-bottom: #000 1px solid;

}
#ParentTabs .SelectedTab a {
background-position:100% -150px;
color:#FFFFFF;
font-size:12px;
font-family:Tahoma,San-Serif;
font-weight:normal;


}


















/*The container tab for the
Child Tabs is mostly used for positioning */
#ChildTabsContainer {
background-color:#336699;
padding-top:5px;
padding-bottom:5px;
border-top: black 1px solid;
vertical-align:middle;
text-align:center;
height: 20px;
padding-left: 300px;
}
#ChildTabsLevel1 a {
padding-left:5px;
padding-right:5px;
text-decoration:none;
font-weight:bold;
/* font-size:80%; */
color:#CCCCCC;
background:url("/Portals/0/Skins/TopTabsB/TabChildBG.gif") no-repeat left top;border-bottom: black 1px solid;

}
#ChildTabsLevel1 .SelectedTab a {
color:#FFFFFF;
}
#ChildTabsLevel1 a:hover {
color:#FFFFFF;
text-decoration:none;
}
#ChildTabsLevel1 .LinkLeft {
position:relative;
float:left;
height:20px;
border: 1px ;
padding-right:1px;
padding-left:1px;
}



