/* main css */

body {	
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
 	background :#000; 
  font-family: tahoma,helvetica, sans-serif;
 	color:#ffd800;}


body, p {
  font-family: tahoma,helvetica, sans-serif;
  font-size: 18px;
}

/*/*/a{}
body,
body p {
  font-size: small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: medium;
}
html>body,
html>body p {
  font-size: medium;
}  
/* */
img {display: block; }

.indexBanner {
	position:absolute;top:12px;
	background: transparent url(../g/aw2_c.gif) right no-repeat;
	width:100px;height:60;	
	cursor: pointer;}
.indexBanner h2 {
	margin-top: 0;color:#fff;
	border: 0;
	padding: 0;
	padding-top: 60px;
	overflow: hidden;
	height: 0 !important; /* for most browsers */
	height /**/:120px; /* for pre 6.0 IE Win */
	}	


/* HIGH CONTRAST
----------------------------------------------- */

/* backgrounds */

#floattop #floattopt {background:transparent;}
#floattop_faq {background:transparent;}
#floattop_faq #floattopt_faq {background:transparent;}
#floatleft #floatleftt {background:transparent;}

#floattop {background:transparent;}
#floatleft {background:transparent;}
#floatcenter {background:transparent;}
#floatcenter2 {background:transparent;}
#footer {background:transparent;}


/* typography */

body {color: #ffd800;}
p {color: #ffd800;}
h6 {color: #ffd800;}
h5 {color: #ffffff;}
body.high#faq h6 a:link {color: #0099FF;}
body.high#faq h6 a:visited {color: #0099FF;}
body.high#faqa h6 a:link {color: #0099FF;}
body.high#faqa h6 a:visited {color: #0099FF;}

p, ul, h6 {line-height:1.2em;}

/* images */

/* links */
a:link, a:visited {color: #0099FF;}
a:hover, a:active {color: #ffd800;}
div.footer a:hover {color:#3878DB; text-decoration:underline;}

/* ----------- GENERAL RULES ---------- */

.textonly {display:none;}
a img {border: none;}
.inline {display: inline;}
.hidden {display: none;}
#hidden {display: none;}
.alt {display: none;} 

.floatright {float:right;padding-left:12px;}
.floatleft {float:left;}

/* ----------- WRAPPER ---------- */
.wrapper {
	background:#000;
	margin: 0 auto; 
	padding: 4% 0 2% 0;
	text-align: left;  
	width:700px;
	z-index:-10;
	}

/* ---------- BANNER ----------- */
#header {width:700px;height: 50px; padding:20px 0 0 0 ; border:0; margin: 0;position:relative;} /* add ie hack for width? */
body#index #header {margin-top:0;}

#banner, #banner_i {position:absolute;top:20px;right:0;margin:0;padding:0;border:0; background: left transparent url(../g/forgelogowo.gif) no-repeat;width:100px;height:50px;}

#logo, #logoindex {float:left;margin:0;padding:0;border:0;background: url(../g/forgelogow1.gif) left no-repeat;width:100px;height:50px;}

#logo:hover {background: url(../g/forgelogowo.gif) left no-repeat;}

/* ----------- STRUCTURE ---------- */

#columnsfloat {clear:both;display:block;position:relative; margin:0;border:0;padding:0;width:700px;height:410px;}
html>body #columnsfloat {height:auto; min-height:410px;}

#floatleft {
	position:absolute;top:0;left:0;
	width:260px;height:466px;
	text-align: left;
	margin: 0;
	padding: 0 0 14px 0;
	border:0;
	}

html>body #floatleft {height:auto; height:466px;}


#floatleft #floatleftt {
	position:relative;
	margin: 0; 
	padding:10px 0 0 0;
	max-width:260px;
	}
	
.floattop, #floattop_faq {
	width:700px;height:200px;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 0 14px 0;
	border:0;
	}
/* body#diary .floattop {padding:0;} */

/* what 
this? */
body .floattop {height:100px;}

html>body .floattop {height:auto; min-height:200px;}
html>body #floattop_faq {height:auto; min-height:100px;}


.floattop .floattopt, #floattop_faq #floattopt_faq {
	height:400px;
	margin: 0; 
	padding: 10px 0 0 0;
	}
	
body #floattop_faq #floattopt_faq {height:100px;}

html>body .floattop .floattopt {height:auto; min-height:200px;}
html>body #floattop_faq #floattopt_faq {height:auto; min-height:100px;}


.primarycontent {padding:10px 10px 0 10px; margin:0;height:420px;width:auto;overflow: auto;}
html>body div.primarycontent {height:420px;}

.primarycontent2 {display:block;float:left;padding:0; margin:0;}

.lefttext {float: left; width:330px;padding:0 0 0 0;}
html>body .lefttext {height:auto;min-height:400px;}

body#faq .lefttext, body#faqa .lefttext, body#diary .lefttext, body#access .lefttext {width:600px;}
body#com .lefttext, body#cre .lefttext, body#pres .lefttext, body#img .lefttext, body#archive .lefttext, body#vid .lefttext, body#about .lefttext, body#test .lefttext, body#con .lefttext, body#alink .lefttext, body#hub .lefttext, body#sparks .lefttext, body#opps .lefttext, body#oppsd .lefttext, body#dbase .lefttext {width:600px;}

.righttext {float: left; width:340px;padding:0 0 0 10px;position:relative;}

.foot_space {padding-bottom:20px;}


/* ----------- image boxes ----------- */

#floatcenter {
	width:435px;
	margin: 0 0 0 265px;
	border: 0;
	padding: 0;
	background: #fff;
	height:480px;
	}

#floatcenter2 {
	display:block;clear:both;
	width:700px;
	margin: 0;
	border: 0;
	padding: 0 0 0 0;
	background: #fff;
	}
#floatmap_contrast {
	width:676px;
	margin: 0;
	padding: 0;
	}
html>body #floatmap_contrast {width:676px;}
#floatmap {display:none;}

/* ----------- H TAGS ----------- */

h1 {font-weight:900;font-size:130%;text-transform:capitalize;padding:6px 0 6px 12px;margin:0;color:#fff;font-family: tahoma,helvetica, sans-serif;} 

h2 {font-size:110%;line-height:120%;text-transform:capitalize;padding:24px 0 0 0;margin:6px 0 6px 12px;border-top:1px solid #fff;color:#fff;font-family: tahoma,helvetica, sans-serif;}
h2.noborder {border-top:0;padding:0;}
h3 {font-weight:100;font-size:110%;padding:4px 12px; margin:0;color:#fff;}
#box1 h3 {background: transparent url(../g/facebook.gif) left no-repeat;padding: 0;margin:0 ;height:50px;}
#box1 h3 a {padding:0 0 0 50px;line-height:50px;}
#index #columnsfloat h3 {color:#fff;font-weight:100;}
#test h3 {color:#fff;}

h4 { font-size:130%;padding: 2px 0 0 0; margin:0; }
h4 a {display:inline;}
h5 {font-weight:900;font-size:120%;margin:0 0 1em 0;padding:0;}
body#diary h5 {font-size:140%;padding:4px 0;margin:0;}
h6 {margin:0;padding:0;font-size:100%;line-height:1.2em;font-weight:900;}

/* ----------- text stuff ---------- */

#accesstitle {padding:0 0 0 10px;clear:both;}

 p {padding: 0;margin:0 0 1em 0;line-height:1.2em;padding:0 0 0 12px;}
#columnsfloat {font-size:100%;}
.script {padding:0;margin: 0;}
.ital {font-style:italic;font-weight:100;}
.Bital {font-style:italic;font-weight:900;margin: 6px 0;}
.large {font-size:120%;}
.bold, li.bold {font-weight:900;}
.nopad {margin:0;padding:0;}
.sml {font-size:80%;}
.vsml {font-size:60%; text-transform:capitalize;padding:0 0 0 4px;}
.top {display:block;font-size: 80%;}

body#faq div.lefttext li, body#faq div.lefttext p {font-size:100%;}
body#faq .nopad {font-size:90%;}

.diarypage p { padding:0 0 0 50px;}

.firstline {padding-top:6px;}
noscript {color:#007cc3;}

#columnsfloat li h3 {font:100 90%/1em tahoma,arial,sans-serif; padding:12px 0 2px 0;}
#columnsfloat ul li {font:100 100%/1.2em tahoma,helvetica,sans-serif;}
#index #columnsfloat ul li p {font:100 90%/1em tahoma,arial,sans-serif;padding:0;margin:0;}

.imagecredit {float:right;font:100 80% arial,sans-serif;}
.white {color:#fff;}


/* ----------- lists and rules ----------- */

#test1, #test2,#test3, #test4 {padding:0 0 0 12px;}
#test1 p, #test2 p,#test3 p, #test4 p {padding:0 ;}
#test1 h1, #test3 h1 {padding:6px 0 6px 0;margin:0;}

.textonly {display:none;}

.primarycontent ul li, .righttext ul li, .lefttext ul li {padding: 0; margin:6px 0;}

.primarycontent ul.nobullet {list-style:none;}

.primarycontent ul, .righttext ul, .lefttext ul {list-style: outside disc ;display:block;padding: 0 0 0 36px; margin:16px 0;width:80%;}
body#pres .lefttext ul {margin: 0;width:60%;}
ul.nobullit {margin:0;margin-left:12px;}
ul.nobullit li {list-style:none;margin-left:0;}

.diarypage ul {padding: 0; margin:0 0 1em 40px;list-style:none;}
.diarypage ul li {padding:3px 0;}


.righttext ul li:first-child, .lefttext ul li:first-child {padding:0 0 2px 0;}

dl {margin:0 0 10px 12px;}

body#hub dt {}
body#hub dd {margin:4px 0;}

/* ----------- Rules ----------- */


div.hr {display: none}
/*/*/a{}
div.hr {
  display: none;
}
hr {display:none}
/* */

div.hr2 {display: none}
/*/*/a{}
div.hr2 {
  display: block;position:relative;
  height: 1px;max-height:1px;
  background: #fff url(../g/dot.gif) center center no-repeat;
  margin:.1em 0 1em 12px;padding:0;

}
hr2 {display:none}
/* */

div.hr3 {display: none}
/*/*/a{}
div.hr3 {
  display: block;position:relative;
  height: 1px;max-height:1px;
  background: #333 url(../g/Blackdot.gif) center center no-repeat;
  margin:.1em -6px 1em -12px;padding:0;

}
hr3 {display:none}
/* */

/*.diarypage {border-bottom:2px solid #007cc3;}
.diarypage a:after {content:"[click] ";}
*/

#index #columnsfloat ul {display:block;padding: 24px 0 0 36px; margin:0;}

#index #columnsfloat ul li {list-style:none;width:480px;height:60px;padding:0 0 0 16px; margin: 14px 0;}
html>body#index #columnsfloat ul li {height:auto;min-height:60px;}

#index #columnsfloat ul li#box1 {background: transparent url(../g/box4.png) left no-repeat;}
#index #columnsfloat ul li#box2 {background: transparent url(../g/box4.png) left no-repeat;}
#index #columnsfloat ul li#box3 {background: transparent url(../g/box4.png) left no-repeat;}
#index #columnsfloat ul li#box4 {background: transparent url(../g/box4.png) left no-repeat;}
#index #columnsfloat ul li#box5 {background: transparent url(../g/box4.png) left no-repeat;}

/* IEpng Fix */

 li#box1, li#box2, li#box3, li#box4, li#box5 { behavior: url(j/iepngfix.htc) }


/* ----------- backgrounds ----------- */



div.indexLogo {background:transparent url(../i/sps.gif) right no-repeat;z-index:100;border:0;height:36px;width:700px;margin:0 auto;}
.sponsor {position:absolute;height:50px;width:294px; right:0;top:0;margin:6px 4px;background: url(../i/sps.gif) top right no-repeat;}


/* ----------- Main nav ----------- */
/* hide from ie for mac\*/

#divnav {	clear: both;
		display: block;
		position: relative;
		width:600px;
		background: transparent ;
		border:0;
		margin: 0;
		padding: 0;
		height: 50px;
	}
html>body #divnav {height:auto; min-height:50px;}

	#nav {
		position: relative;
		top: 0;
		left:0;
		padding:0;
		margin: 0;
		border:0;
		height: 50px;
		max-width: 600px;
		background: transparent;
	}

html>body #nav {height:auto; min-height:50px;}

#nav li ul { margin: 0; padding: 0; }
#nav a { text-decoration: none; }

	#nav li { 
		float: left;
		display: block;
		padding:0;
		margin: 0;
		border:0;
		padding:0;
	}

#nav li ul { display: none;}

	#nav li ul { 
		z-index:200;
		position: absolute;
		top: 50%;
		left: 0;
		padding-top: 0;
		height: 25px;
		width: 600px;
		background: transparent;border:0;
	}
	#nav li ul#sub1 {background: transparent url(../g/subn1.gif) 0 0 no-repeat;}
	#nav li ul#sub2 {background: transparent url(../g/subn2.gif) 0 0 no-repeat;}
	#nav li ul#sub3 {background: transparent url(../g/subn3.gif) 0 0 no-repeat;}
	#nav li ul#sub4 {background: transparent url(../g/subn4.gif) 0 0 no-repeat;}

	#nav li a {
		text-align: center;
		font-size:90%;
line-height:2em;/* ----------- 2em ----------- */
		font-weight: 100;
		display: block;
		width: 150px;
		padding-top: 0;
		text-transform:uppercase;
	}
	body#index #nav li a {color:#fff;}

	 #nav li ul a {
		border: 0;
		height:25px;
		float: left; 
		width: auto;
		margin: 0 2px;
		padding:0;
/*line-height:2em; ----------- no ----------- */
	}
	
