/* 
Title:		salt.edu screen styles
Author: 	gordon@slickfishstudios.com & jim@yellahoose.com
*/
html, body {
  	margin: 0; 
	padding: 0; 
	height: 100%; 
	width: 100%;
}
body {
	background: #111111;
	/*background: #000000 url(../images/type_blog4.jpg) repeat left top;*/
	font-size: small;
	font-family: GillSans, Gill Sans, "Gill Sans", Verdana, Arial, Helvetica, sans-serif;
	color: #cdcdcd;
}
* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
}
a {outline: 0;}
/* *************** WRAPPER &  *************** */
#wrapper {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 975px;
	display: block;
}
#wrapper-inner { 
	margin: 0 auto 0 auto;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	display: block;
}
#topBanner { 
	margin: 0;
	padding: 0;
	width: 975px;
	height: 110px;
	display: block;
	background: url(../images/topBanner_bkg.jpg) no-repeat left top;
	float: left;
}
#topLogoBox { 
	margin: 0;
	padding: 0;
	width: 360px;
	height: 100px;
	float: left;
	display: block; 
}
#topNavRow { 
	margin: 0;
	width: 590px;
	height: 100px;
	float: left;
	display: block;
}
/* LOGIN ROW AT TOP BANNER */
#topLoginBox { 
	margin: 15px 15px 0 0;
	width: 590px;
	height: 45px;
	display: block;
	float: left;
	text-align: right;
	color: #979797;
	text-transform: uppercase;
	font-size: .85em;
}
#topLoginBox a { 
	color: #6d9515; /* dark green */
	text-decoration: none;
}
#topLoginBox a:hover { 
	color: #ade537;
}
/* end LOGIN ROW AT TOP BANNER */


/* MAIN NAVIGATION */
#topMainNav { 
	margin: 0;
	width: 572px;
	height: 20px;
	display: block;
	float: left;
	color: #cdcdcd;
}
#topMainNav ul, #topSubNav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: right;
}
#topMainNav ul li, #topSubNav ul li {
	list-style-type: none;
	padding: 0 8px;
	margin: 0;
	float: left;
}
#topMainNav ul li a {
	color: #cdcdcd;
	text-decoration: none;
}
#topMainNav ul li.current a {
	color: #709b15; /* slightly lighter dark green */
}
#topMainNav ul li a:hover, #topMainNav ul li.current a:hover {
	color: #ade537;
}

/* SUB NAVIGATION */
#topSubNav { 
	margin: 0 0 0 88px;
	padding: 3px 0 0 10px;
	height: 25px;
	display: block;
	float: left;
	background: url(../images/arrow_down.png) no-repeat left top;
}
#topSubNav ul li a {
	color: #2b79b1; /* sub nav blue */
	text-decoration: none;
}
#topSubNav ul li.current a {
	color: #74c0f7; /* light blue */
}
#topSubNav ul li.current a:hover {
	text-decoration: underline;
}
#topSubNav ul li a:hover {
	color: #74c0f7; /* light blue */
}
/* TARGET ONLY FIREFOX 3 */
html>/**/body #topSubNav, x:-moz-any-link, x:default {margin: 0 0 0 98px;} /* Only FireFox 3 */


/* MAIN CONTENT */
#mainContent { 
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: auto;
	float: left;
	background: url(../images/mainContent_bkg.jpg) repeat-y left top;
}

#mainContent #bigRow { 
	margin: 0 40px;
	width: 895px;
	height: 220px;
	display: block;
}
#mainContent #bigFlash { 
	margin: 0 40px;
	width: 895px;
	height: 470px;
	display: block;
}



/* INSIDE PAGES BANNERIMAGE */
#mainContent #bannerImage { 
	margin: 0 40px;
	width: 895px;
	height: 130px;
	display: block;
}
#mainContent #bannerImage img { 
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
}

/* INSIDE PAGES TWO COL Layout (contained within bigRow) */
#mainContent #bigInsideRow { 
	margin: 0 40px;
	width: 895px;
	height: 100%;
	min-height: 400px;
	overflow: auto;
	display: block;
	background: #093c61;
}

