body, homepage
{
 /* background: #809315 url(/images/img01.jpg) repeat-x top left; */
 background: #809315 url(http://www.jog.co.uk/img01.jpg) repeat-x top left;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:14px;
 /* background-color:#FFF; */
 margin: auto;
 text-align: left;
 width: 980px;
 color: #FFFFFF;
}

div#breadcrumbs
{
 display:none
}

div#logo
{
 width:300px;
 height:120px;
 /* background-color:#CCC; */
 float:left
}

div#tag-line 
{
 /* background-color:#CFC; */
 height:20px
}

img
{
 border:0px
}

div#navigation
{
 width:680px;
 height:120px;
 /* background-color:#EEE; */
 float:left;
 padding:0px;
 margin:0px;
 border:0px
}

div#navigation ul
{
 width:100%;
 height:20px;
 padding:0px;
 margin-top:100px;
 margin-bottom: 0px;
 margin-left: 0px;
 margin-right: 0px;
 border:0px;
 /* background-color:#FFFF33 */
}

div#navigation li
{
 /* color:#0066CC;
 display:inline;
 line-height:20px;
 padding:0px;
 margin:0px;
 border:0px
 */
 float: left;
 background: #619E00;
 padding: 9px 13px;
 text-decoration: none;
 text-transform: uppercase;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 10px;
 color: #FFFFFF;
 list-style: none;
 line-height:normal;
}

div#navigation li a
{
 text-decoration:none;
}

a
{
 text-decoration: none;
 color:#FFFFFF;
}

a:hover
{
 text-decoration: underline;
}

div#page-title
{
 color:#336600;
 font-size:18px;
 width:980px;
 /* background-color:#EEE; */
 float:left;
 padding:0px;
 margin:5px 0px;
 border:0px
}

div#page-introduction 
{
 font-size:14px;
 width:980px;
 /* background-color:#FFF; */
 padding:0px;
 margin:2px 0px;
 border:0px;
 margin-bottom:30px;
 color:#336600
}

#homepage ul.categories
{
 width:180px;
 /*margin:left; changed from auto */
 /* background-color:#99FFCC; */
 margin-top:0px;
 padding:0px 30px 30px 30px;
 display:block;
 float:left;
}

#homepage ul.categories li
{
 width:180px;
 float:left;
 display:block;
 /* background-color:#FFFF33; */
 line-height:20px
}

#category-page ul#categories
{
 width:400px;
 float:right;
 background-color:#619F00;
 margin-top:20px;
 padding:0px;
 list-style: none;
 color:#336600
}

#category-page ul#categories a
{
 color:#D7F241;
 padding:3px;
 line-height:16pt
}

#category-page ul#websites
{
 width:400px;
 margin:auto;
 float:left;
 background-color:#D7F241;
 margin-top:20px;
 padding:0px;
 list-style: none;
}

#category-page ul#websites a
{
 color:#336600;
 padding:3px;
 line-height:16pt;
}

#websites-page li
{
 color:#336600;
 /* Xcolor:#CC0033; */ 
 float:left;
 line-height:24px;
}

#websites-page .website
{
 /* sdisplay:block; */
 width:230px;
 /* Xbackground-color:#FF0066; */ 
 float:left;
}

#websites-page .website-title
{
 /* sdisplay:block; */
 width:750px;
 /* Xbackground-color:#FFFFFF; */ 
 float:left;
}

#websites-page li a
{
text-decoration:underline
}

#websites-page ul#websites
{
 width:980px;
 margin:auto;
 float:left;
 background-color:#D7F241;
 margin-top:0px;
 padding:0px;
 list-style: none;
}

#websites-page ul#websites a
{
 color:#336600;
 padding:3px;
 line-height:16pt
}

div#beta-warning
{
 margin:auto;
 clear:both;
 display:none
}

#normal-page p
{
 width:500px;
 /* padding:0px 30px 30px 30px; */
}

#normal-page a
{
 text-decoration:underline;
}

#normal-page ul
{
 width:500px;
 /* padding:0px 30px 30px 30px; */
}

#normal-page li
{
 padding:0px 0px 10px 0px;
}

#page-introduction + p {font-weight: bold;}

#feedback
{
 width:980px;
 margin:auto;
 float:left;
 margin-top:20px;
 height:60px;
 padding:0px;
 text-align:center;
}

#feedback a
{
 text-decoration:underline;
}

.aousstside {list-style-position:outside; background:lime; border: 2px dashed red}
aul#navigation {list-style-position:outside; background:lime; border: 2px dashed red}
ali {color:#0066CC; background:#FFFFCC; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:500}





