/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	SC Master Website Style Sheet
	Copyright 2005 by Gary Pajor / New Media Now, LLC
	All rights reserved.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/





/* Overall page settings
		Note: text-align:center in 'body' rule used for centering
		(workaround in certain browsers) when content centering
		applied in THIS rule.
------------------------------------------- */
div#thePage {

	width: 800px;
	margin-left: auto;  margin-right: auto;

}

/* End overall page settings
------------------------------------------- */



/* Defaults
------------------------------------------- */
body {
	margin: 0px 0px;
	color: #000;
	background-color: #FFFFFF;
	
	background: url(http://www.fastnez.net/psassets/pgbodyback.gif);
	
	text-align: center;
}
td, th {
	color: #000;
	background-color: #FFFFFF;
	font: 13px verdana,arial,sans-serif;
	vertical-align: top;
	/*padding: 0;*/
	/*border-width: 0;*/
}
a { color: #000099; text-decoration: underline; }
a:visited { color: #546B86; }
a:active { color:#000099; }
a:hover { color:#390; }
/*img { margin: 3px; }*/
li { text-align: left; } /* keeps li's left aligned, even if in a <ul> that's in a <div> with text-align center or right */
form { margin: 0px; }

/* End Defaults
------------------------------------------- */


.erroralerttab {
	font-weight: bold;
	background-color: #fddddd;
	border: solid #ff3300;
	border-width: 1px 1px 0 1px;
}
.erroralertmsge { background-color: #ff3300; }

.warnalerttab {
	font-weight: bold;
	background-color: #fdd07d; /*ffcc99*/
	border: solid #ff9933;
	border-width: 1px 1px 0 1px;
}
.warnalertmsge { background-color: #ff9933; }
.successalerttab {
	font-weight: bold;
	background-color: #e6f2f0;
	border: solid #33cc66;
	border-width: 1px 1px 0 1px;
}
.successalertmsge { background-color: #33cc66; }

#toplogopanel {
	background-color: #FFFFFF; /*background: #99c url(../scmsassets/fishie.jpeg) center fixed;*/
	text-align: left;
	padding: 0px;
}
#datestampinheader, #datestamp {
	
	color: #3333ff;
	
	
	
	background-color: #FFFFFF;
	
	
	
	font-family: ;
	
	
	
	font-size: 11px;
	
	
	font-weight: normal;
	text-align: right;
	vertical-align: bottom;
	padding: 0 10px;
}

/* --- Slogan Panel ---*/
#sloganpanel {
	color: #FFCC00;
	background-color: #4040cc;
	font-family: ;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 1px 5px;
	border-top: 1px solid #000000;
	border-bottom: 0px solid #;
}
/* --- End Slogan Panel ---*/



/* --- Top Nav Panel ---*/
#topnavpanel { 
	color: #4040cc; /*#ffcc66*//* only needed if want to change default set in 'body', e.g. link separator */
	background-color: #9999cc; 
	font-family: ;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 0px 20px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #996; /* 009966 */
}
#topnavpanel a { color: #000099; text-decoration: none; }
#topnavpanel a:visited { color: #996600; }
#topnavpanel a:active { color:#; }
#topnavpanel a:hover { color:#c30; }

/* --- End Top Nav Panel ---*/



/* --- Sidebar Widgets, e.g. site search box ---*/

div.sidebarwidgetbox { padding-top: 7px; padding-bottom: 7px; }
#searchwidgetboxbox {
	/*background-color: #fff;*/ /* Should be same as background-color in td#sidebarsitesearch;
								   if this rule not defined, then bg color will default to
								   bgcolor of sidebar panel.
								*/
}
td#sidebarsitesearch {
	color: #996600;
	/*background-color: #fff;*/
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
	font-weight: normal;
	vertical-align: center;
	text-align: center;
	padding: 0 0px;
	border-top: 0px solid #996;
	border-bottom: 0px solid #996;
}
.lbarformbutton { /* submit button */
	color: #000;
	background-color: #f7f7f7;
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
}

/* --- End Sidebar Widgets, e.g. site search box ---*/



table#mainbody { margin-top: 0px; }
div.linksbox { margin-top: 5px; margin-bottom: 5px; }

/* --- Left Nav Panel ---*/
#leftnavpanel {
	color: #000000;
	background-color: #FFFFCC;
	width: 200px;
	font-family: ;
	padding: 0px 0px;
	border-right: 1px solid #CCCC99;
}
#leftnavtop {
	font-family: ;
	font-size: ;
	text-align: center;
	padding: 5px;
}
#leftnavbot {
	font-family: ;
	font-size: ;
	text-align: center;
	padding: 5px;
}
td#leftnavpanel table { margin-top: 0px; }
#leftnavpanel td {
	color: #000000;
	background-color: #FFFFCC;
	font-family: ;
	font-size: ;
	text-align: center;
}

