@charset "UTF-8";
/* CSS Document */

body {
	font-family: Arial;
	font-size: 100%;
	color: #000000;
	text-align: center;
	margin: 0px;
	padding: 9px 0 0 20px;
	background-color: #cba231;
	background-image: url(/images/wallpaper-bg.gif);
	background-repeat: repeat;
}
/* ---------- STYLES FOR BORDERS OF SITE ----------*/
#container {
	width: 862px;
	margin-right: auto;
	margin-left: auto;
	background-color: #634c13;
	padding: 4px;
	text-align: left;
}
#container .mediumBrown {
	background-color: #4b390b;
	padding: 2px;
}
#container .darkBrown {
	background-color: #FFFFFF;
	border: 1px solid ##332604;
}

/* ---------- STYLES FOR GLOBAL HIDE/SHOW ----------*/

#container .hide {
	display: none;
}
#container .show {
	display: block;
}

/* ---------- STYLES FOR SITEWIDE FOOTER ----------*/
#blockFooter {
	background-color: #fcfaf3;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #332604;
	padding: 12px 12px 8px;
	color: #a0802f;
	font-size: 80%;
	text-align: center;
}
#blockFooter p {
	margin: 0px 0px 4px;
	padding: 0px;
}
#blockFooter a:link, #blockFooter a:visited {
	color: #a0802f;
	text-decoration: none;
}
#blockFooter a:hover {
	color: #000000;
	text-decoration: underline;
}
/* ---------- STYLES FOR SITEWIDE MASTHEAD ----------*/
#blockMasthead {
	background-image: url(/images/masthead-home.gif);
	background-repeat: no-repeat;
	height: 132px;
}

/* ---------- STYLES FOR MASTHEAD LINK ----------*/
#blockMasthead a.logolink {
	position: relative;
	float: left;
}

/* ---------- STYLES FOR MASTHEAD GOOGLEADS ----------*/
#googleadsense_header {
	position: relative;
	float: right;
	width: 125px;
	height: 125px;
	margin: 5px 5px 0 0;
	display: inline;
}

/* ---------- STYLES FOR RIGHT RAIL ----------*/
#googleadsense_rightrail {
	position: relative;
	float: left;
	width: 200px;
	height: 200px;
	margin: 15px 0px 0 30px;
	display: inline;
	padding: 0 0 15px 0;
}
/* ---------- STYLES FOR MAIN NAVIGATION ----------*/
#blockNav {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #332604;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #332604;
	background-image: url(/images/nav-bg.gif);
	background-repeat: repeat-x;
	height: 37px;
}
#blockNav ul {
	margin: 0px 0px 0px 19px;
	padding: 0px;
	list-style-type: none;
}
#blockNav li {
	margin: 0px;
	padding: 0px;
	float: left;
}
#blockNav #mainNav b {
	margin-left: -200px;
}
#blockNav #mainNav .navItemHome {
	background-image: url(/images/nav-home-off.gif);
	background-repeat: no-repeat;
	display: block;
	height: 37px;
	width: 100px;
	overflow: hidden;
}
#blockNav #mainNav .navItemHome:hover {
	background-image: url(/images/nav-home-on.gif);
	background-repeat: no-repeat;
}
#blockNav #mainNav .navItemBlog {
	background-image: url(/images/nav-blog-off.gif);
	background-repeat: no-repeat;
	display: block;
	height: 37px;
	width: 93px;
	overflow: hidden;
}
#blockNav #mainNav .navItemBlog:hover {
	background-image: url(/images/nav-blog-on.gif);
	background-repeat: no-repeat;
}
#blockNav #mainNav .navItemVideos {
	background-image: url(/images/nav-videos-off.gif);
	background-repeat: no-repeat;
	display: block;
	height: 37px;
	width: 113px;
	overflow: hidden;
}
#blockNav #mainNav .navItemVideos:hover {
	background-image: url(/images/nav-videos-on.gif);
	background-repeat: no-repeat;
}
#blockNav #mainNav .navItemCartoons {
	background-image: url(/images/nav-cartoons-off.gif);
	background-repeat: no-repeat;
	display: block;
	height: 37px;
	width: 144px;
	overflow: hidden;
}
#blockNav #mainNav .navItemCartoons:hover {
	background-image: url(/images/nav-cartoons-on.gif);
	background-repeat: no-repeat;
}
#blockNav #mainNav .navItemAudio {
	background-image: url(/images/nav-audio-off.gif);
	background-repeat: no-repeat;
	display: block;
	height: 37px;
	width: 105px;
	overflow: hidden;
}
#blockNav #mainNav .navItemAudio:hover {
	background-image: url(/images/nav-audio-on.gif);
	background-repeat: no-repeat;
}
#blockNav #mainNav .navItemSubmit {
	background-image: url(/images/nav-submit-off.gif);
	background-repeat: no-repeat;
	display: block;
	height: 37px;
	width: 116px;
	overflow: hidden;
}
#blockNav #mainNav .navItemSubmit:hover {
	background-image: url(/images/nav-submit-on.gif);
	background-repeat: no-repeat;
}
/* ---------- STYLES FOR HOME PAGE ----------*/
#blockBody {
	background-image: url(/images/right-tan-bg.gif);
	background-repeat: repeat-y;
	background-position: right top;
}
#blockBody .bgGhost {
	background-image: url(/images/right-flapper-bg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#container #blockBody a:link, #container #blockBody a:visited {
	color: #0071bb;
	font-weight: bold;
	text-decoration: none;
}
#container #blockBody a:hover {
	color: #664f17;
	text-decoration: none;
}
#blockBody .colLeft {
	float: left;
	width: 548px;
	padding-left: 20px;
	padding-top: 25px;
	padding-bottom: 25px;
}
#blockBody .colRight {
	width: 269px;
	float: right;
	font-size: 80%;
	color: #333333;
}
#blockBody .colLeft .colSpotlight {
	float: left;
	width: 349px;
	margin-right: 20px;
}
#blockBody .colLeft .colHighlights {
	float: left;
	width: 179px;
	font-size: 80%;
	color: #666666;
}
#block-Spotlight #spotlight-content {
	background-color:#F5EED8;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #332604;
	border-bottom-color: #332604;
	border-left-color: #332604;
	padding:0px 10px 10px;
	font-size: 80%;
}
#blockBody .submitFront {
	margin-top: 10px;
	background-color: #fcfaf3;
	border: 1px solid #f5eed8;
	padding: 10px;
}
#blockBody .submitFront .text {
	float: left;
	width: 161px;
}
#blockBody .submitFront .button {
	float: right;
	width: 158px;
}
#blockBody .submitFront .text p {
	margin: 0px;
	padding: 0px;
	font-size: 80%;
}
#blockBody .colHighlights .entry {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #d5bc7e;
	border-bottom-color: #d5bc7e;
	border-left-color: #d5bc7e;
	text-align: left;
	padding:10px 10px 20px 10px;
}

