/*** Primary Colors ***/
/*
	#f4f4f4		body background - light gray
	#2d2d2d		text, headers   - dark gray/black
	#ffffff		text for nav	- white
	#989898		link (hover)	- 
	#989898		text footerNav	- 
	#2d2d2d		text border 	- dark gray
*/	

/* // ---- debug styles  ---- // */

/* -- ---- end debug styles  ---- -- */

/* Genderal Styles */
@font-face {
       font-family: Delicious;
       src: local("Delicious-Roman"), url("fonts/Delicious-Roman.otf") format("opentype");
       font-weight: normal;
       font-style: normal;
}

body { 
	font-size: 62.5%; 
	font-family: Helvetica, Arial, sans-serif; 
	background: #61b6e4 url('../images/body-bg-top.jpg') repeat-x; 
	color: #2d2d2d;
}

/* toolbox */
.floatLeft { float: left;}
.floatRight { float: right;}
.clear { clear: both;}
.page-wrap { width: 960px; margin: 0 auto; }
a.current {color: #989898; }
.hidden {display: none;}


/*** TYPOGRAPHY ***/
h1 { font-size: 3.2em; }
h2 { font-size: 2.6em; }
h3 { font-size: 2.0em; }
h4 { font-size: 1.6em; }
h5, h6 { font-size: 1.333em; }

/* // ---- header styles  ---- // */
#header {
	position: relative;
	width: 960px;
	height: 278px;
	padding: 0;
	background: transparent url('../images/header-bg-trans.png') no-repeat;
}

#logo {
    width: 242px;
    height: 150px;
    margin: 5px 0 0 5px;
}

#logo img {
	border: none;
	outline: none;
	position: relative;
	top: 25px;
	left: 25px;
	
}

#header h1 { 
     font-family: delicious-roman, helvetica, arial, sans-serif;
     position: absolute;
     top: 130px;
     left: 330px;
     font-size: 32px;
}

#nav {
	margin: 55px auto 0;
	padding: 5px;
	width: 900px;
	height: 30px;
}

ul.mainNav { 
	position: relative;
	margin: 0 auto;
    width: 880px;
    height: 23px;
    padding: 0;
    list-style: none;
    font-size: 20px; 
    display: inline;
}

ul.mainNav li { 
    float: left;
    padding: 0 20px; 
    height: 23px;
    border-right: 1px solid #cccccc;
}	

ul.mainNav li.last { 
    border: none; 
}

ul.mainNav li a { 
    color: #ffffff;
    text-decoration: none;
    display: block;
    width: auto;
    height: 25px;
}

ul.mainNav li a:hover { 
    color: #989898; 
}

ul.mainNav li a.current {
	color: #989898;
}

/* -- ---- end header styles  ---- -- */






/* // ---- mainContent Styles  ---- // */
#mainContent {
	position: relative;
	width: 960px;
	height: auto;
	margin: 0 0 0 0;
}

#mainContent .contentTop {
	position: relative;
	background: transparent url('../images/content-top-trans.png') no-repeat;
	width: 960px;
	height: 45px;
}

#mainContent .contentBody {
	position: relative;
	background: transparent url('../images/content-middle-trans.png') repeat-y;
	width: 960px;
	height: auto;
	margin: 0 0 0 0;
}

#mainContent .contentBody .content-column {
	position: relative;
	width: 415px;
	height: 300px;
	margin: 0 0 0 30px;
}

#mainContent .contentBody .content-column .contentBlock, 
.content-column-services .contentBlock, 
.content-column-aboutus .contentBlock  { 
   margin: 0 0 20px 0;
   padding: 0 0 5px 0;
   border-bottom: 1px solid #cccccc;
}

#mainContent .contentBody .content-column .contentBlock, 
.content-column-services .contentBlock, 
.content-column-aboutus .contentBlock + .last {
	border: none;
}

#mainContent .contentBody .content-column .contentBlock h2, 
.content-column-services .contentBlock h2, 
.content-column-services .content-column-aboutus h2 {
	margin: 0 0 0 0;
}

#mainContent .contentBody .content-column .contentBlock p, 
.content-column-services .contentBlock p {
	font-size: 1.4em;
	line-height: 1.2em;
	margin: 0 0 5px 0;
	padding: 5px 5px 5px 5px;
}




/* // ---- Serevices  ---- // */
.content-column-services .contentBlock {
	height: auto;
	border-bottom: 1px solid #cccccc;
}

#mainContent .contentBody .content-column-services { 
    position: relative;
	width: 415px;
	margin: 0 0 0 30px;
}

#mainContent .contentBody .content-column-services .contentBlock + .last { 
    border: none; 
}


/* -- ---- end Serevices  ---- -- */





/* // ---- About Us styles  ---- // */
#mainContent .contentBody .content-column-aboutus {
	position: relative;
	width: 415px;
	margin: 0 0 0 30px;
}

.content-column-aboutus h2 {
	margin: 0 0 20px 0;
}

