@import "articlestyles.css";
@import "hometabs.css";
@import "inline.css";
@import "golfstyles.css";
@import "newsectionstyles.css";



/*
 * Colors
 * ------------------------
 * Blue         :   #293658
 * Red          :   #830810
 * Gray         :   #333333
 * Gold         :   #e2b21f
 * Tan          :   #faf7c6
 */

	
html, body {
height: 100%;
background-image: url(http://media.sjnp.net/images/homebg2.jpg); background-attachment: fixed; background-repeat: repeat-y; background-position: bottom;
padding: 0px;
margin: 0px;
}

/*HEADER
-----------------------------------------------------------------------------*/
#topheader {width: 970px; height: 16px; background-image: url(http://media.sjnp.net/images/mainheader/topheader.jpg);}
#itopheader {font-family: helvetica; font-size: 11px; color: #fff; width: 600px; padding: 3px 5px;}

#middleheader {width: 970px; height: 81px; background-image: url(http://media.sjnp.net/images/mainheader/middleheader.jpg);}
#newlogo {float: left;}
#weatheru {float: right; padding-right: 10px;}
#weatherutext {font-family: helvetica; font-size: 11px; color: #fff; text-align:center; padding-left: 55px; padding-bottom: 3px; font-weight:lighter;}

#searchheader {width: 970px; height: 29px; background-image:url(http://media.sjnp.net/images/mainheader/searchheader.jpg);}
#headerlinks {float: right; color: #8091bb; font-family: helvetica; font-size: 13px; font-weight: bold; padding: 7px 20px;}
#headerlinks a { text-decoration: none; color: #8091bb; }
#headerlinks a:hover { text-decoration:underline; color: #ffffff;}

#mainmenu {width: 970px; height: 29px; background-image: url(http://media.sjnp.net/images/mainheader/menuheader.jpg); background-repeat: no-repeat; padding-top: 3px; padding-left: 15px;}

#nav {
	top: 10px;
	left: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 20px;
	display: inline;
	overflow: hidden;
	width: 201px;
	}
#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}
#nav a {
	float: left;
	padding: 23px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win */
	}
#nav a:hover {
	background-position: 0 -23px;
	}
#nav a:active, #nav a.selected {
	background-position: 0 -46px;
	}
	
	
#thome a  {
	width: 46px;
	background: url(http://media.sjnp.net/images/mainheader/home.jpg) top left no-repeat;
	}
#tlocal a  {
	width: 44px;
	background: url(http://media.sjnp.net/images/mainheader/localhover.jpg) top left no-repeat;
	margin-left: 20px;
	}
#tsports a  {
	width: 51px;
	background: url(http://media.sjnp.net/images/mainheader/sportshover.jpg) top left no-repeat;
	margin-left: 20px;
	}
#tbus a  {
	width: 63px;
	background: url(http://media.sjnp.net/images/mainheader/bushover.jpg) top left no-repeat;
	margin-left: 20px;
	}
#tdiem a  {
	width: 42px;
	background: url(http://media.sjnp.net/images/mainheader/diemhover.jpg) top left no-repeat;
	margin-left: 20px;
	}
#topinion a  {
	width: 57px;
	background: url(http://media.sjnp.net/images/mainheader/opinionhover.jpg) top left no-repeat;
	margin-left: 20px;
	}
#tblogs a  {
	width: 45px;
	background: url(http://media.sjnp.net/images/mainheader/blogshover.jpg) top left no-repeat;
	margin-left: 20px;
	}
#tspecial a  {
	width: 104px;
	background: url(http://media.sjnp.net/images/mainheader/specialhover.jpg) top left no-repeat;
	margin-left: 20px;
	}
#tphotos a  {
	width: 54px;
	background: url(http://media.sjnp.net/images/mainheader/photoshover.jpg) top left no-repeat;
	margin-left: 20px;
	}
#teedition a  {
	width: 60px;
	background: url(http://media.sjnp.net/images/mainheader/eeditionhover.jpg) top left no-repeat;
	margin-left: 20px;
	}
#tobit a  {
	width: 73px;
	background: url(http://media.sjnp.net/images/mainheader/obithover.jpg) top left no-repeat;
	margin-left: 20px;
	}
#telection a  {
	width: 97px;
	background: url(http://media.sjnp.net/images/mainheader/electionhover.jpg) top left no-repeat;
	margin-left: 20px;
	}
#tcalendar a  {
	width: 63px;
	background: url(http://media.sjnp.net/images/mainheader/calendarhover.jpg) top left no-repeat;
	margin-left: 20px;
	}	


#newmainmenu {width: 970px; height: 50px; background-image: url(http://media.sjnp.net/images/mainheader/menuheader.jpg); background-repeat: no-repeat; padding-top: 3px;}
#thesubmenu {width: 970px; background-color: #a72c2f;}
ul.submenu {margin: 0 0 0 0px; padding: 0; width: 970px; list-style: none; overflow: hidden;}
ul.submenu li {display: inline; float: left; margin:  0 0 0 15px; padding: 0 0 0 15px;}
ul.submenu li.first {margin-left: 15px; padding-left: 0;}