#blockBody .colHighlights .entry img{
	float:left;
	position:relative;
	padding-right:5px;
	}
	
#blockBody .colRight .moreLinks {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #bbad89;
	padding: 10px 15px;
}
#blockBody .colRight .moreLinks ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#blockBody .colRight .moreLinks li {
	margin: 0px 0px 4px;
	padding: 0px 0px 0px 10px;
	background-image: url(/images/bullet-arrows.gif);
	background-repeat: no-repeat;
	background-position: left .4em;
}

#blockBody .colHighlights .entry p {
	margin: 4px 0px 0px 40px;
	font-weight:normal;
	padding: 0px;
}
#block-Spotlight #spotlight-content p {
	margin: 0px 0px 5px;
	padding: 0px;
}
#block-Spotlight #spotlight-content h2 {
	margin: 0px 0px 5px;
	padding: 0px;
	font-weight: normal;
	font-size: 140%;
	color: #666666;
}

#spotlight-content #feature-clip {
	margin-bottom:-5px;
	padding-bottom:0pt;
	text-align:center;
}

#featurecontainer{
	position:relative;
	padding:0px;
	margin-bottom:10px;
	}


#blockBody .colRight .pad-15 {
	padding-right: 15px;
	padding-left: 15px;
}


#blockBody .colRight h1 {
	font-weight: normal;
	font-size: 140%;
	margin: 0px;
	padding: 0px;
}
#blockBody .colRight p {
	margin: 0px 0px 10px;
	padding: 0px;
}
#blockBody .colRight .dateStamp {
	font-style: italic;
	font-size: 90%;
}
#spotlight-content .keyWords {
	font-size: 90%;
}
#spotlight-content #feature-text .keyWords a:link, #spotlight-content #feature-text .keyWords a:visited {
	font-weight: normal;
}

#feature-text {
	padding-top:10px;
	}
	
#topFill{
	background-color:#F5EED8;
	height:20px;
	margin-top:0px;
	padding:5px 0pt;
	position:relative;
	width:100%;
	}
	
#topFill p{
	margin-top:1pt;
	padding-left:20px;
	}

/* ---------- STYLES FOR SUB PAGES ----------*/
#blockBodyInner {
}
#container #blockBodyInner a:link, #container #blockBodyInner a:visited {
	color: #0071bb;
	font-weight: normal;
	text-decoration: none;
}
#container #blockBodyInner a:hover {
	color: #664f17;
	text-decoration: none;
}
#blockBodyInner #pageHeader {
	background-color: #f5eed8;
	height: 62px;
}
.blogContainer .colRight .pad-15 {
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 9px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #bbad89;
	padding-top: 15px;
}

