/*
-----------------------------------------------
TURN Main Styles
author:   justin pardee
version:  may 03 2005
----------------------------------------------- */
* { margin: 0; padding: 0; border: 0; } img { border:0; }
body { background: #333 url(../img/bgContent.gif) repeat-y center; color: #333;
		text-align: center; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }

/* Branding
------------------------------*/
#logo {
	width: 128px; height: 133px; text-indent: -9999px; overflow: hidden;
	background: url(../img/logo.gif) no-repeat;
	position: absolute; top: 32px; left: 557px; }
		
/* Formatting
------------------------------*/
h1 { font-size: 190%; }
	.vision    h1 { color: #B21E24; }
	.story     h1 { color: #F68E2F; }
	.projects  h1 { color: #E6C61C; }
	.resources h1 { color: #4C661F; }
	.support   h1 { color: #0089CE; }
	.contact   h1 { color: #822B85; }
h2 { margin-top:.5em; font-size: 160%; border-bottom: 1px solid #ccc; clear:both; }
h3 { font-size: 150%; }

p { font-size: 13px; line-height: 1.4em; margin-bottom: .5em; }
p.verse { margin: .5em; font-style: italic; }
  p.verse .ref { font-size: 80%; font-style: normal; }
p.notice { margin:2em 0; font-size: 90%; line-height: 1.5em; color:#555; border-top:1px dotted #555; }

li, dd, dt { font-size: 120%; }

#mainCol ul, #mainCol ol { margin: .5em 0 1em 2em; }
	#mainCol li { margin-bottom: .2em; line-height: 130%; }
#mainCol dl { margin: .5em 0 1em 0; }
	#mainCol dt { margin: .5em 0 0 0; font-size: 130%; font-weight: bold; }
		.resources dt { color: #4C661F }

#sideCol h2 { font-size: 140%; }

#content img {	padding: 3px; border: 1px solid #ccc; }
#content img.plain { border: 0; }

.left  { float:left; margin-right:1em; }
.right { float:right; margin-left:1em; }


/* Page Structure
------------------------------*/
#wrap { margin: 0 auto; width: 750px; text-align: left; }
#hdr { height: 230px; position: relative; }
#nav { height: 55px; background: url(../img/bgNavShadow.gif) repeat-x bottom left; }


/* Content Columns
------------------------------*/
#mainCol, #sideCol { padding: 5px; }
	/*#mainCol { background: yellow; }
	#sideCol { background: fuchsia; }*/

body.ms { background-image: url(../img/bgContentMS.gif); }
body.ms #mainCol { width: 470px; float: left; padding: 10px 10px 0 10px; }
body.ms #sideCol { width: 240px; float: right; padding: 10px 10px 0 5px; }

body.mx { background-image: url(../img/bgContentMX.gif); }
body.mx #mainCol { width: 310px; float: left; padding: 10px 0 0 0;  }
body.mx #sideCol { width: 410px; float: right; padding: 10px 0 0 0;  }

body.sm { background-image: url(../img/bgContentSM.gif); }
body.sm #mainCol { width: 555px; float: right; padding: 10px 5px 0 0;  }
body.sm #sideCol { width: 160px; float: left; padding: 10px 5px 0 10px; }

/* Banner
------------------------------*/
#pipe { height: 15px; background: url(../img/bgPipe.gif) no-repeat; }
#bnr { height: 215px; background: url(../img/bnr/boy.jpg); }
  #bnr.kingshall { background: url(../img/bnr/hall.jpg); }

/* Primary Navigation
------------------------------*/
#mainNav { width: 750px; height: 45px; list-style: none; position: relative;
	background: url(../img/nav.gif); }
#mainNav li { position: absolute; top: 0; }
	#mainNav li, #mainNav a { height: 45px; display: block; }
	#mainNav a { text-indent: -9999px; text-decoration: none; }

#navHome { left: 0; width: 90px; }
#navVision { left: 90px; width: 110px; }
#navStory { left: 200px; width: 110px; }
#navProjects { left: 310px; width: 110px; }
#navResources { left: 420px; width: 110px; }
#navSupport { left: 530px; width: 110px; }
#navContact { left: 640px; width: 110px; }
	
#navHome      a:hover {background: transparent url(../img/nav.gif) 0 -45px no-repeat;}
#navVision    a:hover {background: transparent url(../img/nav.gif) -90px -45px no-repeat;}
#navStory     a:hover {background: transparent url(../img/nav.gif) -200px -45px no-repeat;}
#navProjects  a:hover {background: transparent url(../img/nav.gif) -310px -45px no-repeat;}
#navResources a:hover {background: transparent url(../img/nav.gif) -420px -45px no-repeat;}
#navSupport   a:hover {background: transparent url(../img/nav.gif) -530px -45px no-repeat;}
#navContact   a:hover {background: transparent url(../img/nav.gif) -640px -45px no-repeat;}

body.home      #navHome      a { background: transparent url(../img/nav.gif) 0 -90px no-repeat; cursor: default; }
body.vision    #navVision    a { background: transparent url(../img/nav.gif) -90px -90px no-repeat; cursor: default; }
body.story     #navStory     a { background: transparent url(../img/nav.gif) -200px -90px no-repeat; cursor: default; }
body.projects  #navProjects  a { background: transparent url(../img/nav.gif) -310px -90px no-repeat; cursor: default; }
body.resources #navResources a { background: transparent url(../img/nav.gif) -420px -90px no-repeat; cursor: default; }
body.support   #navSupport   a { background: transparent url(../img/nav.gif) -530px -90px no-repeat; cursor: default; }
body.contact   #navContact   a { background: transparent url(../img/nav.gif) -640px -90px no-repeat; cursor: default; }

body.home      #nav { background-color: #333333; }
body.vision    #nav { background-color: #B21E24; }
body.story     #nav { background-color: #F68E2F; }
body.projects  #nav { background-color: #FFDC1F; }
body.resources #nav { background-color: #97CC3E; }
body.support   #nav { background-color: #0089CE; }
body.contact   #nav { background-color: #822B85; }


/* Section Navigation
------------------------------*/
.secNav { margin: 0 0 20px 0; width: 100%; list-style: none; }
.secNav li, secNav dt { margin: 0 0 8px 0; display: block; }
	body.ms .secNav li, body.ms .secNav dt { margin-left: 10px; }
.secNav li a { display: block; font-size: 110%; }

/* Add All Colors <----------------------------------------------------------*/
.story     .secNav a { color: #F68E2F; }
.projects  .secNav a { color: #BFA517; }
.resources .secNav a { color: #538620; }

.secNav li a:hover { color: #333; }
.secNav li.current a { color: #333; text-decoration: none; cursor: default; }
  body.ms .secNav li.current a { padding: 0 0 0 10px; background: url(../img/bltArrowL.gif) no-repeat left; }
  body.sm .secNav li.current a { padding: 0 10px 0 0; background: url(../img/bltArrowR.gif) no-repeat right; }

/* Titles
------------------------------*/
#sideCol h2.ttl {  text-indent: 10px; line-height: 1.8em;
	background: url(../img/bgTtls.jpg) repeat-x top left; color: #fff; }
  body.ms h2.ttl { margin: 0 -10px 5px 0; width: 250px; }
  body.sm h2.ttl { margin:0 0 5px -10px; width:175px; }

  /* Add All Colors <----------------------------------------------------------*/
.story     #sideCol h2.ttl { background-position: 0 -110px; }
.projects  #sideCol h2.ttl { background-position: 0 -150px; color: #333; }
.resources #sideCol h2.ttl { background-position: 0 -200px; }

/* Lists
------------------------------*/
/* Homepage News */
dl#news { margin: 0 0 10px 5px; }
dl#news dt { padding: 0 0 0 5px; font-size: 120%; font-weight: bold; color:#555; }
dl#news dd { margin: 0 0 8px 5px; font-size: 100%; color: #444; }
dl#news dd strong { font-size: 110%; }

/* Board of Directors */
dl#board { margin: 0 0 10px 5px; }
dl#board dt { padding: 0 0 0 5px; font-size: 130%; font-weight: bold; }
  dl#board dt em { font-size: 90%; font-weight: normal; font-style: normal; color:#555; }
dl#board dd { margin: 0 0 5px 5px; font-size: 100%; color: #444; }
dl#board dd strong { font-size: 110%; }

/* Featured Projects */
dl.fetproj { margin: 0 0 10px 0; }
dl.fetproj:after { content: ".";  display: block; height: 0; clear: left; visibility: hidden; }
  /* Clear Floats: http://www.positioniseverything.net/easyclearing.html */
  dl.fetproj:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
  dl.partner {display: inline-table;}
  /* Hides from IE-mac \*/ * html dl.fetproj {height: 1%;} .dl.fetproj {display: block;}/* End hide from IE-mac */
#content dl.fetproj dt { margin: 0 10px 0 0; float: left; }
dl.fetproj dt img { padding: 3px; border: 1px solid #ddd; }
dl.fetproj dd.title { font-size:130%; font-weight: bold; }

/* Websites */
dl.websites dd.link { font-size: 110%; }


/* Forms
------------------------------*/
form { margin:0 0 15px 0; padding:0; font-size:13px; }
form fieldset { border:solid #000;  border-width: 1px 0px 0px 0px; padding:10px; }
form fieldset legend { font-size: 14px; font-weight:bold; color: #000; padding: 0px 5px; }

form .set { float:left; margin:0 0 10px 0; width:100%; }

form div label { padding:0 5px 0 0; display: block; float: left; width: 130px; text-align: right; }
input.input-text, select, textarea { padding:1px 3px; font-family: Tahoma, Arial, sans-serif;
	font-size: 100%; color: #000; width: 250px; border:1px solid #ddd; }

form .check input { margin:0 5px 0 0; display:block; float:left; width:15px; }
form .check label { float:left; width:500px; text-align:left; }

form .required label, label.required { font-weight: bold; }

form .btns { padding:0 15px; text-align:right; }