.content-column-aboutus .contentBlock {
	padding: 0 0 5px 20px;
	width: auto;
}


.content-column-aboutus h3 {
	margin: 0 0 5px 0;
}

.content-column-aboutus h4 {
	padding: 0 0 0 10px;
}

.content-column-aboutus p {
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
	margin: 3px 0 5px 0;
}

.content-column-aboutus p a {
	text-decoration: none;
	color: #9f4f4f;
}

.content-column-aboutus p a:hover {
	text-decoration: underline;
	color: #9f4f4f;
}
/* -- ---- end About Us styles  ---- -- */






/* // ---- Philosophy  ---- // */
#mainContent .contentBody .content-column-philosophy { 
     position: relative;
     width: 800px;
     height: auto;
     margin: 0 0 0 30px;
}

#mainContent .contentBody .content-column-philosophy h2 {
	margin: 0 0 30px 0;
}

#mainContent .contentBody .content-column-philosophy .contentBlock {
	padding: 5px;
	margin: 0 0 15px 0;
}

#mainContent .contentBody .content-column-philosophy .contentBlock h3 {
	margin: 0 0 10px 0;
}

#mainContent .contentBody .content-column-philosophy .contentBlock p {
	margin: 0 0 0 0;
	padding: 0 0 5px 20px;
	font-size: 1.4em;
}
/* -- ---- end Philosophy  ---- -- */






/* // ---- Locations  ---- // */
#mainContent .contentBody .content-column-locations {
	position: relative;
    width: 940px;
    height: auto;
    margin: 0 0 0 30px;
    overflow: auto;
}

#mainContent .contentBody .content-column-locations h2 {
	margin: 0 0 40px 0;
}


#mainContent .contentBody .content-column-locations .contentBlock {
	height:350px;
	margin:0 0 60px;
	padding:0 30px 0 10px;
}

#mainContent .contentBody .content-column-locations .contentBlock + .last { 
    margin: 0 30px 0 0; 
}

iframe { 
    margin: 0;
    padding: 0; 
    border: 1px solid #cccccc;
}

#mainContent .contentBody .content-column-locations .contentBlock h3 {
	margin: 0 0 5px 0;
}

#mainContent .contentBody .content-column-locations .contentBlock ul.addressList {
	font-size: 1.2em;
}

#mainContent .contentBody .content-column-locations .contentBlock ul.addressList li {
	margin: 0 0 3px 0;
}
/* -- ---- end Locations  ---- -- */



/* // ---- Contributer / Volunteer Styles  ---- // */
#mainContent .contentBody .content-column-contribute {
	position: relative;
    width: 940px;
    height: auto;
    margin: 0 0 0 30px;
    overflow: auto;
}

#mainContent .contentBody .content-column-contribute h2 {
	margin: 0 0 40px 0;
}

#mainContent .contentBody .content-column-contribute h3 {
	margin: 0 0 25px 40px;
}


#mainContent .contentBody .content-column-contribute .contentBlock {
	height:150px;
	width: 300px;
	margin:0 0 60px;
	padding:0 30px 0 10px;
}

#mainContent .contentBody .content-column-contribute .contentBlock h3 {
	margin: 0 0 5px 0;
}

#mainContent .contentBody .content-column-contribute .contentBlock ul.addressList {
	font-size: 1.4em;
}

#mainContent .contentBody .content-column-contribute .contentBlock ul.addressList li {
	margin: 0 0 3px 0;
}


/* -- ---- end Contributer / Volunteer Styles  ---- -- */

#mainContent .contentBody .content-column-publications {
	position: relative;
    width: 860px;
    height: auto;
    margin: 0 0 0 30px;
    overflow: auto;
}

#mainContent .contentBody .content-column-publications h2 {
	margin: 0 0 40px 0;
}

#mainContent .contentBody .content-column-publications h3 {
	margin: 0 0 25px 40px;
}

#mainContent .contentBody h2.publicationHeader {
	margin-left: 25px;
}

#mainContent .contentBody .content-column-publications .contentBlock {
	height:150px;
	width: 250px;
	margin:0 0 60px;
	padding:0 20px 0 10px;
}

#mainContent .contentBody .content-column-publications .first {
	width: 180px !important;
}

#mainContent .contentBody .content-column-publications .contentBlock h3 {
	margin: 0 0 5px 0;
}

#mainContent .contentBody .content-column-publications .contentBlock ul.addressList {
	font-size: 1.4em;
}

#mainContent .contentBody .content-column-publications .contentBlock ul.addressList li {
	margin: 0 0 3px 0;
}

.contentBody h2.publicationHeader {
	margin: 0 0 0 30px;
}






#mainContent .contentBody .content-column-links {
	position: relative;
    width: 860px;
    height: auto;
    margin: 0 0 0 30px;
    overflow: auto;
}

#mainContent .contentBody .content-column-links h2 {
	margin: 0 0 40px 0;
}

#mainContent .contentBody .content-column-links h3 {
	margin: 0 0 25px 40px;
}

#mainContent .contentBody h2.publicationHeader {
	margin-left: 25px;
}