#nav li ul li a:first-child {padding:0 0 0 8px;}

#nav li ul a {
	display: block;
	background: transparent;
	font-size: 90%;
	text-transform:capitalize;
}

#nav li:hover ul, #nav li.over ul { display: block; z-index: 6000; }

	#nav li ul li ul {
		display: block;
		position: relative;
		height: 50px;
		background: transparent url(../g/fm3.gif) no-repeat; 
		}
		
	#nav li a:hover, #nav li a:active  { color: #ffd800; }
body#index #nav li a:hover {color:#ffd800;}

	#nav li span { position: absolute; left: -9384px; }

	#mn1 a, #mn2 a, #mn3 a, #mn4 a {
		display: block;
		position: relative;
		height: 50px;
		border:0;
		background: url(../g/fm3.gif) 0 0 no-repeat;
	}

#mn1 { background-position: 0 0;}
#mn2 { background-position: -150px 0; }
#mn3 { background-position: -300px 0; }
#mn4 { background-position: -450px 0; }


#mn1 a:hover, #mn1:hover a, #mn1.over a { background-position: 0 -50px; }
#mn2 a:hover, #mn2:hover a, #mn2.over a { background-position: -150px -100px; }
#mn3 a:hover, #mn3:hover a, #mn3.over a { background-position: -300px -150px; }
#mn4 a:hover, #mn4:hover a, #mn4.over a { background-position: -450px -200px; }


