	/* Happy Cog 3.0 layout - happycog.com */
	/* Last updated 17 February 2006  */
	/* You may learn from this CSS and use its techniques in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright (c) 2004-2006 Happy Cog Studios and may not be used by anyone but us. No stealing. We will find you. */ 
	
	/* Layout divisions and rules */

body	{
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	color: #333;
 	font:0.9em Verdana,Sans-serif;
	background:#fff url(../g/bg.gif) top repeat-y;
	}

#wrapper	{
	margin: 0 auto;
	padding: 0;
	border:0;
	text-align: left;
	background: transparent;
	width: 600px;border:1px solid #8A0753;
	}
html>body #wrapper {width:600px;}

img { border: 0; display: block; }
.alt {color:#75ae90;}
.skiplink {display:none;}
.hidden {display:none;}
.noscript {display:inline;}
.printonly {display:none;}

/* ---------- Banner ----------- */
#printheader {display:none;}
#printimage {position:relative;display:block;padding:0 0 0 20px;}

#header {position:relative;width:600px;height:80px;margin: 0;padding:0;border-bottom:1px solid #4F5559;background: #fff;}

#headerlogo {
	position:absolute;top:0;left:0;
	background: transparent url(../g/afc_logo2.gif) top left no-repeat;
	width:402px;
	height:80px;
	padding: 0;margin: 0;border:0;
	}
#logo {
	background: transparent url(../g/afc_logo.gif) no-repeat;
	width:402px;
	display:block;
	position:relative;
	margin: 0;
	padding: 0;border:0;
	height: 80px ;
	}
#logo:hover {
	background: transparent url(../g/afc_logo2.gif) top left no-repeat;width:402px;border:0;}

#content { position:relative;display:block;width:auto;margin:0; padding:0;border-bottom:1px solid #333;border-top: 1px solid #333;background: transparent; }

body#gly #content, body#bars #content, body#gmbc #content, body#scab #content, body#cp #content, body#ncj #content {background: #fff;}



/* Subnav */

#subnav {position:relative;display:block;
	width: 600px;
	height: 50px;
	background: #4F5559;
	padding:0;margin:0;border-bottom:6px solid #751052;
	}
html>body #subnav {height:auto;min-height:50px;}
/* Main nav */

#divnav {position:relative; border:0;margin:0; padding: 0 0 10px 0;background: #fff;border-top:1px solid #6A1D44;height:40px;}

#mainnav a img {width:1px;height:1px;z-index:-10;padding-left:0;}
#mainnav { width: 600px; height: 40px; border: 0; padding: 0; margin:  0; background: #fff; }

#mainnav ul { width: 600px; height: 40px; background:#fff url(../g/mainnav3.gif); margin: 0; padding: 0; position: relative; }
#mainnav ul li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0;text-align:center;}
#mainnav ul li, #mainnav a	{ height: 40px;  display: block;width:80px; }
#mainnav ul li a { text-indent: 0; text-decoration: none;}

#mn1 {left: 0; width: 80px;}
#mn2 {left: 80px; width: 80px;}
#mn3 {left: 160px; width: 80px;}
#mn4 {left: 240px; width: 80px;}
#mn5 {left: 320px; width: 80px;}


#mn1 a:hover {background: transparent url(../g/mainnav3.gif) 0 -40px no-repeat;}
#mn2 a:hover {background: transparent url(../g/mainnav3.gif) -80px -40px no-repeat;}
#mn3 a:hover {background: transparent url(../g/mainnav3.gif) -160px -40px no-repeat;}
#mn4 a:hover {background: transparent url(../g/mainnav3.gif) -240px -40px no-repeat;}
#mn5 a:hover {background: transparent url(../g/mainnav3.gif) -320px -40px no-repeat;}

body#home #mn1 {background: transparent url(../g/mainnav3.gif) 0 -40px no-repeat;}
body#bft #mn2 {background: transparent url(../g/mainnav3.gif) -80px -40px no-repeat;}
body#svs #mn3 {background: transparent url(../g/mainnav3.gif) -160px -40px no-repeat;}
body#gly #mn4, body#gmbc #mn4, body#cp #mn4, body#bars #mn4, body#scab #mn4, body#ncj #mn4 {background: transparent url(../g/mainnav3.gif) -240px -40px no-repeat;}
body#con #mn5 {background: transparent url(../g/mainnav3.gif) -320px -40px no-repeat;}

#mainnav ul li	a {font:100 1.1em/2em arial; text-transform:lowercase;}

/* ---------- Page header graphics ---------- */

body#ncj #content {
	background: #fff url(../i/ncj.jpg) 20px 20px no-repeat;
	padding-top:320px;
	}

