/* 2 column fixed width layout */

/* Zero down margin and padding on all elements */
* {
  margin: 0;
  padding: 0;
}

/* The Core Technique
================================= */

body {
	margin-top:30px;
}

#clear {
	clear:both;
}


#wrapper {
	width: 100%;
	text-align: center;
}
#main-wrapper {
	width: 970px;
	margin: 0 auto;
	text-align: left;
	clear:both;
}

#logo {
	width: 158px;
	float: left;
}

#search {
	float: right;
	text-align: right;
	padding-top: 30px;
}

#nav {
	clear:both;
	height:19px;
	font-size:13px;
	padding:3px;
}

#banner {
  padding:10px;
  height:160px;
  clear:both;
}

#side-bar { 
	float:left;
	width: 166px;
	margin:0 15px 10px 10px;
	padding-top:10px;
} 

* html #side-bar { /* IE6 is the only browser to notice html tag */
	display:inline; /* fix for the double margin float bug */
	width: 160px;
}

#content-outer { 
	float:right;
	width: 777px;
	border-left:#CCCCCC solid 1px;
	margin-top:10px;
	/*margin-right: 20px; /* right float and right margin trigger double margin float bug in IE 6 */
}

#content, #clicks { 
	float:right;
	width: 763px;
}

#content {
	padding-top:15px;
}

#clicks {
	border-bottom:#CCCCCC solid 1px;
	font-size:11px;
	padding: 0 0 5px 0;
}

#clicks p {
	margin:0;
	padding:0;
}

#home-content { 
	float:right;
	width: 773px;
	background:url(../assets/ANF_home_bg.gif) repeat-y top left;
	padding-left:5px;
	margin-top:10px;
	/*margin-right: 20px; /* right float and right margin trigger double margin float bug in IE 6 */
}

#home-col-left {
	width:364px;
	float:left;
	padding:0 10px;
	background:url(../assets/ANF_home_bg_top.gif) no-repeat -5px 0;
	min-height:350px;
}

#home-col-right {
	width:364px;
	float:right;
	padding:0 10px;
	background:url(../assets/ANF_home_bg_top.gif) no-repeat -394px 0;
	min-height:270px;
	clear:right;
}

#content-footer { 
	float:right;
	width: 773px;
	background-color:#FFFFFF;
	padding:10px 0 10px 5px;
	text-align:center;
	/*margin-right: 20px; /* right float and right margin trigger double margin float bug in IE 6 */
}
* html #content-footer { /* IE6 is the only browser to notice html tag */
	display:inline; /* fix for the double margin float bug */
}

#contact { 
	float:right;
	width: 778px;
	background-color:#FFFFFF;
	padding:10px 0;
	text-align:right;
	/*margin-right: 20px; /* right float and right margin trigger double margin float bug in IE 6 */
}
* html #contact { /* IE6 is the only browser to notice html tag */
	display:inline; /* fix for the double margin float bug */
}

#footer { 
	background-color:#D2D2D2;
	width:100%;
	clear:both;
	padding:10px 0;
	text-align:center;
}

#footer-text { 
	width:970px;
	text-align:right;
	margin: 0 auto;
} 

#footer-text a { 
	color:#000;
	text-decoration:none;
} 

#footer-text a:hover { 
	color:#000;
	text-decoration:underline;
} 

/* Pretty Stuff
================================== */

body {
  font: 12px Arial, sans-serif;
  background:url(../assets/ANF_main_bg2.jpg) no-repeat top center;
}

h1 {
  font-size: 16px;
  color:#737373;
}

h2 {
  font-size: 16px;
  color:#000;
}

p, #content li {
  font-size: 12px;
  line-height:150%;
  margin: 15px 0;
}

#content li {
	padding:0;
	margin:15px 0 15px 30px;
}

h1, h2 {
  margin-bottom: 5px;
}

#search  {
	font-size: 13px;
 	color:#737373;
	font-weight:bold;
}

#banner h1 {
  margin: 0;
}

#nav {
  background-color:#737373;
}

#footer-text, #contact {
	font-size:11px;
}

#side-bar h2 {
	color:#006633;
	font-size:16px;
}

#side-bar hr {
	color:#d2d2d2;
}

#side-bar p {
	padding:0 0 10px 0;
	margin:0;
}

#side-bar .welcome_links a, #login a {
	text-decoration:none;
	color:#333333;
}

#side-bar .welcome_links a:hover, #login a:hover {
	text-decoration:underline;
}

/* Forms
================================== */

input[type="text"], input[type="password"] {
	border:#CCCCCC solid 1px;
}

input[type="submit"], input[type="reset"] {
	border:#CCCCCC solid 1px;
	background:#006633;
	color:#FFFFFF;
	cursor:pointer;
	text-transform:lowercase;
	padding:0 3px;
	margin:0;
}

#login p {
	padding:0 0 10px 0;
	margin:0;
}

/* Exploding Menu
================================= */

/*#exmenu {
	padding-top:40px;	
}*/

.exmenu A {
	color:#FFF;
	text-decoration:none;
	display:block;
}

.exmenu td:hover a {
	color:#000;
}

.class1, .active, .exmenu td:hover {
	padding:8px 5px;
	border-bottom: 1px solid #FFFFFF;
}

.exmenu td:hover, .active, .active2 {
	background:#E5D220;
}

.active a, .active2 a {
	color:#000;
}

.class1 {
	background:#737373;
}

.class2 {
	background:#A4A4A4;
	padding:8px 5px 8px 15px;
	border-bottom: 1px solid #FFFFFF;
}
.exmenu .class2:hover, .exmenu .active2:hover, .active2 {
	padding:8px 5px 8px 15px;
	border-bottom: 1px solid #FFFFFF;
}

.class3 {
	background:#BEBEBE;
	padding:8px 5px 8px 25px;
	border-bottom: 1px solid #FFFFFF;
}
.exmenu .class3:hover, .exmenu .active3:hover, .active3 {
	padding:8px 5px 8px 25px;
	border-bottom: 1px solid #FFFFFF;
}


/* Tables
================================= */

#special {
	width: 100%;
	border: 1px solid #b9b9b9;
	border-collapse:collapse; /* removes cell-spacing */
}

#special th, td {
	padding: 5px 8px;
}

#special td {
	border-right:#b9b9b9 solid 1px;
}

#special caption {
	font-size: 12px;
	text-align:left;
	text-transform:uppercase;
	padding: 8px;
	background:#b9b9b9;
}

#special col {
	border-right:#b9b9b9 solid 1px;
}

#special th {
	font-weight: normal;
	text-align: left;
	background: #00693f;
	color:#FFF;
	border-right:#FFFFFF solid 1px;
}

#playlistPosHead {
	text-indent: -1000em; /* Remove 1st header because listed numbers are self-explanitary */
}

.odd {
	background-color: #e8e8e8;
}

#special tr:hover {
	background-color: #E5D220;
	color: #000;
}





.action {
	text-align:left;
}

#act1 {
	background-color:#737373;
	margin-bottom:1px;
	padding:5px 8px;
	color:#FFF;
	font-weight:bold;
}
#act2 {
	border:1px solid #737373;
	padding:5px 8px;
	background-color:#FFFFFF;
}