body#about #mn1 a { background-position: 0 -50px;  }
body#about #sub1 { display: block; z-index: 1;}
body#access #mn1 a { background-position: 0 -50px;  }
body#access #sub1 { display: block; z-index: 1;}
body#map #mn1 a { background-position: 0 -50px;  }
body#map #sub1 { display: block; z-index: 1;}
body#contact #mn1 a { background-position: 0 -50px;  }
body#contact #sub1 { display: block; z-index: 1;}
body#test #mn1 a { background-position: 0 -50px;  }
body#test #sub1 { display: block; z-index: 1;}



body#hub #mn2 a { background-position: -300px -150px; }
body#hub #sub2 { display: block; z-index: 1;}
body#con #mn2 a { background-position:-300px -150px; }
body#con #sub2 { display: block; z-index: 1;}
body#archive #mn2 a { background-position:-300px -150px; }
body#archive #sub2 { display: block; z-index: 1;}
body#alink #mn2 a { background-position:-300px -150px; }
body#alink #sub2 { display: block; z-index: 1;}
body#sparks #mn2 a { background-position: -300px -150px; }
body#sparks #sub2 { display: block; z-index: 1;}
body#ideas #mn2 a { background-position:-300px -150px; }
body#ideas #sub2 { display: block; z-index: 1;}

