/* CSS Document */

/* General rules */

img	{
	display: block;
	border: 0;
	}

html	{
	margin: 0; 
	padding: 0; 
	} 

p.access	{
	display: none;
	}
	
body	{
	margin: 10px;
	padding: 0;
	border: 0;
	background: #fff;
	text-align: left;
	font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	}


/* Primary layout divisions */


#outerwrapper {
	margin: 0 auto;
	width: 740px;
	background: #fff;
	}

#header	{
	background: #ccc url(../img/hdr.gif) top left no-repeat;
	border: 0;
	margin: 0;
	padding: 10px 15px 0 15px;
	text-align: left;
	width: 740px;
	height: 85px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 710px;
	height: 70px;
	}

html>#header 	{
	width: 710px;
	height: 70px;
	} 

#wrapper	{
	color: #333;
	}

#sidenav	{
	float: left;
	padding: 0;
	margin: 0;
	width: 130px;
	}	

#pagebody	{
	float: right;
	margin: 0;
	padding: 0 14px 20px 24px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 607px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 567px;
	}

html>#pagebody 	{
	width: 567px;
	} 

#maincontent	{
	float: left;
	margin: 0;
	padding: 0;
	width: 402px;
	}

#sidebar	{
	float: right;
	margin: 17px 0 0 0;
	padding: 0;
	width: 150px;
	background: #fff;
	font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	}	

#footer {
	float: right;
	margin: 0;
	padding: 0;
	height: 15px;
	width: 606px;
	border-left: 1px solid #ccc;
	background: transparent url(../img/ftr_bttm.gif) right bottom no-repeat;
	}


/* Header components */

#logodiv	{
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	width: 71px;
	height: 63px;
	}

div#logodiv h5	{
	margin: 0;
	padding: 0;
	}

div#logodiv h5#logo	{
	text-indent: -9999px;
	width: 71px;
	height: 63px;
	}

div#logodiv h5#logo a	{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background: transparent url(../img/acc_logo.gif) 0 0 no-repeat;
	}

div#logodiv h5#logo a:hover	{
	background: transparent url(../img/acc_logo.gif) 0 -70px no-repeat;
	}

#headermenu { 
	float: right;
	margin: 0;
	padding: 0;
	border: 0;
	width: 150px;
	}

#headermenu ul	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: right;
	}

#headermenu ul li {
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	}

#headermenu a:link, #headermenu a:visited	{
	margin: 0;
	padding: 0;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	}

#headermenu a:hover	{
	color: #ffb938;
	}


/* Top Navigation bar components */

div#globalnav	{
	height: 32px;
	width: 740px;
	margin: 0;
	padding: 0;
	border: 0;
	}

div#globalnav ul#menu	{
	height: 32px;
	width: 740px;
	background: transparent url(../img/nav.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	}

div#globalnav ul#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
ul#menu li, ul#menu a {
	height: 32px;
	display: block;
	}
	
div#globalnav ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}
	
#aboutmenu	{left: 0; width: 115px;}
#productsmenu	{left: 115px; width: 106px;}
#loginmenu	{left: 221px; width: 78px;}
#supportmenu	{left: 299px; width: 93px;}
#contactmenu	{left: 392px; width: 100px;}
#wheremenu	{left: 492px; width: 132px;}
#communitymenu	{left: 624px; width: 116px;}

#aboutmenu a:hover	{background: transparent url(../img/nav.gif) 0 -32px no-repeat;}
#productsmenu a:hover {background: transparent url(../img/nav.gif) -115px -32px no-repeat;}
#loginmenu a:hover {background: transparent url(../img/nav.gif) -221px -32px no-repeat;}
#supportmenu a:hover {background: transparent url(../img/nav.gif) -299px -32px no-repeat;}
#contactmenu a:hover {background: transparent url(../img/nav.gif) -392px -32px no-repeat;}
#wheremenu a:hover {background: transparent url(../img/nav.gif) -492px -32px no-repeat;}
#communitymenu a:hover {background: transparent url(../img/nav.gif) -624px -32px no-repeat;}

	/* You are here - Top nav */
	