#bio{
	background-color:#F9F5E8;
	border-bottom:1px solid #EDE3C2;
	border-top:1px solid #EDE3C2;
	padding:10px;
	height:100%;
	position:relative;
	}
	
#bio h1{
	margin:0;
	}
	
#bio p{
	font-size:12px;
	line-height:17px;
	}
	
#bio img{
	margin:0 10px 10px 0;
	position:relative;
	border: 2px solid #CBA231;
	float:left;
	}

.pad-15 li{
	margin-bottom:10px;
	margin-left:-20px;
	list-style-type:circle;
	}

#blockBodyInner .gridContainer {
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 20px;
	font-size: 80%;
	color: #333333;
}
#blockBodyInner .newEntry {
	width: 190px;
	float: left;
	margin-right: 18px;
	margin-bottom: 10px;
	background-image: url(/images/grid-bg-fade.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
/* ---------- THESE CONTROL THE HEIGHT OF THE GIRD BOXES ON INTERIOR PAGES ----------*/
#nav-videos .newEntry {
	height: 270px;
}
#nav-cartoons .newEntry {
	height: 230px;
}
#nav-audio .newEntry {
	height: 194px;
}
#blockBodyInner .pad10 {
	text-align: center;
	padding: 10px;
}
#blockBodyInner .newEntry p {
	margin: 5px 0px 0px;
	padding: 0px;
}
#blockBodyInner .hdrBlog {
	background-image: url(/images/hdr-pg-blog.gif);
	background-repeat: no-repeat;
	background-position: 20px bottom;
}
#blockBodyInner .hdrVideos {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:46px;
	color:#FFF;
	position:relative;
	margin-bottom:0;
}
#blockBodyInner span.title{
	position:absolute;
	margin-left:20px;
	margin-top:18px;
	*margin-top:20px;
	}

#blockBodyInner .hdrCartoons {
	background-image: url(/images/hdr-pg-cartoons.gif);
	background-repeat: no-repeat;
	background-position: 20px bottom;
}
#blockBodyInner .hdrAudio {
	background-image: url(/images/hdr-pg-audio.gif);
	background-repeat: no-repeat;
	background-position: 20px bottom;
}
#blockBodyInner .hdrSubmit {
	background-image: url(/images/hdr-pg-submit.gif);
	background-repeat: no-repeat;
	background-position: 20px bottom;
}
#blockBodyInner #pageHeader h1 {
	display: block;
	font-size: 80%;
	font-weight: normal;
	margin: 0px;
}
#blockBodyInner .extraLinks {
	font-size: 80%;
}
#blockBodyInner #pagination {
	text-align: right;
	font-size: 80%;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 0px;
	color: #464646;
	padding-right: 20px;
}
#blockBodyInner .colLeft {
	float: left;
	width: 548px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 20px;
}

#blockBodyInner .colLeft h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:150%;
	color:#634C13;
	}
	
#blockBodyInner .colRight {
	font-size: 80%;
	color: #333333;
	float: right;
	width: 269px;
}
#blockBodyInner .blogContainer {
	background-image: url(/images/inner-right-bg.gif);
	background-repeat: repeat-y;
	background-position: right;
}
/* ---------- BLOG TEMPLATE STYLES	 ----------*/
#ssu-blog_body img {
	border: 3px solid #362A0A;
}
#ssu-blog h2 {
	margin: 0px 0px 25px;
	font-weight: normal;
	font-size: 170%;
}

#ssu-blog h1 {
	margin: 0px 0px 15px;
	font-weight: normal;
	font-size: 20px;
	line-height:150%;
}

#ssu-blog_body p {
	margin: 0px 0px 12px;
}
#ssu-blog {
	font-size: 90%;
	line-height: 1.4em;
}
#ssu-blog_body {
	color: #333333;
}
.ssu-blog_body {
	color: #333333;
}
#ssu-blog_footer {
	font-size: 80%;
	color: #666666;
	padding-top: 0px;
	padding-bottom: 15px;
}
.ssu-blog_footer {
	font-size: 80%;
	color: #666666;
	padding-top: 0px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
}