body#spd #mn2 a { background-position:-300px -150px; }
body#spd #sub2 { display: block; z-index: 1;}

body#review #mn3 a { background-position:-150px -100px; }
body#review #sub3 { display: block; z-index: 1;}
body#nletter #mn3 a { background-position:-150px -100px; }
body#nletter #sub3 { display: block; z-index: 1;}
body#opps #mn3 a { background-position:-150px -100px; }
body#opps #sub3 { display: block; z-index: 1;}
body#dbase #mn3 a { background-position:-150px -100px; }
body#dbase #sub3 { display: block; z-index: 1;}
body#oppsd #mn3 a { background-position:-150px -100px; }
body#oppsd #sub3 { display: block; z-index: 1;}
body#oppsa #mn3 a { background-position:-150px -100px; }
body#oppsa #sub3 { display: block; z-index: 1;}
body#diary #mn3 a { background-position:-150px -100px; }
body#diary #sub3 { display: block; z-index: 1;}
body#link #mn3 a { background-position: -150px -100px; }
body#link #sub3 { display: block; z-index: 1;}
body#faq #mn3 a { background-position: -150px -100px; }
body#faq #sub3 { display: block; z-index: 1;}

body#vid #mn4 a { background-position: -450px -200px; }
body#vid #sub4 { display: block; z-index: 1;}