body#gmbc #content {
	background: #fff url(../i/gmbc.jpg) 20px 20px no-repeat;
	padding-top:300px;
	}

body#bars #content {
	background: #fff url(../i/bars.jpg) 20px 20px no-repeat;
	padding-top:300px;
	}

body#scab #content {
	background: #fff url(../i/scab.jpg) 20px 20px no-repeat;
	padding-top:300px;
	}

body#cp #content {
	background: #fff url(../i/cp_1.jpg)  20px 20px no-repeat;
	padding-top:300px;
	}
	
body#home #maincontent li#bars_1 {
	background: transparent url(../si/bars.jpg) top left no-repeat;
	padding-top:68px;
	}
body#home #maincontent li#cp_1 {
	background: transparent url(../si/cp.jpg) top left no-repeat;
	padding-top:68px;
	}
body#home #maincontent li#scab_1 {
	background: transparent url(../si/scab.jpg) top left no-repeat;
	padding-top:68px;
	}
body#home #maincontent li#gmbc_1 {
	background: transparent url(../si/gmbc.jpg) top left no-repeat;
	padding-top:68px;
	}	

div#sidebar li#bars {background: #fff url(../si/bars.jpg)  top right no-repeat;}
div#sidebar li#cp {background: #fff url(../si/cp.jpg)  top right no-repeat;}
div#sidebar li#scab {background: #fff url(../si/scab.jpg)  top right no-repeat;}
div#sidebar li#gmbc {background: #fff url(../si/gmbc.jpg)  top right no-repeat;}
div#sidebar li#ncj {background: #fff url(../si/ncj.jpg)  top right no-repeat;}

.smlogo {background:url(../g/afc_logo_sml.gif) no-repeat;width:150px;padding:13px 0 0 0;margin:-14px 0 0 20px;}

/*----------  Primary layout continues ---------- */


#maincontent {
	position:absolute;top:0;right:0;
	width: 200px;
	text-align: left;
	padding:0;
	border: 0;
	margin:0;
	}
#sidebar	{
	width: 400px;
	margin: 0;
	padding: 30px 0 20px 0;
	height: 450px;background:#fff;
	}
html>body #sidebar	{/* hide from ie for mac\*/height:auto;/* end hide */min-height:450px;}

.clear { clear:both;display:block;margin:0; padding:0; }

#footer { position:relative;clear:both;display:block;width:600px; margin: 0;padding:10px 0;background: #fff;border-bottom:30px solid #8A0753;}
#footer a {padding:0 2px;}

#info {display:block;}

.clearer {clear:left;line-height:0;height:0;}


#access {position:absolute;top:4px;right:0;width:100px;z-index:1000;} 
#access p {margin:0;padding:0;} 
#access ul {display:block; padding:  0; margin:0; list-style:  inside circle;font:100%/1em arial;} 
#access ul li {  padding:0;margin:0; border:0;background:transparent;}
/* ---------- Linkage ---------- */
	
a:link {
	font-weight : 100; 
	text-decoration : none;
	color: #751052;
	}
a:visited {
	font-weight : 100; 
	text-decoration : none;
	color: #751052;
	}
a:hover {
	font-weight : 100; 
	text-decoration : underline;
	color: #D36ABB;
	}
a:active {
	font-weight : 100; 
	text-decoration : none;
	color: #D36ABB;
	}

#mainnav a:link { text-decoration: none; color:#6A1D44;font-weight:100;}
#mainnav a:hover, #mainnav a:active { text-decoration: none; color:#D36ABB; }

#sidebar a:link, #sidebar a:visited{ color: #6A1D44; text-decoration:underline;}
#sidebar a:hover { color: #D36ABB;text-decoration: none;  }
#sidebar a:active { color: #D36ABB; }

#sidebar ul li a:link, #sidebar ul li a:visited { color: #525659; }
#sidebar ul li a:hover { color: #D36ABB; }
#sidebar ul li a:active { color: #D36ABB; }

#access p a:link, #access p a:visited { color: #0099FF; text-decoration:underline;}
#access p a:hover { color: #D36ABB;text-decoration: underline;  }
#access p a:active	{ color: #D36ABB; }

#subnav a:link {font:100 italic 0.9em arial;text-decoration:none;color:#fff;text-transform:lowercase;}
#subnav a:hover {text-decoration:none;color:#D36ABB;}

/* ---------- Body typography ---------- */