#ssu-blogComments {
	font-size: 90%;
	color: #333333;
	line-height: 1.4em;
}
#ssu-blogForm {
	font-size: 90%;
	color: #333333;
	background-color: #fcfaf3;
	padding-bottom: 15px;
}
#ssu-blogComments .header {
	display: block;
	font-weight: bold;
	background-color: #EEE7D2;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #bbad89;
	padding: 6px;
}
#ssu-blogForm .header {
	display: block;
	padding: 6px 6px 6px 40px;
	font-weight: bold;
	background-color: #EEE7D2;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #bbad89;
	background-image: url(/images/icon-comment-lg.gif);
	background-repeat: no-repeat;
	background-position: 10px 4px;
}
#ssu-blogComments .footer {
	font-size: 80%;
	color: #666666;
	display: block;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #bbad89;
	margin-bottom: 15px;
}
#ssu-blogComments ul {
	margin: 15px 0px 0px;
	padding: 0px;
	list-style-type: none;
}
#ssu-blogComments li {
	margin: 0px;
	padding: 0px 0px 0px 22px;
	background-image: url(/images/quotes-open.gif);
	background-repeat: no-repeat;
}
#ssu-blogComments .post p {
	margin: 0px 0px 8px;
	padding: 0px;
}

#ssu-blogForm .body p {
	margin: 8px 0px 10px;
	padding-right: 15px;
	padding-left: 15px;
}
#blockBodyInner .blogContainer .colRight .header {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 110%;
	color: #634c13;
}
#blockBodyInner .blogContainer .colRight p {
	margin: 0px 0px 15px;
	list-style:bullet;
	padding: 0px;
}
#blockBodyInner .bgGhost {
	background-image: url(/images/right-flapper-bg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#submitForm .submitForm-box {
	border-right: 1px solid #d5bc7e;
	border-bottom: 1px solid #d5bc7e;
	border-left: 1px solid #d5bc7e;
	padding: 20px;
	font-size: 80%;
}

.content {  
	background-color:#ffffff;  
	padding:10px;  
	border:1px solid #D5BC7E;     
	}  
	
#content_2, #content_3 { 
	display:none;
	height:374px; 
	*width:526px; 
	*margin-left:0;
	*margin-top:-11px;
	#height:418px;
	}  

.tabbed_area {
	font-size:80%;
	padding:0px;
}

ul.tabs {
	margin:0px; 
	margin-top:5px;
	margin-bottom:18px;
	padding:0 0 16px 0;
}
ul.tabs li {
	list-style:none;
	display:inline;
	position:relative;
	margin-bottom:20px;
}

ul.tabs li a {
	color:#846927;
	padding:8px 16px 8px 14px;
}


a#tab_1 {
	background-image:url(/images/tab-url-off.gif);
	background-repeat:no-repeat;
	float:left;
	position:relative;
	padding-bottom:20px;
	height:7px;
	margin-right:2px;
	margin-bottom:10px;
	overflow:hidden;
	width:90px;
}

a#tab_1.active {
	background-image:url(/images/tab-url-on.gif);
	background-repeat:no-repeat;
	}	
	
a#tab_2{
	background-image:url(/images/tab-email-off.gif);
	background-repeat:no-repeat;
	float:left;
	position:relative;
	padding-bottom:20px;
	height:7px;
	margin-right:2px;
	margin-bottom:10px;
	overflow:hidden;
	width:105px;
}

a#tab_2.active{
	background-image:url(/images/tab-email-on.gif);
	background-repeat:no-repeat;

	}

a#tab_3{
	background-image:url(/images/tab-mail-off.gif);
	background-repeat:no-repeat;
	float:left;
	position:relative;
	padding-bottom:20px;
	height:7px;
	margin-right:2px;
	margin-bottom:10px;
	overflow:hidden;
	width:58px;
}

a#tab_3.active{
	background-image:url(/images/tab-mail-on.gif);
	background-repeat:no-repeat;
	}



#submitForm .submitForm-tab-box {
	background-image: url(/images/submitForm-tab-bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#submitForm-tab-url {
	background-image: url(/images/tab-url-on.gif);
	background-repeat: no-repeat;
	float: left;
	height: 35px;
	width: 120px;
	margin-right: 2px;
	overflow: hidden;
}
#submitForm-tab-email {
	background-image: url(/images/tab-email-off.gif);
	background-repeat: no-repeat;
	float: left;
	height: 35px;
	width: 135px;
	margin-right: 2px;
	overflow: hidden;
}
#submitForm-tab-mail {
	background-image: url(/images/tab-mail-off.gif);
	background-repeat: no-repeat;
	float: left;
	height: 35px;
	width: 88px;
	margin-right: 2px;
	overflow: hidden;
}
#submitForm .submitForm-tab-box b {
	margin-left: -200px;
}
#SSUmedia-Contents {
	text-align: center;
	padding: 6px;
	background-color: #000000;
	margin-bottom: 10px;
}
.SSUmedia-Contents {
	text-align: center;
	padding: 6px;
	background-color: #000000;
	margin-bottom: 10px;
}

/*****************
PAGINATION
*****************/
#paging {
 text-align:center;
}

#paging a#previous, #paging span#previous{
 margin-right:80px;
}

#paging  .disabled{
	color:#d1be8f!important;
}