body#ima #mn4 a { background-position: -450px -200px; }
body#ima #sub4 { display: block; z-index: 1;}

body#pres #mn4 a { background-position: -450px -200px; }
body#pres #sub4 { display: block; z-index: 1;}

body#cre #mn4 a { background-position: -450px -200px; }
body#cre #sub4 { display: block; z-index: 1;}

body#com #mn4 a { background-position: -450px -200px; }
body#com #sub4 { display: block; z-index: 1;}

/* end hide */

/* ---------- NAVIGATION ----------- */

#test .f1, #contact .f1, #about .f1, #map .f1, #access .f1, #review .f3, #opps .f3, #oppsa .f3, #oppsd .f3, #diary .f3, #nletter .f3, #f2 .f2, #hub .f2, #con .f2, #alink .f2,#dbase .f3, #archive .f2, #sparks .f2, #ideas .f2, #spa .f2, #spb .f2, #spc .f2, #spd .f2, #archive .bd, #faq .f3, #link .f3, #vid .f4, #ima .f4, #pres .f4, #cre .f4,  #com .f4 { color: #ffd800; }

/* ---------- sub NAVIGATION ----------- */
#test .test, #spa .spa, #spb .spb, #spc .spc, #spd .spd, #archive .bd, #hub .ch, #con .con, #access .access, #alink .al, #sparks .sp, #ideas .if, #dbase .db, #about .au, #contact .contact, #map .fu, #nletter .nl, #review .ar, #oppsd .opd, #oppsa .opa, #opps .ops, #diary .diary, #faq .faq, #faqa .faqa, #link .link, #vid .vid, #ima .ima, #pres .pres, #cre .cre, #com .com  { color: #fff; }



/* ------------ FOOTER --------------- */
    
.footer {
	clear: both;
	display: block;
	position: relative;
	width: 700px;
	height:50px;
	padding: 0;
	margin: 0;
	font-size: 100%;font-family:arial;font-weight:100;
	color: #fff;
	text-align: left;text-transform:capitalize;
	background: #231F20;border:1px solid #333;
}
html>body .footer {height:auto;min-height:50px;}
body#index .footer {margin: 0 auto; width:700px;text-align:center;}