p { margin-top: 1em; padding-top: 0; }
h1 {font:100% arial;}
h2 {font:900 1em arial; letter-spacing: 1px;margin:0 0 0 20px;border-bottom:1px dotted #6A1D44;}
h3 {text-transform: capitalize;margin:10px 0 10px 20px;padding:0;font-size:90%;}
h4 {font:900 100% arial; letter-spacing: 1px;margin:0 0 0 20px;}
h5 {}

#maincontent p {font-size:0.9em;text-align:left;padding:0;width:70%;letter-spacing:1px;line-height:1.1em;color:#E5239D;}

#sidebar p {padding:0 2px 0 20px;line-height:1.2em;color:#000;}
body#home p, body#home h2 {width:80%;}
#sidebar li p {padding:0;}

body#gly ul li p {font:italic 12px arial;margin:2px 0; }

#sidebar h4	{
	margin: 0;
	padding: 0 5px 6px 10px;
	background: transparent;
	color: #000;
	}

div#subnav p { font:900 1em/1.4em verdana;color: #fff;padding:4px 0 0 0;margin:0 0 0 20px;}

.quote {font:italic 0.8em arial; color: #333;text-align:justify;padding:0;margin:12px 12% 0 10%;}

.caps {text-transform:capitalize;}
.small {font:0.7em helvetica;text-align:right;display:block;margin:2px 12% 0 10%;padding:0;}
.large a {font-size:120%;}

#footer p { font-size: 0.8em; color: #905A33;padding:0;margin:0; }

#cv {padding-bottom:30px; font:0.9em/1.2em times;}

em {font-style:italic;}
.strong {font-weight:900;}
.italic {font:100 italic 0.9em arial;}

/* ---------- Stars and bars - listings ---------- */

#back {width:100px;position:absolute;top:-20px;right:10px;text-align:right;font:90% arial;}
#back:before {content:"[";color:#751052;}
#back:after {content:"]";color:#751052;}

#sidebar ul {
	display:block;
	width:400px;
	padding:  0;
	margin: 0 0;
	list-style: url(../g/bullet.gif) circle outside;
}
body#home #sidebar ul { list-style: none; }

#sidebar ul li a:after {content:' [click]';color:#905A33;font-size:10px;}

#sidebar ul li {
	padding:0;margin:0 0 14px 30px;
	border:0;width:75%;}
	
body#gly #sidebar ul li {
	height:65px;
	padding:0 200px 0 0;margin:0 0 10px 30px;
	border:0;width:260px;}
html>body#gly #sidebar ul li {height:auto;min-height:65px;}

#maincontent ul { width:98px; padding: 0 0 0 20px; margin: 0; list-style: none; }

#maincontent ul li { display:block;padding: 2px 0 2px 0;margin:0 0 6px 0;border:1px solid #fff;text-align:center;font:0.8em/0.9em arial; }
#maincontent ul li:hover {border:1px solid #D36ABB;}
#maincontent dl { width:150px; padding: 0 0 0 20px; margin: 20px 0 0 0; list-style: none; }

dt	{
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 15px;
	text-transform:capitalize;font: 600 0.8em times;
	}
	
dd	{
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 15px;
	font:italic 600 0.8em times;text-transform:capitalize;
	}
dd a {text-transform:lowercase;}

#nobullet li {list-style: none; font:90% arial;}

/* ---------- You are here ---------- */

#home .home, #bft .bft, #svs .svs, #gly .gly ,#con .con { color: #6A1D44;font-weight:900;}
#home .home1, #bft .bft1, #gly .gly1, #con .con1, #svs .svs1 { color: #999;}

/* ---------- rollover images ---------- */

div#thumbs {margin:20px 0; padding:0 0;height:150px;width:90%;}
html>body div#thumbs {min-height:150px;}
div#thumbs ul { width:250px;display:block;list-style: none; margin:0; padding: 0;height:67px;}
div#thumbs ul li {float:left;width:67px; padding: 4px; margin: 0;border:0;}
div#thumbs ul li a {display:block;padding: 0;margin:0; border: 1px solid #333;}	
div#thumbs ul li a:hover { border-color: #289728;}


div#thumbs ul p {display:none;}
div#thumbs li.one:hover p {
	display: block; position: absolute; top: 410px; left: 300px; width: 300px; margin: 0; z-index: 100;
	font:italic 100 1.2em/1em times;padding: 0;text-align: left;  text-transform: lowercase;}

#rollover {position: absolute;top: 0; right:0; width: 300px;height: 400px; margin: 0;padding:0;border-bottom:1px solid #905A33;}
html>body #rollover { height: auto; min-height: 400px;}

div.drop img {height: 0; width: 0; border-width: 0;}
#thumbs li:hover div.drop img { position: absolute; top: 0; left: 0; height: 400px; width: 300px;}


