body {
        font-family: Verdana, Helvetica, Arial, sans-serif;
	margin : 0;
 	padding: 0;
        color: #000;
	background-color: #a79f98;
}

.red {color: red;}
h1, h2, h3, h4, h5, h6 {color: #595959; background-color: transparent;}
h1, h2 {font-family: SerpentineDBol, Helvetica, Arial, sans-serif;}

#wrapper {position: absolute; 
                  padding: 0px 10px 0px 10px;
                  width:776px;}
div#wrapper {margin-left:auto;margin-right:auto;}

#pagename {width: 325px; float: left; font-size : x-large;}
#pagename img {margin-left: 350px; display: block;}

#innerwrapper {margin : 0; padding: 0; position: absolute; clear: both;}

#content {
	background-color : #f2eedc;
        background-image: url("http://www.jsw4.net/media/images/jsw4/jsw4_net-contentback.gif");
        background-position: center center;
        background-repeat: no-repeat;
	border : 1px solid #fc3;
	border-top : none;
	clear : both;
	margin : 0px;
        margin-right: 10px;
	padding : 15px;
}
body.Home #content {background-image: none;}

#columnRight {float:right;}
#columnRight, #columnLeft {
        margin:0;
        width:327px;
        text-align: justify;
        border: 1px solid #997A1F;
        background : #fcfcf8;
	padding : 15px;
}
#columnLeft h2, #columnRight h2 {margin-top: 0;}

#NewsMain, #ContactMain {float:left; width:64%; padding-right:10px;}
#NewsRight, #ContactNow {margin-left:68%; margin-top:50px; padding:5px;}

#InThisSection, #News {
        width: 335px;
        float: left;
        border: 1px solid #997A1F;
	background : #f2eedc;
	margin : 10px 10px 10px 0px;
	padding : 15px;
        font-size : small;
}

.NewsItemLead h2,
.NewsItemLead h3,
#InThisSection h2, 
#InThisSection h3,
#ContactNow h3, 
#News h2, 
#News h3 {
        color: #997a1f;
        background: transparent;
        margin: 0px;
}

#NewsItem, #CatEntries, .NewsItemLead, .NewsItem{
        background : #fcfcf8;
        border: 1px solid #997A1F;
        padding: 5px;
        margin: 5px 0;
}
#NetNewsList, #ContactNow {
     background : #fcfcf8;
     border: 1px solid #997A1F;
}
#NetNewsList h2,
#NetNewsList h3 {color: #997a1f; background: transparent; margin: 3px;}
#NetNewsList ul {margin-left: 0px; padding: 3px; font-size : small; list-style-type: square;}
#NetNewsList ul li {list-style-position: inside; margin-left: 0px; margin-bottom: 0.3em; padding-left: 0px;}

ul#CatEntries {list-style-type : none;}

#Orientor {
        padding-left: 10px;
        background-image: url("http://www.jsw4.net/network/mrtginspired/orientor.gif");
        background-position: bottom right;
        background-repeat: no-repeat;
        margin-left: 367px;
        margin-right: 10px;
        font-size : small;
}

#Orientor ul, #Orientor form {
       margin : 10px 10px 10px 0px;
       padding : 0px;
}

#Orientor li {
        padding :  0px;
        display : inline;
	list-style-type : none;
}

#Orientor h4 {
         color:black;
         margin-bottom: 0;
}

#Orientor ul.bumper li {display : block;}

#Orientor ul.bumper li a,
#Orientor ul.bumper li a img {border: 0; text-decoration: none;}

#EndCopy {
        clear : both;
        margin : 0px;
        margin-right: 10px;
	padding : 15px;
        font-size : x-small;
        text-align: right;
}

#EndCopy p {margin : 0px;}
.lastpara, form#contact {clear: both;}

p#NewsPowered {
       clear : both;
       margin : 10px 0 0 0;
       font-size : x-small;
       text-align : right;
       border-top : 1px solid #fc3;
       text-align : center;
}

.decoLeft {float : left; margin-right : 10px;}

.decoRight {float : right; margin-left : 10px;}

/* see http://www.kalsey.com/tools/csstabs/2 
   that is where I adapted this CSS from
   Thank you Adam. */

#JSW4CatsNav {
	border-bottom : 1px solid #fc3;
	margin : 0;
        margin-right: 10px;
	padding-bottom : 19px;
	padding-left : 10px;
}

#JSW4CatsNav ul, 
#JSW4CatsNav li,
ul#NewsCatNav,
ul#NewsCatNav li {
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

	
#JSW4CatsNav a:link, #JSW4CatsNav a:visited	{
	background : #ccc8ba;
	border : 1px solid #fc3;
	color : #0838cc;
	float : left;
	font-size : small;
	font-weight : normal;
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

#JSW4CatsNav a:link.active, #JSW4CatsNav a:visited.active	{
	background : #F2EEDC;
	border-bottom : 1px solid #fc3;
	color : #000;
}

#JSW4CatsNav a:hover	{
	color : #f00;
}

body.Home #JSW4CatsNav li#CatNav-1 a, 
body.Hosting #JSW4CatsNav li#CatNav-2 a,
body.Services #JSW4CatsNav li#CatNav-3 a,
body.About #JSW4CatsNav li#CatNav-4 a,
body.News #JSW4CatsNav li#CatNav-5 a {
	background : #f2eedc;
	border-bottom : 1px solid #f2eedc;
	color : #000;
}

#JSW4CatsNav #subCatNav-1,
#JSW4CatsNav #subCatNav-2,
#JSW4CatsNav #subCatNav-3,
#JSW4CatsNav #subCatNav-4,
#JSW4CatsNav #subCatNav-5 {
	display : none;
	width: 90%;
}

body.Home #JSW4CatsNav ul#subCatNav-1, 
body.Hosting #JSW4CatsNav ul#subCatNav-2,
body.Services #JSW4CatsNav ul#subCatNav-3,
body.About #JSW4CatsNav ul#subCatNav-4,
body.News #JSW4CatsNav ul#subCatNav-5 {
	display : inline;
	left : 10px;
	position : absolute;
	top : 25px;
}

body.Home #JSW4CatsNav ul#subCatNav-1 a, 
body.Hosting #JSW4CatsNav ul#subCatNav-2 a,
body.Services #JSW4CatsNav ul#subCatNav-3 a,
body.About #JSW4CatsNav ul#subCatNav-4 a, 
body.News #JSW4CatsNav ul#subCatNav-5 a {
	background : #ccc8ba;
	border: 1px solid #fc3;
	color : #0838cc;
	font-size : smaller;
        font-style: italic;
	line-height : 10px;
	margin-right : 4px;
	padding : 3px 10px 3px 10px;
	text-decoration : none;
}

#JSW4CatsNav ul a:hover {
	background : #f2eedc !important;
	color : #f00 !important;
}