div.leftnavcatboxbox, div.leftnavcatboxboxtop {
	text-align: center;
	padding: 0px;
	border-top: 0px solid #fff;
	border-bottom: 0px solid #fff;
	/*margin-top: 2px;
	margin-bottom: 2px;*/
}
div.leftnavcatboxboxtop {
	margin-top: 0px;
}
div.leftnavcatbox {
	width: 100%;
	/*margin-top: 7px;
	margin-bottom: 10px;*/
	
	border-top: 0px solid #f7f7f7;
	border-right: 0px solid #006;
	border-bottom: 1px solid #333366;
	border-left: 0px solid #006;
	
	/*border: 1px solid #fff;*/
	/*border-top: 1px solid #339966;*/
}
#leftnavpanel td.leftnavcat {
	background-color: #ffcc40;
	color: #003333;
	font-family: verdana,arial;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 3px;
	margin: 10px;
}


#leftnavpanel td.navlink {
	width:100%;
	background-color: transparent;
	padding: 0pxpx 5px 0pxpx 10px;
	border-top: 0px solid #FFFFFF;
	border-bottom: 1px solid #FFCC33; 	
	text-align: left;
}
#leftnavpanel td.navlink a {
	color: #003399;
	font-family: ;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
#leftnavpanel td.navlink a:visited { color: #003399; }
#leftnavpanel td.navlink a:active { color: #000000; }
#leftnavpanel td.navlink a:hover { color: #3333FF; text-decoration: underline;}
/* --- End Left Nav Panel ---*/



/* --- Main Content Panel ---*/
#brdcrumb { font-size: 11px; }

td.maincontent {
	width: auto;
	color: #000000;
	background-color: transparent;
	/*background: #99c url(../scmsassets/bg-main.gif) center fixed;*/ /* astronaut.jpg bg-main.gif */
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 13px;
	text-align: left;
	
	padding: 5px 10px 10px 10px;
	
	/*padding: 5px 10px 10px 10px;*/
	/*padding: 5px 80px; */ /* This line: When both left and right nav panels are off
							   keeps main body from expanding to sides; easier to read, narrow column
							 */
}

#headline {
	margin: 10 0 0 0px;
	color: #4040cc;
	/*border-bottom: 1px solid #999966;*/
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
}

h2 { font-size: 14px; color: #006666; font-family: verdana,arial,helvetica,sans-serif; }

td.maincontent h2#subheadline {
	color: #3333ff;
	background: none;
	padding: 0px;
	margin: 0;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
}
.maincontent a { color: ; text-decoration: underline; }
.maincontent a:visited { color: ; }
.maincontent a:active { color: ; }
.maincontent a:hover { color: ; }

#storydate, #byline { font-size: 11px; }
/* --- End Main Content Panel ---*/




/* --- Main Forms (appearing in Main Content Panels) ---*/
div.mainform {
	width: 50%;
	background-color: #fff;
	border: 1px solid #ddd;
	margin: 10px 50px 10px 0px;
}
td.mainformbody { width: 100%; padding: 10px; }
td.formtitle {
	color: #fff;
	background-color: #4040cc;
	font-family: verdana;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding: .25em;
}
td.formfield {
	color: #003399;
	background-color: #fff;
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	padding-left: 15px;
}
td.formfield .formbodytext {
	color: #666699;
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
}
.formbodytext {
	color: #666699;
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
}
/* --- End Main Forms (appearing in Main Content Panels) ---*/


