/* body colour */
body {
	background-color: #111D1F;	
}
.body, a {
	color: #fff;
}
/* the menu - colour changes */
.logo {
	border-bottom: 1px solid #fff;
}
.logo h1
{
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}

.header a	/* logo */
{
	border-bottom: 1px solid #fff;
	color: #fff;
}

.header li a{
	color: #fff;
	border-top: 7px solid #fff;
	border-bottom: 1px solid #fff;
}
/* sketch selected */
#sket a
{
	color: #77b800;
	width: 244px;
	border-top: 7px solid #77b800;
	border-bottom: 1px solid #77b800;
} 

/* stw revised - sketch selected */
.sket a
{
	color: #77b800;
	width: 244px;
	border-top: 7px solid #77b800;
	border-bottom: 1px solid #77b800;
} 

/* sketchbook links */
a.pro
{
	color: #77b800;
}

a.pro:hover
{
	color: #fff;
	background-color: #1376c2;
}

a.pra
{
	color: #77b800;
}

a.pra:hover
{
	color: #fff;
	background-color: #fd4239;
}

a.ext
{
	color: #77b800;
}

a.ext:hover
{
	color: #fff;
	background-color: #666;
}
/* end stw revised - sketch selected */

/* border and other colours */
.brdr, .brdr_sub {
	border-bottom: 1px solid #fff;
	margin-bottom: 10px;
	display:inline;
	float: left;
	position: relative;
	margin-left: 1px;
	margin-right: 1px;
}
.brdr_sub {
	margin-top:1px;
	*margin-top:8px;
}
.footer p {
	color: #fff;
	font-style: normal;
}
.address {
	border-top: 1px solid #fff;
}

.address a
{
	font-family: "Helvetica Neue" , Helvetica, Arial, Geneva, sans-serif;
	font-weight: bold;
	color: #fff;
}

/* colours */
#liteText {
	color: #eee;
}
#liteText a,#liteText a:visited {
	color: #77b800;
}
#liteText a:hover {
	background-color: #77b800;
	color: #111D1F;
}

/* stw revised colours */
.liteText
{
	color: #eee;
}
a.liteText, a.liteText:visited
{
	color: #77b800;
}
a.liteText:hover
{
	background-color: #77b800;
	color: #111D1F;
}
/* end stw revised colours */

h2, h3
{
	color: #77b800;
}
a:hover h3
{
	background-color: transparent;
	color: #fff;
}

#liteText h4
{
	color: #efefef;
	font-weight: normal;
	font-style: normal;
}

/* stw revised */
.liteText h4
{
	color: #efefef;
	font-weight: normal;
	font-style: normal;
}

h4
{
	color: #efefef;
	font-weight: normal;
	font-style: normal;
}
/* end stw revised */

/* submenu */
.submenu{
	height:36px;
	*height:46px; /* targets IE6 and 7 */
	overflow: visible;
	position: relative;
	top: 4px;
	*top: 8px; /* targets IE6 and 7 */
	line-height: 16px;
	font-size: 13px;
}
.submenu a{
	background-color: transparent;
	}
	
/*	Not sure of the function of this style - ME
/* conflicts with a.skt:hover in basic.css
.submenu a:hover
{
	background-color: transparent;
	text-decoration: none;
	color: #111D1F;
}
*/

#grnText {
	color:#77b800;
}	

/* stw revised */
.grnText {
	color:#77b800;
}
/* end stw revised */
	
#rssfeed {
	font-size: 9pt;
	width: 244px;
	height: 24px;
	padding-top: 28px;	
}
#rssfeed img,#rssfeed a {
	display: inline;
}

#rssfeed a:hover {
	text-decoration: none;
	color:#77b800 ;
}


/* IE6 submenu workaround */
html > body .submenu{
		height: 56px;
	}
	
#sketchselected {
	color: #77b800;
}
#sketselected a{
	color: #77b800;
	border-top: 7px solid #77b800;
	border-bottom: 1px solid #77b800;
}

/* stw revised */
.sketchselected {
	color: #77b800;
}
.sketselected a{
	color: #77b800;
	border-top: 7px solid #77b800;
	border-bottom: 1px solid #77b800;
}
/* end stw revised */

h4 a,h4 a:link,h4 a:visited   {
	background-color: transparent;
	color: #77b800;
	font-weight: normal;
	font-style: normal;
}

h4 a:hover {
	background-color: transparent;
	color: #77b800;
}

.gry {
	color: #aaa;
}

li
{
	font-family: "Franklin Gothic Medium" , "Helvetica Neue" , Helvetica, Arial, Geneva, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	line-height: 18px;
	margin-right: 20px;
	list-style-position: outside;
	list-style-type: disc;
	list-style-image: none;
	padding-bottom: 5px;
}