body {
	margin:0;
	padding:0;
	font-family:arial;
	font-size:.8em;
}
/* holds all content to be centered */
#pagecontainer {
	margin:0 auto;
	width:950px;
	/* remove 
	border:1px solid yellow;*/
}
/* testing / put in pagecontainer and content if it doesn't work */
div {
	overflow:hidden;
}
body.BG {
	background: #bbbaba url('images/lightBG.gif') repeat-x;
}
body.blogBG {
	background: #000000 url('images/darkBG.gif') repeat-x;
}
/* grid is an element used for divs, it should be used with a sizing class */
.grid {
	clear:none;
	position:relative;
	float:left;
	/* remove 
	border:1px solid red;*/
	overflow:visible;
}

/* sizing classes */
.one {
	width:42px;
}
.two {
	width:28px;
}
.three {
	width:184px;
}
.four {
	width:40px;
}
.five {
	width:273px;
}
.six {
	width:70px;
}

/* navigation in order from left - right */
#logo{
	margin-left:20px;
}

#logo a {
	width: 107px;
	height: 91px;
	display: block;
	background: transparent url('images/avitae_logo.gif') no-repeat;
	text-indent:-9999px;
}

#logo a:link, 
#logo a:visited { background-position: 0 0;}
#logo a:hover   { background-position: 0px -91px;} 
#logo a:active  { background-position: 0px -91px;}
/* active */
#logo a.home:link,
#logo a.home:visited { background-position:0 -91px; }

/* navigation part 2 */
#links {
	float:right;
	margin-top:25px;
	width:700px;
	height:36px;
	margin-left:122px;
	
}
#links ul {list-style:none; margin:0; padding:0;}
#links li {float:left;}
#links a {
	height:36px;
	display: block;
	background: transparent url('images/nav_insider4.gif') no-repeat;
	text-indent:-9999px;
}
#promo-link 
{
	clear:none;
	float:left;
	margin-top:54px;
	height:37px;
	width:241px;
	margin-left:30px;
}
#promo-link  img { border:0; }
#promo-link-new 
{
	clear:none;
	float:left;
	margin-top:84px;
	height:37px;
	width:241px;
	margin-left:140px;
}
#promo-link-new  img { border:0; }
#login-controls
{
	padding-top:10px;
	float:right;
	height:20px;
	font-size:10px;
	vertical-align:bottom;
}

/* individual links */
#links #about {width:155px;}
#links #about a:link, 
#links #about a:visited { background-position: 0 0;}
#links #about a:hover   { background-position: 0px -37px;} 
#links #about a:active  { background-position: 0px -37px;}
#links #about a.home:link,
#links #about a.home:visited { background-position:0 -74px; }

#links #blog {width:101px;}
#links #blog a:link, 
#links #blog a:visited { background-position: -154px 0;}
#links #blog a:hover   { background-position: -154px -37px;} 
#links #blog a:active  { background-position: -154px -37px;}
#links #blog a.home:link,
#links #blog a.home:visited { background-position:-154px -74px; }

#links #buy {width:69px;}
#links #buy a:link, 
#links #buy a:visited { background-position: -254px 0;}
#links #buy a:hover   { background-position: -254px -37px;} 
#links #buy a:active  { background-position: -254px -37px;}
#links #buy a.home:link,
#links #buy a.home:visited { background-position:-254px -74px; }

#links #cares {width:105px;}
#links #cares a:link, 
#links #cares a:visited { background-position: -322px 0;}
#links #cares a:hover   { background-position: -322px -37px;} 
#links #cares a:active  { background-position: -322px -37px;}
#links #cares a.home:link,
#links #cares a.home:visited { background-position:-322px -74px; }

#links #artists {width:100px;}
#links #artists a:link, 
#links #artists a:visited { background-position: -430px 0;}
#links #artists a:hover   { background-position: -430px -37px;} 
#links #artists a:active  { background-position: -430px -37px;}
#links #artists a.home:link,
#links #artists a.home:visited { background-position:-430px -74px; }

#links #insider {width:112px;}
#links #insider a:link, 
#links #insider a:visited { background-position: -532px 0;}
#links #insider a:hover   { background-position: -532px -37px;} 
#links #insider a:active  { background-position: -532px -37px;}
#links #insider a.home:link,
#links #insider a.home:visited { background-position:-532px -74px; }


/* content section */
#content {
	background-color:#ffffff;
}

.content a:link,
.content a:visited { color:#009ddc;border-bottom:1px dotted #009ddc;text-decoration:none; }
.content a:hover,
.content a:active { color:#009ddc;border-bottom:1px solid #009ddc;text-decoration:none; }

.content {
	font-size:11px;
	color:#666666;
	line-height:20px;
}
form {
	font-size:11px;
	color:#666666;
}
a:link,
a:visited { color:#009ddc;text-decoration:none; }
a:hover,
a:active { color:#009ddc;text-decoration:underline; }

h1.sectionHeadline {
	text-transform:uppercase;
	color:#009ddc;
	font-size:1em;
	margin:0;
	padding:0;
	font-weight:normal;
}

/* content section links */
#sectionLinks ul { list-style:none; margin:0; padding:0; }
#sectionLinks li { border-bottom:1px solid #DDDDDD;}

#sectionLinks ul a {
	font-size:11px;
	padding-top:5px;
	padding-bottom:6px; 
	display: block;
}
#sectionLinks ul a:link,
#sectionLinks ul a:visited {
	color:#666666;
}
#sectionLinks ul a:hover {
	color:#666666;
	background-color:#eeeeee;
	text-decoration:none;
}
#sectionLinks ul a.active {
	background-color:#009ddc;
	color:#FFFFFF;
	padding-left:5px;
}



/* footer section */
#footer {
	margin-top:107px;
	height:38px;
	background:#ffffff url('images/footerBG.gif');
	vertical-align:middle;
}

#f1 a {text-decoration:none;}
#f1 a:link,
#f1 a:visited {color:#aaaaaa;}
#f1 a:hover,
#f1 a:active {color:#999999;text-decoration:underline;}

.leftLinks {
	width:850px;
	top:14px;
}
.leftLinks img {vertical-align:top;}

#vitality {
	clear:none;
	position:relative;
	float:right;
	/* remove 
	border:1px solid red;*/
	overflow:visible;
}
#vitality a {
	width: 76px;
	height: 38px;
	display: block;
	background: transparent url('images/vitality.png') no-repeat;
	text-indent:-9999px;
}

#vitality a:link, 
#vitality a:visited { background-position: 0 0;}
#vitality a:hover   { background-position: 0px -38px;} 
#vitality a:active  { background-position: 0px -38px;}


/*********************** insider styles ***************************/
td .error
{
	color:red;
	text-align:right;
}
td .accountError
{
	color:red;
}
td .error span, td .accountError span
{
	display:none;
}
input[type=text],input[type=password] {
	border:1px solid #aaaaaa;
	background-color:#eeeeee;
	height:18px;
	font-weight:bold;
	font-family:arial;
	color:#009ddc;
}
select {
	border:1px solid #A6A6A6;
	background-color:#eeeeee;
	padding:2px;
	font-size:10px;
}
form td
{
	vertical-align:top;
}
.w-115
{
	width:115px;
}
.w-135
{
	width:135px;
}
.w-265
{
	width:265px;
}
.m-top-20
{
	margin-top:20px;
}