/*--- Widget: List of Stores ---*/
div#storeslistbox {
	width: 50%;
	margin: 0px 0px 10px 20px;
	float: right;
}
.storeslistcontainer {
	width: 100%;
	border: 1px solid #777;
}
.storeslist {
	color: #006;
	background-color: #f7f7f7;
	/*font-family: verdana,arial,helvetica,sans-serif;
	font-size: 13px;*/
	width: 100%;
	border: 0px;
	padding: 10px;
}
.storeslistheadline {
	color: #000;
	font-family: verdana,arial;
	font-size: 18px;
	font-weight: bold;
}
.storeslistsubheadline {
	color: #009;
	font-family: verdana,arial;
	font-size: 13px;
	/*font-style: italic;*/
	font-weight: normal;
}
.storeslist a {
	color: #006;
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.storeslist a:visited { color: #006; }
.storeslist a:active { color: #006; }
.storeslist a:hover { color: #777; text-decoration: underline; }
/*--- End Widget: List of Stores ---*/



/* --- Widget: Search Stores Form ---*/
#searchstores { /* container */
	text-align: left;
	font-size: 11px;
	background-color: #ffe;
	padding: 5px;
	border: 1 solid #cc9;
}
#searchformtitle {
	color: #009;
	font-family: verdana;
	font-size: 13px;
	font-weight: bold;
}
#searchstoressubbut { /* submit button */
	color: #000;
	background-color: #cc9;
	font-family: verdana;
	font-size: 12px;
	font-weight: normal;
}
/* --- End Widget: Search Stores Form ---*/



/* --- Right Nav Panel ---*/
#rightnavpanel {
	color: #000066;
	background-color: #ffffff;
	width: 180px;
	font-family: ;
	padding: 0px 0px;
	border-left: 0px solid #663399;
}
#rightnavtop {
	font-family: ;
	font-size: ;
	text-align: center;
	padding: 5px;
}
#rightnavbot {
	font-family: ;
	font-size: ;
	text-align: center;
	padding: 5px;
}
td#rightnavpanel table { margin-top: 0px; }
#rightnavpanel td {
	color: #000066;
	background-color: #ffffff;
	font-family: ;
	font-size: ;
	text-align: center;
}

div.rightnavcatboxbox, div.rightnavcatboxboxtop {
	text-align: center;
	padding: 0px;
	border-top: 0px solid #fff;
	border-bottom: 0px solid #fff;
	/*margin-top: 2px;
	margin-bottom: 2px;*/
}
div.rightnavcatboxboxtop {
	margin-top: 0px;
}
div.rightnavcatbox {
	width: 100%;
	/*margin-top: 7px;
	margin-bottom: 10px;*/
	
	border-top: 0px solid transparent;
	border-right: 0px solid transparent;
	border-bottom: 1px solid #000099;
	border-right: 0px solid transparent;
	
	/*border: 1px solid #fff;*/
	/*border-top: 1px solid #339966;*/
}
#rightnavpanel td.rightnavcat {
	background-color: #9999cc;
	color: #fff;
	font-family: verdana,arial;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	padding: 3px;
	margin: 10px;
}

#rightnavpanel td.navlink {
	width:100%;
	background-color: #e4e4e4;
	padding: 0pxpx 10px 0pxpx 10px;
	border-top: 1px solid #ffffff;
	border-bottom: 0px solid #066; 	
	text-align: left;;
}
#rightnavpanel td.navlink a {
	color: #000066;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
#rightnavpanel td.navlink a:visited { color: #000066; }
#rightnavpanel td.navlink a:active { color: #006666; }
#rightnavpanel td.navlink a:hover { color: #990066; text-decoration: underline;}
/* --- End Right Nav Panel ---*/



/* --- Bottom Nav Panel ---*/
#botnavpanel { 
	color: #CC6600; /*#ffcc66*//* only needed if want to change default set in 'body', e.g. link separator */
	background-color: #9999CC; 
	font-family: ;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	border-top: 1px solid #003;
	border-bottom: 0px solid transparent; /* 009966 */
}
#botnavpanel a { color: #FFCC00; text-decoration: none; }
#botnavpanel a:visited { color: #f7f7f7; }
#botnavpanel a:active { color:#f7f7f7; }
#botnavpanel a:hover { color:#CC9933; }
/* --- End Bottom Nav Panel ---*/



/* --- Footer Panel ---*/
#footerpanel {
	color: #f7f7f7;
	background-color: #4040cc;
	font-family: ;
	font-size: 11px;
	text-align: center;
	border-top: 1px solid #f7f7f7;
	border-bottom: 1px solid #cccccc;
	padding: 5px;
}
#footerpanel a { color: #f7f7f7; text-decoration: underline; }
#footerpanel a:visited { color: #f7f7f7; }
#footerpanel a:active { color: #000099; }
#footerpanel a:hover { color: #66cc66; }
/* --- End Footer Panel ---*/


td.imgcaption, td.imgcaption p {
	color: #009; /* 009 */
	background-color: #f7f7f7;
	font-family: ;
	font-size: 13px;
	font-weight: normal;
	padding: 2px;
	border: 0px solid black;
}

td.imgcaption a { color: ; text-decoration: underline; }
td.imgcaption a:visited { color: ; }
td.imgcaption a:active { color:; }
td.imgcaption a:hover { color:; }

table.imgtable {
	margin: 5px;
	border: 0px solid #00d;
}


/* Temp styles for showing table structure -----*/
/*
table { border: 1px solid red; margin: 3px; }
td { border: 1px dotted purple; padding: 2px; }
*/
/* ----------- End Temp Style ------------------*/