/* Inside Track style sheet
	revision 2 Oct 2010 */

body { background:#dff0ca; font-family: Verdana, Helvetica, sans-serif; }

#wrapper {
	width: 999px;
	background: url('images/bg.png') no-repeat #fff;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: -100px;
}

#inner {
	width: 900px;
	margin: 100px 0 0 100px;
	padding: 250px 0 0 0;
	background: url('images/logo.png') no-repeat;
	background-position: 0 100px;
}

#strap { width: 900px; font-size: 130%; font-weight: bold; }
#strapline { color: #62b92b; float: left; width: 600px; }
#strapmonth { color: #000; float: left; text-align: right; width: 250px; padding-right: 50px; }

#login { 
	position: absolute;
	top: 500px;
	padding: 2px 2px 2px 5px; 
	clear: both;  
	font-size: 50%; 
	font-weight: normal; 
	width: 90px; 
}
#login form input { height: 80%; }

#main { clear: both; width: 870px; padding: 25px 60px 50px 5px; font-size: 80%; font-weight: normal; }

#contents { float: left; width: 250px; border: 1px solid #000; padding: 10px 10px 10px 10px; margin: 5px 20px 10px 0; }
span.title {font-size: 120%; font-weight: bold; }


#footer { clear: both; background: #62b92b; color: #fff; padding: 0 0 0 25px; font-size: 80% }

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

a:hover { 
text-decoration: underline; 
color: #003300; 
}

a:visited { 
text-decoration: none; 
color: #003300; 
}

a:active { 
text-decoration: none; 
color: #CC33CC; 
}

a:active:hover { 
text-decoration: underline; 
color: #003300; 
}

a.navlinks { 
text-decoration: none; 
color: #333; 
}

a.navlinks:hover {  
text-decoration: underline; 
color: #333; 
vertical-align: top
}

a.main_menu_not_selected { 
text-decoration: none; 
color: #333; 
}

a.main_menu_not_selected:hover {  
text-decoration: underline; 
color: #333; 
vertical-align: top
}

a.main_menu_selected { 
text-decoration: none; 
color: #62b92b; 
}

a.main_menu_selected:hover {  
text-decoration: underline; 
color: #62b92b; 
vertical-align: top
}

a.subnavlinks { 
text-decoration: none; 
color: #333; 
vertical-align: top;
}

a.subnavlinks:hover {  
text-decoration: underline; 
color: #333; 
vertical-align: top;
}



/* ------------------------------------------------------*/
table.main {
colour: #669966;
width: 80%;
border-spacing: 0px;
padding: 0;
}

table.middle {
width: 100%;
border-spacing: 0px;
text-align: left;
padding: 0;
border-right: 2px solid;
}

table.mainmenu {
width: 100px;
font-weight: bold;
height: 100%;
color: #ffffff;
vertical-align: top;
text-align: left;

padding-top: 2em;
border-spacing: 0px;
border-style: hidden;
}

table.banner1 {
width:100%;
background: #357c06;
color: #ffffff;
border-spacing: 0px;
border-style: hidden;
}

table.banner2 {
width: 334px;
height: 70px;
vertical-align: top;
border-spacing: 0px;
border-style: hidden;
}

table.submenu {
vertical-align: top;
border-spacing: 0px;
border-style: hidden;
color: #ffffff
}

table.pagebottom {
background: #357c06;
width: 100%;
height: 10px;
text-align:left;
vertical-align: top;
border-spacing: 5px;
border-style: hidden;
/*padding: 1em*/
}

TD.logo {
background-color: #ffffff;
vertical-align: top;
text-align: left;
width: 120px
}

td.topborder { 
/*border-top: 1px solid black;*/
/*width: 430;*/
background-color: #ffffff;
height: 16px;
vertical-align: top
}

td.topright { 
vertical-align: top;
width: 20px;
/*background-color: #ffffff;*/
height: 18px
}

td.submenu {
vertical-align: top;
color: #ffffff
}

td.banner1 {
background: #357c06;
color: #ffffff;
padding-left: 1em;
padding-right: 3em;
font-size: 12px; 
line-height: 14px; 
text-align: left
}

td.banner2 {
color: #ffffff;
padding-left: 1em;
padding-right: 1em;
font-size: 12px; 
line-height: 14px; 
text-align: right
}

td.banner3 {
vertical-align: middle;
text-align: right;
background-color: #339933;
height: 16px;
font-size: 12px; 
line-height: 9px; 
color: #ffffff;
font-weight: bold
}

td.banner4 {
width: 254px;
vertical-align: middle;
height: 70px;
font-size: 9px; 
line-height: 9px; 
color: #333333
}

td.rightborder { 
border-right: 1px solid black;
vertical-align: top;
text-align: right
}

td.righttopborder { 
border-right: 1px solid black;
border-top: 1px solid black;
vertical-align: top;
text-align: right
}

td.maincontent { 
background-color: #ffffff;
vertical-align: top;
text-align: left;
padding-left: 3em;
padding-right: 3em
}

td.leftborder { 
border-left: 1px solid black 
}

td.bottomleft { 
/*border-bottom: 1px solid black;*/
background-color: #FFFFFF;
}

td.bottomborder { 
border-bottom: 1px solid black;
background-color: #ffffff;
padding: 0
}

td.sideborders { 
border-left: 1px solid black;
border-right: 1px solid black
}

td.navbar { 
vertical-align: top;
color: #ffffff;
width: 14px;
padding-left: 2em;
background-color: #000000;
background-image: url("http://www.insidetrack.org.uk/images/wheatbg.jpg");
line-height: 12px
}

td.tabselected {
border-left: 1px solid;
border-right: 1px solid;
border-top: 1px solid
}

td.tabnotselected {
border-left: 1px solid;
border-right: 1px solid;
border-top: 1px solid;
border-bottom: 1px solid;
}

font.main_menu_selected {
text-decoration: none; 
color: #ffcccc; 
font-size: 10px; 
line-height: 12px
}

.body { 
text-decoration: none; 
color: #000000; 
font-size: 10px; 
line-height: 12px
}


a.body { 
text-decoration: none; 
color: #000000; 
font-size: 10px; 
line-height: 12px
}

a.body:hover { 
text-decoration: underline; 
color: #003300; 
font-size: 10px; 
line-height: 12px
}

a.body:visited { 
text-decoration: none; 
color: #000000; 
font-size: 10px; 
line-height: 12px
}

a.body:active { 
text-decoration: none; 
color: #CC33CC; 
font-size: 10px; 
line-height: 12px
}

a.body:active:hover { 
text-decoration: underline; 
color: #000000; 
font-size: 10px;
line-height: 12px
}


a.listing { 
text-decoration: none; 
color: #000000; 
font-size: 10px; 
line-height: 15px;
 margin-top: 15px
}

a.listing:hover { 
text-decoration: underline; 
color: #003300; 
font-size: 10px; 
line-height: 15px; 
margin-top: 15px
}

br.listing { 
line-height: 15px
}

br.menu { 
line-height: 20px
}