/* LEFT COLUMN */
#leftCol {
	display: block;
	overflow: auto;
	width: 160px;
	height: 100%;
	min-height: 400px;
	background: #093c61; /* blue */
	float: left;
	margin: 0;
	padding: 0;
}
#leftCol .format {
	margin: 2em 0 0 0;
	padding: 0;
	font-size: 1em;
	color: #e7e7e7;
	display: block;
	height: 100%;
	overflow: auto;
	line-height: 1.5em;
	text-align: right;
}
#leftCol .subNavBlock {
	display: block;
	border-top: 1px dashed #ccc;
	padding: 10px 0 10px 0;
}
#leftCol .subNavBlock .subNavParentChildBlock {
	display: block;
	border: 0;
	background: #265d86;
	padding: 7px 10px 7px 0;
	margin: 5px 0 10px 0;
	line-height: 1.2em;
}
#leftCol a, #leftCol .subNavBlock .subNavParentChildBlock a, #leftCol .subNavBlock .subNavParentChildBlock .parentBlock a {
	font-size: .90em;
	color: #ababab;
	text-decoration: none;
	padding: 0 10px 0 0;
}
#leftCol .subNavBlock .subNavParentChildBlock a {
	color: #5b95c0;
	padding: 0;
}
#leftCol .subNavBlock .subNavParentChildBlock a:hover {
	color: #aad5f4;
}
#leftCol .subNavBlock .subNavParentChildBlock a.current {
	color: #aad5f4;
	padding: 0;
}
#leftCol .subNavBlock .subNavParentChildBlock a.current:hover {
	text-decoration: underline;
}
/* parentBlock */
#leftCol .subNavBlock .subNavParentChildBlock .parentBlock {
	text-align: right;
	display: block;
	padding: 0 0 3px 0;
	margin: 0;
}
#leftCol .subNavBlock .subNavParentChildBlock .parentBlock a {
	color: #fff;
	padding: 0 0 0 10px;
}
#leftCol .subNavBlock .subNavParentChildBlock .parentBlock a:hover {
	color: #fff;
	text-decoration: underline;
}

#leftCol a:hover {
	color: #fff;
	text-decoration: none;
}
#leftCol a.current {
	color: #82ad25;
}
#leftCol a.current:hover {
	color: #a9d745;
	text-decoration: underline;
}
#leftCol a.head {
	color: #fff;
	letter-spacing: 0.1em;
}
#leftCol a.head:hover {
	color: #74c0f7;
	letter-spacing: 0.1em;
}

/* MAINCOLUMN to the right of LEFT COLUMN */
#mainCol {
	display: block;
	overflow: auto;
	width: 735px;
	height: 100%;
	min-height: 400px;
	float: left;
	margin: 0;
	padding: 0;
}
/* BREADCRUMB */
#breadCrumb {
	display: block;
	width: 100%;
	background: #1a1a1a;
	float: left;
	margin: 0;
	padding: 0;
	line-height: 2em;
}
#breadCrumb .format {
	padding: 0 0 0 15px;
	font-size: .85em;
	color: #4e4e4e;
	display: block;
}
#breadCrumb .format a.nada {
	color: #4e4e4e;
	text-decoration: none;
}
#breadCrumb .format a.nada:hover {
	color: #ade537; /* light green */
	background: none;
	text-decoration: underline;
}
#breadCrumb .format a.current {
	color: #787878;
	text-decoration: underline;
}
#breadCrumb .format a.current:hover {
	color: #ade537; /* light green */
	background: none;
	text-decoration: underline;
}



/* MAIN COLUMN CONTENT */
#mainCol_content {
	display: block;
	width: 100%;
	height: 100%;
	background: #000;
	min-height: 374px; /* 400-26px = 374px; */
	float: left;
	margin: 0;
	padding: 0;
}

#mainCol_content .format {
	margin: 0;
	padding: 15px 15px 30px 15px;
	font-size: 1em;
	color: #eee;
	display: block;
	height: 100%;
	overflow: auto;
	line-height: 1.5em;
}

#mainCol_content .format strong {
	color: #2b79b1;
	font-weight: bold;
	font-size: 1.1em;
	text-transform: uppercase;
}
#mainCol_content .right_side {
	float: right;
	padding: 0;
	border: 1px solid #454545;
	margin: 0 0 3px 10px;
}
#mainCol_content .biopic, #mainCol_content .biopic2 {
	float: left;
	padding: 0;
	border: 1px solid #454545;
	margin: 0 10px 0 0;
	display: block;
	width: 100px;
}
#mainCol_content .biopic2 {
	width: 150px;
}
#mainCol_content .biopic3 {
	/* float: left; */
	padding: 0;
	border: 1px solid #454545;
	margin: 0 10px 0 0;
	display: block;
	width: 100px;
}
#mainCol_content .biopic3 {
	width: 150px;
}