.quicklinks {font-family: helvetica; color: #e2b21f; font-size: .72em;}
.thesmtext {font-family: helvetica; font-size: .72em; color: #fff;}
#followlinks {float: right; color: #8091bb; font-family: helvetica; font-size: 12px; font-weight: bold; padding-right: 20px;}





/*GOOGLE SEARCH & DATE
------------------------------------------------------------------------------*/
#googlesearchmain {height: 23px;}
#googleimage {float: left; height: 23px;}
#googlesearch {float: left; height: 23px;}
#googlewebbutton {float: left; height: 23px;}
#googlesitebutton {float: left; height: 23px;}
#advancesearch {float: left; padding-left: 10px; padding-top: 3px; height: 23px;}
#searchdate {width: 970px; height: 40px; border-bottom: solid 1px #999; height: 23px;}
#search {float: left; padding-left: 5px; padding-top: 3px; width: 600px; height: 23px;}
.searchtext {font-family: helvetica; font-size: 11px; color: #fff; height: 23px;}
#idontknow {display: none; height: 0px;}

/*TOP TAB LINKS
------------------------------------------------------------------------------*/
#tabimage {width:970px;height: 15px;}	
#tabimageleft {width:644px; height: 10px; float:left;}
#tabimageright {width:326px; height: 15px; background-image: url(http://media.sjnp.net/images/tabs/tab_stjoenews.jpg);float:right;}
#tabnews {width:110px; height: 10px; text-align:center; float:left; margin-bottom: 5px;}
#tablive {width:105px; height: 15px; text-align:center; float:left;}
#tabnow {width:111px; height: 15px; text-align:center; float:left;}
#toptabs {width: 970px; height: 15px; margin-right: auto; margin-left: auto;}
#tabsleft {float: left; height: 15px;}
#tabsright {float: right; height: 15px; background-image: url(http://media.sjnp.net/images/tabs/tab_stjoenews.jpg); background-position: bottom; background-repeat: no-repeat; width:326px;}
#stjoenews {width:110px; height: 15px; text-align:center; float:left;}
#stjoelive {width:105px; height: 15px; text-align:center; float:left;}
#stjoenow {width:111px; height: 15px; text-align:center; float:left;}
.tabnews {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; padding-top: 0px;}
.tablive {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; padding-top: 0px;}
.tabnow {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; padding-top: 0px;}


#overall {margin-right:auto; margin-left:auto; width: 970px; background-color: #FFFFFF;}

	

	
/*LEADERBOARD
------------------------------------------------------------------------------*/
#leaderboard {width: 970; margin-top: 0px; height: 95px;}
#leaderboardad {float:left; width: 728px;}
#verticals {height: 70px;}
#verticalslist {float: left;}
#classbutton {float: right;}
.classfont {font-family: helvetica; font-size: 11px; padding-left: 2px;}
#verticals {float: right; padding-left: 5px; width: 230px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
	
/*FOOTER
-------------------------------------------------------------------*/
#footer {height: 86px; width: 970px; background-image: url(http://media.sjnp.net/images/footerbg.jpg); margin-right: auto; margin-left: auto;}
.copyright {font-family: helvetica; font-size: 11px; color: #FFFFFF;}
#copybox {float: left; text-align: left; padding-top: 27px; line-height: .8em;}
#copybox2 {float: right; text-align: left; padding-top: 2px; padding-right: 5px; line-height: .8em;}
	
/*HYPERLINK STYLES
-------------------------------------------------------------------*/
.class1 A:link {color: #000000; text-decoration: none;}
.class1 A:visited {text-decoration: none; color: #000000;}
.class1 A:active {text-decoration: none;}
.class1 A:hover {text-decoration: underline;}
	
.class2 A:link {color: #ffffff; text-decoration: none;}
.class2 A:visited {text-decoration: none; color: #ffffff;}
.class2 A:active {text-decoration: none;}
.class2 A:hover {text-decoration: underline;}
	
.class3 A:link {color: #293658; text-decoration: none;}
.class3 A:visited {text-decoration: none; color: #293658;}
.class3 A:active {text-decoration: none;}
.class3 A:hover {text-decoration: underline;}
	
.class4 A:link {color: #830810; text-decoration: none;}
.class4 A:visited {text-decoration: none; color: #830810;}
.class4 A:active {text-decoration: none;}
.class4 A:hover {text-decoration: underline;}
	
.class5 A:link {color: #333; text-decoration: none;}
.class5 A:visited {text-decoration: none; color: #333;}
.class5 A:active {text-decoration: none;}
.class5 A:hover {text-decoration: underline;}

.class6 A:link {color: #777; text-decoration: none;}
.class6 A:visited {text-decoration: none; color: #777;}
.class6 A:active {text-decoration: none;}
.class6 A:hover {text-decoration: underline;}


/*SLIDESHOW STYLES
-------------------------------------------------------------------*/

#slideheadline {font-family: helvetica; font-size:15px;}
#slidetext{font-family: helvetica; font-size:12px color: #ffffff;}



/*MAPS
-------------------------------------------------------------------*/
#tom-left { font-size: 12pt; width: 600px; padding-left: 10px; }
#tom-left ol { list-style-type: upper-alpha; padding-right: 0px; padding-left: 15px; }
#tom-left ol li { margin: 5px 0px 20px; font-family: helvetica; }
#tom-left ol li div { margin-left: 5px; }
#tom-left li .name { font-size: 10pt; font-weight: bold; margin: 0px; }
#tom-left li .name a { color: #293658; display: block; font-size: 11px;}
#tom-left li p { margin: 0px; }
#tom-left .site { font-style: italic; }
#map-holder { margin: 0px 0px 15px;width: 600px; }
#map { height: 600px; width: 600px; }
#map-holder #directions .reload {background-color: #f00; color: #fff; display: block; font-size: 8pt; font-style: italic; font-weight: bold; margin: 0px 0px 5px; padding: 1px; font-family: helvetica; text-align: center; text-decoration: none; }
.placename {font-family: helvetica; font-size: 17px; color: #293658; text-decoration: none;}
.placeinfo {font-family: helvetica; font-size: 12px;}
.placedirect {font-family: helvetica; font-size: 11px;}
.gmnoprint .getdir { display: none; }
#mapname {font-family: helvetica; font-size: 40px; color: #293658; margin-top: 15px; }