#mainContent .contentBody .content-column-links .contentBlock {
	height:auto;
	width: auto;
	margin:0 0 60px;
	padding:0 20px 0 10px;
}


#mainContent .contentBody .content-column-links .contentBlock h3 {
	margin: 0 0 5px 0;
}

#mainContent .contentBody .content-column-links .contentBlock ul {
	margin-bottom: 10px;
}

#mainContent .contentBody .content-column-links .contentBlock ul li {
	margin: 0 0 5px 0;
}

	



/* // ---- Slide Show styles  ---- // */
#mainContent .contentBody .slideshow {
	width: 410px;
	height: 310px;
	margin: 0 65px 0 0;
	background: #cacaca;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#mainContent .contentBody .slideshow img { 
	padding: 15px; 
	border: 1px solid #ccc; 
	background-color: #eee; 
}


#mainContent .contentBody .promoImage {
	width: 410px;
	height: 310px;
	margin: 0 65px 0 0;
	background: #cacaca;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#mainContent .contentBody .promoImage img { 
	padding: 15px; 
	border: 1px solid #ccc; 
	background-color: #eee; 
}


/* -- ---- end Slide Show styles  ---- -- */




#mainContent .contentBody .content-row {
	position: relative;
	width: 900px;
	height: auto;
	margin: 0 0 0 30px;
	padding: 20px 0 0 0;
	overflow: auto;
}

#mainContent .contentBody .content-row h2 {
	margin: 30px 0 5px 0 ;
}

#mainContent .contentBody .content-row h4 {
	margin: 0 0 5px 10px ;
}

#mainContent .contentBody .content-row p {
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 0 0 0 0;
	padding: 0 5px 10px;
}

#mainContent .contentBody .content-row p.disabilityDisclaimer {
	margin: -15px 0 0 30px;
	font-weight: bold;
	font-size: 1.4em;
	color: #4a4a4a;	
}

.content-row .contentBlock {
	position: relative; 
    margin: 3px 45px 0 15px;
    padding: 0 0 0 0; 
}

.content-row .contentBlock h3 {
	margin: 0 0 3px 0;
}

.content-row .contentBlock ul {
	list-style: none;
	font-size: 1.2em;
}

.content-row .contentBlock li {
	margin: 0 0 3px 0;
}

.content-row .contentBlock li a {
	text-decoration: none;
	color: #9f4f4f;
}


#mainContent .contentFooter {

	position: relative;
	margin: 0 0 0 0;
	background: transparent url('../images/content-foot-trans.png') no-repeat;
	width: 960px;
	height: 37px;
}


/* -- ---- end mainContent Styles  ---- -- */



/* // ---- Footer Styles  ---- // */
#footer {
	position: relative;
	width: 960px; 
	height: 179px;
	background: transparent url('../images/footer-bg-trans.png') no-repeat;
}

#footer .addressColumn {
	margin: 30px 0 0 30px;
	width: 173px;
	height: 90px;
}

#footer h3 { 
	margin: 0 0 3px 0;
}

#footer ul.addressList {
	list-style: none;
}

#footer ul.addressList li {
	padding: 0 1px;
	margin: 0 0 2px 0;
}

#footer .footerColumn {
	position: relative;
	width: 525px;
	height: 90px;
	margin: 30px 0 0 15px;
}

#footer ul.subNav {
	position: relative;
	width: 525px;
	height: 23px;
	list-style: none; 
	display: inline;
}

ul.subNav li { 
	float: left;
	padding: 0 10px; 
	height: 15px;
	border-right: 1px solid #cccccc;
	font-size: 1.2em;
}	

ul.subNav li.last { 
	border: none; 
}

ul.subNav li a { 
	color: #989898;
	text-decoration: none;
	display: block;
	width: auto;
	height: 15px;
	padding: 1px 0 0 0;
}

ul.subNav li a:hover { 
	color: #2d2d2d; 
}

#footer .footerCopyright {
	width: 900px;
	position: relative;
	top: -15px;
	text-align: right;
	margin: 0 0 0 30px;
}

#footer .footerCopyright p {
	margin: 0 0 -20px 0;
}

#footer .footerCopyright a { 
	color: #9f4f4f;
	text-decoration: none;
}

#footer .footerCopyright a:hover {
	color: #2d2d2d;
}

#footer .grantDisclaimer {
	width: 920px;
	height: auto;
}

#footer .grantDisclaimer p { 
    color: #ffffff; 
    padding: 6px 3px;
    margin: 0 0 0 30px;
    line-height: 12px;
}
/* -- ---- end Footer Styles  ---- -- */










































































/* // ---- Copyright  ---- // */
/*

Created and copyrighted 2009-2010 by Charles Rowland. 
dakotacil.org was created by myself, Charles Rowland.
all work, files, code, concepts are original unless otherwise noted.

All javascript plugins, myerwebReset and other noted code are used with express persmision from their owners via free license.

*/
/* -- ---- end Copyright  ---- -- */