#mainCol_content a {
	text-decoration: underline;
	color: #3184b8;
}
#mainCol_content a:hover {
	color: #65baef;
}

#mainCol_content a.pdf {
	background: url(../images/pdf_icon.jpg) no-repeat left top;
	padding: 3px 0 3px 25px;
	margin: 0;
}
#mainCol_content ul, #mainCol_content ol {
	margin-top: 4px;
}
/* SITEMAP */

#sitemap ul {

}

/* tier home */
#sitemap a {
	text-decoration: none;
}
#sitemap ul li {
	list-style-type: none;
	font-weight: bold;
	text-transform: uppercase;
}
#sitemap ul li a {
	color: #fff;
}
#sitemap ul li a:hover {
	color: #fff;
	text-decoration: underline;
}
/* tier 1 */
#sitemap ul li ul li {
	list-style-type: disc;
	color: #82ad25;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 10px;
}
#sitemap ul li ul li a {
	color: #82ad25;
}
#sitemap ul li ul li a:hover {
	color: #ade537;
}

/* tier 2 */
#sitemap ul li ul li ul li {
	list-style-type: square;
	color: #80c3ec;
	font-weight: normal;
	text-transform: capitalize;
	padding-top: 0;
}
#sitemap ul li ul li ul li a {
	color: #57ade3;
}
#sitemap ul li ul li ul li a:hover {
	color: #65baef;
}

/* tier 3 */
#sitemap ul li ul li ul li ul li {
	list-style-type: circle;
}
#sitemap ul li ul li ul li ul li a {
	color: #1a5f8b;
}





.PopPic_right, .PopPic_left {
	display: block;
	float: right;
	margin: 5px 0 2px 15px;
}
.PopPic_left {
	float: left;
	margin: 5px 15px 2px 0;
}



/* BASIC PAGE STUFF  */
.header1 {
	font-size: 1.6em;
	color: #6f9a15;
}
.header2 {
	font-size: 1.2em;
	color: #6f9a15;
}
.big-blue-header {
	font-size: 2.2em;
	color: #3184b8;
}
.photos {
	display: block;
	padding: 0 0 0 25px;
}
.photos img {
	border: 1px solid #454545;
	width: 317px;
	padding: 0;
	margin: 5px 0;
}
.green {
	color: #6f9a15;
}
.green2 {
	color: #798d4f;
}
.blue {
	color: #3184b8;
}
.ltblue {
	color: #4fa1d4;
}	
.grey {
	color: #999;
}
.ltgrey {
	color: #ababab;
}

/* newsBox */
#newsBox {
	width: 293px;
	height: 200px;
	display: block;
	float: left;
	margin: 10px 8px 10px 0;
	padding: 0;
}
#header_hidden { 
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	height: 18px;
	background: url(../images/news_header_bkg.jpg) no-repeat left top;
}
#header_hidden a {
	color: #709b15;
	padding: 2px 10px 0 0;
	margin: 0;
	font-size: 1em;
	text-align: right;
	text-decoration: none;
	display: block;
}
#header_hidden a:hover {
	color: #ade537;
}
#newsBox_format {
	margin: 0;
	padding: 0;
	width: 291px;
	height: 181px; /* subtract 19 (height of header) */
	overflow: auto;
	border: 1px solid #666;
	border-top: 0;
	background: #222222;
}
/* dl and dd #news */
dl#news {
	margin: 0;
	padding: 0;
}
dl#news dd {
	font-size: .90em;
	padding: 0;
	margin: 0;
	line-height: 100%;
}

dl#news dd a {
	display: block;
	padding: 5px 0 5px 10px;
	margin: 0;
	background: url(../images/news_btn_bkg.jpg) repeat-y left top;
	border-bottom: 1px solid #000;
	text-decoration: none;
	color: #454545;
	font-size: .90em;
}
dl#news dd a:hover {
	background: url(../images/news_btn_bkg_over.jpg) repeat-y left top;
}