.footer a, div.footer div.noscript {color: #fff;text-decoration: none;padding:0 6px;text-transform:lowercase;}

.footcontent {margin:6px 0 0 0;padding:0 0 0 6px;max-width:400px;}
body#index .footcontent {margin:6px 0 0 0;padding:0 0 0 20px;max-width:700px;}
.foot {display:inline;color:#3878DB;padding: 0;margin:0;text-transform:capitalize;}

.blue {display:inline;color:#3878DB;padding: 0;margin:0;text-transform:capitalize;}

.footer p {padding-top:0;margin:0;line-height:0.9em;}
.w {color:#fff;padding:0 2px;}
#w {color:#fff;padding:0 2px;}
.noscript {display:inline;}




/* ------------ ACCESS  --------------- */

#maptext1 {position:absolute;top:350px;left:250px;width:auto;}
#maptext2 {position:absolute;top:10px;left:150px;width:auto;}
#maptext3 {position:absolute;top:130px;left:360px;width:auto;}
#maptext4 {position:absolute;top:350px;left:50px;width:auto;}
#maptext5 {position:absolute;top:80px;left:180px;width:auto;}
#maptext6 {position:absolute;top:260px;left:560px;width:120px;}
#maptext7 {position:absolute;top:530px;left:330px;width:auto;}
#maptext8 {position:absolute;top:380px;left:6px;width:auto;}
#maptext9 {position:absolute;top:390px;left:45px;width:auto;}
#maptext10 {position:absolute;top:150px;left:6px;width:auto;}
#maptext11 {position:absolute;top:56px;left:310px;width:auto;}
#maptext12 {position:absolute;top:260px;left:290px;width:auto;}
#maptext13 {position:absolute;top:150px;left:130px;width:auto;}
#maptext14 {position:absolute;top:180px;left:440px;width:auto;}
#maptext15 {position:absolute;top:430px;left:250px;width:auto;}

div#accesstext {background:transparent;text-align:right;}

body#index div#accesstext {position:relative;top:-30px;text-align:right;}

div#accesstext a, div#access2 a {padding:0 .3em;}

div#accesstext a:link, div#accesstext a:visited  {color:#fff;font-weight:100;}
div#accesstext a:hover, div#accesstext a:active  {color:#0099FF;font-weight:600;}


/* --------- Tables --------- */

#mytable {
	width: 500px;
	padding: 0;
margin:0 0 36px 12px;
}
#newtable {width:600px;	padding: 0;
margin:0 0 36px 12px;}


caption {
	padding: 0 0 12px 0;
	width: 500px;	 
	font: italic 100% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background: transparent;
	border: 0;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	vertical-align:top;
}

/*th.head {border-top: 1px solid #747679;border-left:0;}*/

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	background: none;
}

td {background: #a9c7ec; padding: 4px 6px 12px 12px; vertical-align:top;
width:200px;height:2em;
	font: bold 100% tahoma, Verdana, Arial, Helvetica, sans-serif; }

#newtable td {background:transparent;width:300px;font-weight:100;}

#mytable td {border: 0;}
#mytable td.borderbot { border: 0; }
#newtable td.bordertop {border-top:1px solid #999;}

#newtable td {border-right:1px solid #999;border-bottom:1px solid #999;}
#newtable td.borderleft {border-left:1px solid #999;}
#newtable ul {list-style: outside disc ;display:block;padding: 0 0 0 36px; margin: 0;}
#newtable h3 {margin-left:0;padding:6px 0 0 12px;}

td.alt { background: #F5FAFA; color: #797268; }


/* toggle styling */
.abs { position:absolute; top:-370px; left:0px; width:400px; padding:0;margin:0; }

#dlist {position:relative;width:600px;margin:390px 0 0 24px;padding:0;}
#dlist dl {margin:0;padding:0; }
#dlist dt {width:100px;margin:0 0 8px 0;padding:0 12px 0 0;float:left; }

#dlist dt {font-size:80%;}

.clicker { cursor:pointer; color:#685c53;}
.selected { color:#007cc3; }