/*First strip out browser default styles */
/*
BASE.CSS
attempts to set all layout attributes to the absolute basics, so that inbuilt browser formatting won’t produce un-expected results (i.e. incosistant padding values on

across different browsers wont catch you out, because we set them all here)
——————————————————————————–

/* SET BASE FONT ATTRUBUTES */
html, body {
font: Georgia, “Times New Roman”, Times, serif 14px/1.5em;
color: #000;
}

/* REMOVE PADDING AND MARGIN VALUES */
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dd, dt, img,
blockquote, q, table, thead, tbody, tfoot, caption, th, tr, td, a, form,
input, textarea, fieldset, pre
{margin: 0; padding: 0;}

/* SORT OUT HEADER FORMATTING AND SIZES */
h1, h2, h3, h4, h5 {font-weight: bold;}

h1 {font-size: 2em;}
h2 {font-size: 1.75em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

/* HARMONIZE LINKS, KILL BORDER ON IMG LINKS */
a {text-decoration: none;}
a:link, a:visited {color: #00f;}
a:hover {color: #33f;}
a:active {color: #fff;}
a img, :link img, :visited img {border: none}

/* REMOVE BROWSERS DEFAULT TABLE BORDERS */
table {border-collapse: collapse;}

/* REMOVE AUTOMATIC TOP/BOTTOM MARGINS ON NESTED LISTS */
ul ul, ul ol, ul dir, ul menu, ul dl,
ol ul, ol ol, ol dir, ol menu, ol dl,
dir ul, dir ol, dir dir, dir menu, dir dl,
menu ul, menu ol, menu dir, menu menu, menu dl,
dl ul, dl ol, dl dir, dl menu, dl dl
{margin-top: 0; margin-bottom: 0;}

/* HARMONISE LIST-BULLET TYPE */
ul, ol, dl {list-style-type: disc;} 
/* end */




body{background:#000; background-image: url(pix/background2.jpg)}

#maincol1{position:absolute; width:660px; height:92px; background-color:#000; top: 0px; left:50%; margin-left:-300px;}
#stripes1{position: absolute; width:660px; top:20px; height: 8px; background-color:#000; background-image: url(pix/bars.gif);}
#titlebground{position: absolute; width:460px; top:28px; left:200px; height: 60px; background-image: url(pix/sgarden2.jpg);}
#title{position: absolute; height:54px; width:160px;left:32px; top:30px;}

.titleroll {position:absolute; width:160px;height:54px;text-decoration:none;}
a.titleroll:link, a.titleroll:visited, a.titleroll:active {background: url(pix/jerusha-title.jpg) top left no-repeat;}
a.titleroll:hover {background: url(pix/jerusha-title-over.jpg) top left no-repeat;}

.slidepic {position: relative; top: 0px; left:60; width:250px; height: 353px;}



#stripes2{position: absolute; width:660px; top:88px; height: 8px; background-image: url(pix/bars.gif); margin:0; line-height:0px;}

.maincol2{position: absolute; width:660px; background-color:transparent; top:96px;left:50%; margin-left:-300px;}
.outer { width: auto; border-left-style: solid; border-right-style: solid;border-left-width: 190px;border-left-color: #000;border-right-width: 460px;border-right-color: #000;background-color: #000; }
.inner { margin: 0; width: 100%;   background-color:#000; }
.left{position:relative; float:left; width:190px; margin-left: -190px;  background-color:#000;z-index:10;}
.right{position:relative; float:right; width:460px; margin-right: -460px; background-color:#000;z-index:11;}
.wide { width: 100%; position: relative; z-index: 13; }
.clear { clear: both; }

/* Mozilla code */
.outer > .inner { border-bottom: 1px solid transparent; }
.left { margin-right: 1px; }
.right { margin-left: 1px; }
.right p { padding-left: 10px; }
.center { margin: 0 -8px 0 -2px; }

#colpix{position: relative;float:right; width:120px; top:0px; left:340px; background-color:#000;}

.webdesign {position:relative; float:right; padding:1px; font-family: trebuchet MS, helvetica; text-align:right; float:right; font-size: 9px; text-decoration: none;}

.heading{width:190px; text-align:right; font-family: "skia", "Trebuchet MS", "tahoma", verdana, arial, sans-serif; color:#6ac; font-size:18px; font-weight:bold; background-color:#000; line-height:1em; margin-top:1em;}
.leftbody{width:190px; text-align:right; font-family: "skia", "Trebuchet MS", "tahoma", verdana, arial, sans-serif; color:#6ac; font-size:14px; font-weight:normal; background-color:#000; line-height:1.5em;}
.body{width:360px; margin-left:0px; text-align:center; font-family:  "skia", "Trebuchet MS", "tahoma", verdana, arial, sans-serif; color:#6ac; font-size:16px; background-color:#000; line-height:1.2em; margin-top:20px}
.body2{width:400px; margin-top:8px; margin-left:0px; text-align:left; font-family:  "skia", "Trebuchet MS", "tahoma", verdana, arial, sans-serif; color:#6ac; font-size:11px; background-color:#000; line-height:1.2em;}
.bodybold{width:400px; margin-top:8px; margin-left:0px; text-align:left; font-family:  "skia", "Trebuchet MS", "tahoma", verdana, arial, sans-serif; color:#6ac; font-size:11px; background-color:#000; line-height:1.2em; font-weight:bold;}
.body3{width:300px; margin-top:20px; margin-left:0px; text-align:left; font-family:  "skia", "Trebuchet MS", "tahoma", verdana, arial, sans-serif; color:#6ac; font-size:11px; background-color:#000; line-height:1.2em;}

.note { text-align: left;color: #369; font-family: "skia", "Trebuchet MS", "tahoma", verdana, arial, sans-serif; font-style: normal; font-size: 9px;line-height: 1.2em; margin-top: 12px;margin-bottom:.4em;}

.nav {list-style:none; text-align:right;}
a.nav{line-height:1.8em;padding:4px; font-family: trebuchet MS, helvetica; font-size: 12px; text-decoration: none;border-color:#fff ;}
a:link {color: #599fc3;; text-decoration: none;}
a:visited {color: #599fc3; text-decoration: none;} 
a:active {color: #756; text-decoration: none;} 
a:hover {color: #756; text-decoration: none;}

.list{list-style:circle inside;margin-left:20px}


.webdesign a:link {color: #000;; text-decoration: none;}
.webdesign a:visited {color: #000; text-decoration: none;}
.webdesign a:active {color: #f30; text-decoration: none;}
.webdesign a:hover {color: #f00; text-decoration: none;}

img {border:0; margin:0}