dl#news dd#first a {
	background: #fff;
	color: #454545;
}
dl#news dd#first a:hover {
	background: #597d0e;
	color: #222;
}
dl#news a .date {
	color: #999;
	font-size: .80em;
}
dl#news a .head, dl#news a .green {
	font-weight: bold;
	color: #709b15;
	text-transform: uppercase;
}
dl#news a:hover .head, dl#news a:hover .green {
	font-weight: bold;
	color: #ade537;
}
dl#news a .green {
	font-weight: normal;
	font-size: .90em;
}
/* end dl and dd #news */
/* end newsBox */



#bucketBox1, #bucketBox2 {
	width: 293px;
	height: 200px;
	display: block;
	float: left;
	margin: 10px 8px 10px 0;
}
#bucketBox2 {
	margin-right: 0;
}


#bucketBox1 a, #bucketBox2 a {
	display: block;
	padding: 1px;
	margin: 0;
	background: #666;
	border: 0;
}

#bucketBox1 a:hover, #bucketBox2 a:hover {
	background: #ade537;
}
#bucketBox1 img, #bucketBox2 img {
	display: block;
	border: 0;
	width: 291px;
	height: 198px;
}

/* *************** SOCIAL ICONS *************** */

#rss,
#facebook,
#blog,
#twitter,
#podcast,
#vimeo,
#flickr
{
	width: 22px;
	height: 22px; 
	overflow: hidden;
	margin: -6px 3px 0 0;
	display: block;
	float: right;
	text-decoration: none;
	outline: none;
	border: none;
	background: url(../images/social-icons/rss.png) no-repeat left top;
}
#twitter
{
	background: url(../images/social-icons/twitter.png) no-repeat left top;
}
#podcast
{
	background: url(../images/social-icons/podcast.png) no-repeat left top;
}
#vimeo
{
	background: url(../images/social-icons/vimeo.png) no-repeat left top;
}
#flickr
{
	background: url(../images/social-icons/flickr.png) no-repeat left top;
}
#facebook
{
	background: url(../images/social-icons/facebook.png) no-repeat left top;
}
#blog
{
	background: url(../images/social-icons/blog.png) no-repeat left top;
}
#rss:hover
{
	background: url(../images/social-icons/rss.png) no-repeat left -22px;
}
#facebook:hover
{
	background: url(../images/social-icons/facebook.png) no-repeat left -22px;
}
#blog:hover
{
	background: url(../images/social-icons/blog.png) no-repeat left -22px;
}
#twitter:hover
{
	background: url(../images/social-icons/twitter.png) no-repeat left -22px;
}
#podcast:hover
{
	background: url(../images/social-icons/podcast.png) no-repeat left -22px;
}
#vimeo:hover
{
	background: url(../images/social-icons/vimeo.png) no-repeat left -22px;
}
#flickr:hover
{
	background: url(../images/social-icons/flickr.png) no-repeat left -22px;
}




/* *************** FOOTER *************** */
#footer {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 65px;
	display: block;
	background: url(../images/footer_bkg.jpg) no-repeat left bottom;
	float: left;
}
#footer p {
	margin: 0 40px;
	width: 895px;
	padding: 5px 0 0 0;
	color: #676767;
	font-size: .85em;
	text-align: center;
}
/* *************** CREDIT *************** */
#credit { 
	width: 100%;
	height: 40px; 
	padding: 0;
	margin: 0;
	display: block;
	font-size: .90em;
}
#creditleft p, #creditright p {
	color: #444;
	margin: 0;
	padding: 0;
}
#creditleft { 
	margin: 0px;
	padding: 0;
	width: 40%;
	float: left;
}
#creditleft p {
	padding: 5px 0 0 15px;
	text-align: left;
}
#creditright { 
	margin: 0;
	padding: 0;
	width: 60%;
	float: left;
	text-align: right;
}
#creditright p {
	margin: 0;
	padding: 5px 15px 0 0;
}
#credit a {
	color: #444;
	text-decoration: none;
	outline: none;
}
#credit a:hover {
	color: #fff;
	text-decoration: none;
	background: #709b15;
}
#credit a.login {
	color: #709b15;
}
#credit a.login:hover {
	color: #ade537;
	background: none;
	text-decoration: underline;
}