/* CSS Reset - Supercar Sunday */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-size : 100%;
vertical-align : baseline;
background : transparent;
}
body {
line-height : 1em;
}
ol, ul {
list-style : none;
}
blockquote, q {
quotes : none;
}
blockquote:before, blockquote:after, q:before, q:after {
content : '';
content : none;
}
:focus {
outline : 0;
}
ins {
text-decoration : none;
}
del {
text-decoration : line-through;
}
table {
border-collapse : collapse;
border-spacing : 0;
}

/* Global Styling */

body {
background-color: #549c9a;
font-family : Helvetica, Arial, sans-serif;
font-size: 62.5%;
line-height : 18px;
color : #080808;
}

H1 {font-size: 1.4em}
H2 {font-size: 1.3em} 
H3 {font-size: 1.2em}
H4 {font-size: 1em}
H1, H2, H3 { margin: 10px 0; }
p {margin-bottom: 10px;}
ul.list { 
list-style: square;
list-style-position: inside;
margin: 10px; padding: 5px;
}
ul.list ul {
list-style: square;
list-style-position: inside;
margin: 0 10px 0 20px; 
padding: 0 5px 0 10px;
}

INPUT, SELECT, TH, TD {font-size: 1em} /* force form/table to inherit correct size */

a {text-decoration: none; color:#00447C;}
a:link {text-decoration: none; color:#00447C;}
a:visited {text-decoration: none; color:#00447C;}
a:hover {text-decoration:underline; color:#7a003c;}
a:active {text-decoration: none; color:#00447C;}

.bold { font-weight: bold; }
.italic { font-style: italic; }
.border-top { border-top: 1px solid #FFFFFF; }
.border-bottom { border-bottom: 1px solid #FFFFFF; }
.border-left { border-left: 1px solid #FFFFFF; }
.border-right { border-right: 1px solid #FFFFFF; }
.pad5 { padding: 5px; }
.pad10 { padding: 10px; }
.contain { width: 100%; overflow: auto;}
.left { float: left; }
.right { float: right; }
.alignleft {text-align: left;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}
.imageleft { float: left; margin: 0 10px 10px 0; }
.imageright { float: right; margin: 0 0 10px 10px; }

.search {
clear: both;
margin-top: 2px;
}

.search input {
border: 1px solid #00447c;
float: left;
}

.search input.btn {
background-color: #00447c;
color: #FFFFFF;
padding: 1px 1px 2px 1px;
margin-right: 3px;
font-size: 0.9em;
text-transform: uppercase;
}

table.tablestyle {
border-collapse: collapse;
margin-bottom: 10px;
}

.tablestyle th {
font-size: 1.1em;
border: 1px solid #717e63;
border-right: 2px solid #717e63;
border-bottom: 2px solid #717e63;
text-transform: uppercase;
padding: 6px 6px 6px 12px;
background: #bde9e8;
}

.tablestyle td {
border: 1px solid #717e63;
border-right: 2px solid #717e63;
background: #bde9e8;
padding: 6px 6px 6px 12px;
color: #333333;
}

/* Font Colours */

.white {color: #FFFFFF;}
.black {color: #000000;}
.blue {color: #00447c;}
.green {color: #00aaa7;}
.lightgreen {color: #82cac7;}
.lightpurple {color: #737499;}
.yellow {color: #fdb813;}
.lightyellow {color: #FFCB66;}
.burgandy {color: #7a003c;}
.lightburgandy {color: #B67289;}

/* Background Colours */

.bgd_White{background-color:#FFFFFF;}
.bgd_Black{background-color:#000000;}
.bgd_Blue{background-color:#00447c;}
.bgd_Blue a{color:#FFFFFF;}
.bgd_PaleBlue{background-color:#cbd9e4;}
.bgd_Green{background-color:#00aaa7;}
.bgd_LightGreen{background-color:#82cac7;}
.bgd_Mint{background-color:#BDE9E8;}
.bgd_PaleMint{background-color:#D4F1EF;}
.bgd_LightPurple{background-color:#737499;}
.bgd_Yellow{background-color:#fdb813;}
.bgd_LightYellow{background-color:#FFCB66;}
.bgd_Burgandy{background-color:#7a003c;}
.bgd_LightBurgandy{background-color:#B67289;}
.bgd_DarkGrey{background-color:#333333;}
.bgd_LightGrey{background-color:#E5E5E5;}
.bgd_LightBlue{background-color:#266090;}
.bgd_Turquoise{background-color:#bcd5e9;}

/* Template Styling */

#container {
width: 775px;
margin: 0 auto;
position: relative;
background-color: #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
font-size: 1.3em;
overflow: auto;
}

#header {
width: 775px; height: 76px;
background: url(/scimages/template/supercarbanner.png) no-repeat;
}

#logo {
width: 70px; height: 101px;
position: absolute;
left: 36px; top: 0;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
}

#search-bar {
width: 775px; height: 24px;
background-color: #00447c;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}

#nav-container {
width: 775px;
background-color: #bcd5e9;
font-size: 0.8em;
line-height: 13px;
font-weight: bold;
text-transform: uppercase;
overflow: auto;
}
#navigation ul {
width: 100%;
float: left;
}
#navigation li {
height: 35px;
border-right: 1px solid #FFFFFF;
display: inline;
float: left;
}
#navigation li.active {background-color: #00447c;}
#navigation li.active a {color: #FFFFFF;}
#navigation li a {
height: 32px;
color: #00447c;
text-decoration: none;
padding: 3px 8px 0 8px;
float: left;
}
#navigation li a:hover {
background-color: #266090;
color: #FFFFFF;
}
#breadcrumbs {
width: 755px;
padding: 8px 10px;
position: relative;
font-size: 0.9em;
font-weight: bold;
color: #00447c;
}
#breadcrumbs a {
color: #00447c;
text-decoration: none;
}
#footer {
width: 755px; height: 20px;
margin: 0 auto;
position: relative;
color: #FFFFFF;
padding: 10px;
}
#footer a {color: #FFFFFF;}
#page {
width: 775px;
overflow: auto;
}
#page img { display: block; }
#sidebar {
width: 191px;
float: left;
font-size: 0.9em;
padding-left: 10px;
}
#sidenav {
width: 191px;
}
#sidenav li {
background-color: #00447c;
width: 191px; 
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
font-weight: bold;
}
#sidenav li:hover {position: relative;}
#sidenav a {
height: 19px;
display: block;
color: #FFFFFF;
text-decoration: none;
padding: 4px 0 5px 8px;
}
#sidenav a:hover {
background-color: #266090;
color: #FFFFFF;
}
#sidenav li.active {background-color: #bcd5e9;}
#sidenav li.active a {color: #00447c;}
#sidenav li.active a:hover {color: #FFFFFF;}
#sidenav li.subarrow, #sidenav li.subarrow a:hover {
background-image: url(/scimages/template/submenuarrow.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}
#sidenav li.subarrow ul li a:hover { background-image: none; }

/* Fix IE. Hide from IE Mac \*/
* html ul#sidenav li { float: left; height: 1%; }
* html ul#sidenav li a { height: 1%; }
/* End */

/* Sub Menu */

#sidenav ul {
display: none;
position: absolute;
left: 192px;
top: 0px;
}
#sidenav li:hover ul {display: block;}
#sidenav ul li {
background-color: #00447c;
width: 191px;
border-bottom: 1px solid #FFFFFF;
font-weight: bold;
float: left; display: inline;
}
#sidenav li.active ul li a { color: #FFFFFF; }
#sidenav li.active ul li.active a { color: #00447c; }
#sidenav li.active ul li.active a:hover { color: #FFFFFF; }

/* End Sub Menu */

#content {
width: 553px;
float: right;
padding: 0 10px 10px 10px;
}

#content img {
	padding: 2px;
	border: 1px solid #808080;
}

/* Homepage Styles */

#home-content { width: 755px; overflow: auto; padding: 10px 10px 10px 10px;}
#home-block-left {
width: 387px; height: 444px;
float: left;
background-color: #00447c;
color: #FFFFFF;
border-right: 1px solid #FFFFFF;
position: relative;
}
#home-block-right {
width: 387px;
float: left;
color: #FFFFFF;
}
.home-square-blue { 
width: 147px; height: 131px; 
background-color: #00447c;
padding: 8px 15px 8px 31px;
position: relative;
float: left;
font-size: 0.9em;
}
.home-square-green { 
width: 147px; height: 131px; 
background-color: #00aaa7;
padding: 8px 31px 8px 15px;
position: relative;
float: left;
font-size: 0.9em;
}
.home-block-left a, .home-square-blue a, .home-square-green a {
color: #FFF;
}
.home-block-left a:hover, .home-square-blue a:hover, .home-square-green a:hover {
color: #FFF;
}
.home-square-image { 
width: 193px; height: 147px;
float: left;
}
.home-square-image img {
display: block;
}
.arrow-blue-left {
width: 23px; height: 23px;
background: url(/scimages/template/Arrow_Blue_Left.gif); 
position: absolute;
left: 3px; top: 8px;
}
.arrow-green-right {
width: 23px; height: 23px;
background: url(/scimages/template/Arrow_Green_Right.gif); 
position: absolute;
right: 3px; top: 8px;
}
#kidszone_top { 
width: 387px; height: 52px;
position: absolute;
left: 0px; bottom: 0px;
}
#kidszone_main { width: 775px; height: 146px; clear: both;}
#kidszone_bottom { width: 159px; height: 62px; }
#lotteryblock { 
width: 387px; height: 40px; 
margin: 10px 0 10px 10px;
float: left;
}
#addressblock { 
width: 367px; height: 40px; 
margin: 10px 0;
font-size: 0.7em;
line-height: 13px;
float: left;
}

/* Page Styles */

.pageheader {
background-color: #00aaa7;
color: #FFF;
padding: 10px;
margin-bottom: 10px;
}
.pageheader h1, .pageheader h3 { margin: 0; }
.noticebox {
width: 190px;
margin: 0 0 10px 10px;
padding: 8px;
background-color: #fdb813;
color: #2b1f03;
}
.noticebox h4 { margin-bottom: 8px;}
.sidebox-grey {
width: 191px;
margin-top: 10px;
float: left;
}
.sidebox-grey h4 { background-color: #e5e5e5; padding: 5px; margin-bottom: 8px;}
.sidebox-yellow {
width: 181px;
background-color: #fdb813;
padding: 5px; 
margin-top: 10px;
float: left;
}
.sidebox-yellow h4 { margin-bottom: 8px;}