body#abouthome #aboutmenu	{background: transparent url(../img/nav.gif) 0 -32px no-repeat;}
body#productshome #productsmenu {background: transparent url(../img/nav.gif) -115px -32px no-repeat;}
body#loginhome #loginmenu {background: transparent url(../img/nav.gif) -221px -32px no-repeat;}
body#supporthome #supportmenu {background: transparent url(../img/nav.gif) -299px -32px no-repeat;}
body#contacthome #contactmenu {background: transparent url(../img/nav.gif) -392px -32px no-repeat;}
body#wherehome #wheremenu {background: transparent url(../img/nav.gif) -492px -32px no-repeat;}
body#communityhome #communitymenu {background: transparent url(../img/nav.gif) -624px -32px no-repeat;}


/* Side Navigation bar components */

ul#navlist li a,ul#subnavlist li a	{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	}

	/* nav list */

ul#navlist	{
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-top: solid 15px #f60;
	}

ul#navlist li	{
	display: inline;
	}

ul#navlist li a	{
	color: #fff;
	display: block;
	background: #f60;
	padding: 0 0 0 10px;
	line-height: 25px;
	border-bottom: solid 1px #fff;
	width: 130px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 120px;
	}

html>ul#navlist li a 	{
	width: 120px;
	} 

ul#navlist li a:hover	{
	background: #fe8c34 url(../img/nav_arrow.gif) top left no-repeat;
	}

ul#navlist li a#current	{
	color: #fff;
	background: #f60 url(../img/nav_arrow.gif) top left no-repeat;
	}

	/* sub nav list */

ul#subnavlist	{
	margin: 0;
	list-style-type: none;
	padding: 0;
	}

ul#subnavlist li	{
	display: inline;
	}

ul#subnavlist li a	{
	display: block;
	color: #fff;
	background: #999;
	padding: 0 0 0 20px;
	border-bottom: solid 1px #fff;
	width: 130px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 110px;
	}

html>ul#subnavlist li a 	{
	width: 110px;
	} 


ul#subnavlist li a:hover	{
	background: #b3b3b3 url(../img/nav_arrow.gif) 10px 0 no-repeat;
	}

ul#navlist li a#subcurrent	{
	color: #fff;
	background: #999 url(../img/nav_arrow.gif) 10px 0 no-repeat;
	}

ul#navlist li a#subcurrent:hover	{
	background: #999 url(../img/nav_arrow.gif) 10px 0 no-repeat;
	}


/* Sidebar components */

#sidebar dl {
	width: 150px;
	margin: 0;
	padding: 0;
	background: #ccc url(../img/sb_bttm.gif) no-repeat bottom left;
	}

#sidebar dt {
	margin: 0;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: bold; 
	color: #fff;
	border-bottom: 1px solid #fff;
	background: #999 url(../img/sb_top.gif) no-repeat left top;
	}
	
#sidebar dd {
	margin: 0;
	padding: 10px;
	font-size: 11px;
	}

#sidebar dd img {
	margin: 0;
	padding: 10px 0;
	}

#sidebar img {
	margin: 10px 0;
	}

#sidebar p {
	margin: 75px 0 0 0;
	font-size: 14px;
	color: #ff4200;
	}


/* Links */

a:link {
	font-weight: bold; 
	text-decoration: none;
	color: #c30;
	background: transparent; 
	}

a:visited {
	font-weight: bold; 
	text-decoration: none;
	color: #c30;
	background: transparent; 
	}

a:hover {
	font-weight: bold; 
	text-decoration: underline;
	color: #f60;
	background: transparent; 
	}

a:active {
	font-weight: bold; 
	text-decoration: none;
	color: #f90;
	background: transparent;  
	}
	

/* typography */
	
p, td, li, ul, ol, h1, h2, h3, h4, h5, h6	{
	font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	}

p, #pagebody li, #maincontent li	{
	line-height: 130%;
	text-align: left;
	margin-top: 0;
	margin-bottom: 10px;
    font-size: 12px;      
	}

h1, h2, h3, h4, h5, h6	{
	font-weight: normal;
	margin-top: 17px;
	margin-bottom: 10px;
	letter-spacing: 1px;
	color: #802000;
	}
	
h1	{
	font-size: 21px;
	text-transform: uppercase;
    }

h2	{
    font-size: 18px;
    }

h3	{ 
	font-size: 15px;      
	}

h4	{ 
	font-size: 13px;      
	}