* {
margin:0;
padding:0;
}
body {
background:#26296A none repeat scroll 0 0;
font-family:Arial,Helvetica,sans-serif;
font-size:85%;
}
p, ul, ol, dl, input, select, textarea {
font-size:1em;
}
p, ul, ol, dl {
line-height:1.7em;
margin:10px 0;
}
a:link {
color:#484B8E;
text-decoration:none;
}
a:visited {
color:#676AAC;
text-decoration:none;
}
a:hover, a:active, a:focus {
color:#26296A;
text-decoration:underline;
}
.error {
color:red;
}
strong.company-name {
color:#434F9D;
}
cite {
font-size:0.8em;
}
#resources cite {
font-size:1em;
}
h1 {
color:#000000;
font-size:1.6em;
margin:0 0 0.2em;
text-align:left;
}
h2 {
color:#000000;
font-size:1.15em;
margin:0 0 0.6em;
text-align:left;
}
h3 {
border-bottom:2px solid #B0B2DA;
color:#1A1E69;
font-size:1.9em;
font-weight:normal;
margin:0 0 0.8em;
padding:0 0 0.1em;
text-align:left;
}
h4 {
font-size:1.4em;
margin-bottom:10px;
padding:10px;
text-align:center;
}
h4 em {
font-size:1.6em;
font-style:normal;
}
#site-container {
}
.site-wrap {
margin:0 auto;
width:900px;
}
#header {
background:#E1E0E1 url(../images/header-bg.gif) repeat-x scroll 0 0;
min-height:9.5em;
}
#header .site-wrap {
background:transparent url(../images/sportoolkits-logo.gif) no-repeat scroll 10px 10px;
min-height:9.5em;
}
#header h1 {
color:#000000;
font-size:1.8em;
margin:0 0 0.1em;
padding:30px 0 0 150px;
text-align:left;
}
#header h2 {
color:#212F54;
font-size:1.3em;
font-weight:normal;
margin:0 0 5px 150px;
text-align:left;
}
#header h2.slogan {
color:#2E3A92;
font-size:1.4em;
text-align:right;
}
#navigation-menu {
background:#26296A url(../images/nav-menu-bg.gif) repeat-x scroll 0 0;
border-bottom:3px solid #484B8E;
line-height:2.4em;
min-height:2.4em;
}
#navigation-menu ul {
border-left:1px solid #0E1040;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
text-align:right;
}
#navigation-menu ul li {
border-left:1px solid #424585;
border-right:1px solid #0E1040;
float:left;
line-height:2.4em;
min-height:2.4em;
}
#navigation-menu ul li.last {
border-right:medium none;
}
#navigation-menu ul li a {
color:#FFFFFF;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:1.3em;
padding:0.3em 1em;
text-decoration:none;
text-transform:lowercase;
}
#navigation-menu ul li a:hover, #navigation-menu ul li a:active, #navigation-menu ul li a:focus {
background:#484B8E none repeat scroll 0 0;
}
#main-content {
background:#FFFFFF url(../images/content-bg.gif) repeat-x scroll 0 0;
min-height:380px;
}
#main-content .site-wrap {
padding:20px 10px;
}
#content {overflow: hidden}
#footer {
background:#26296A url(../images/nav-menu-bg.gif) repeat-x scroll 0 0;
border-top:1px solid #26296A;
padding:10px 0;
}
#footer ul {
line-height:2em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
text-align:center;
}
#footer ul li {
display:inline;
}
#footer ul li a {
border-right:1px solid #424585;
color:#FFFFFF;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:1.1em;
padding:0 0.6em;
text-decoration:none;
text-transform:lowercase;
}
#footer ul li.last a {
border-right:medium none;
}
#footer ul li a:hover {
text-decoration:underline;
}
#footer p.disclaimer {
color:#DFDFDF;
font-size:0.9em;
line-height:1.1em;
margin-top:30px;
}
ol {
margin:20px 50px;
}
ul {
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
margin:0 0 20px 25px;
}
ul ul {
list-style-image:none;
list-style-position:outside;
list-style-type:circle;
}
dl {
margin:0 20px;
}
dl dt {
font-size:1.3em;
font-weight:normal;
line-height:2em;
text-decoration:underline;
}
dl dd {
margin:0 0 5px;
}
textarea {
font-family:Arial,Helvetica,sans-serif;
font-size:1.3em;
line-height:1.6em;
margin-bottom:10px;
padding:5px;
width:880px;
}
a.home-panel {
border:2px solid #B0B2DA;
display:inline;
float:left;
height:200px;
margin:10px;
width:260px;
}
a.home-panel:hover {
border:2px solid #686BAC;
text-decoration:none;
}
.home-panel h3 {
background-color:white;
border-bottom:medium none;
font-size:1.5em;
padding:10px;
text-align:center;
}
#home-students {
background:transparent url(../images/panel-students.jpg) no-repeat scroll 50% 50%;
}
#home-teachers {
background:transparent url(../images/panel-teachers.jpg) no-repeat scroll 50% 50%;
}
#home-parents {
background:transparent url(../images/panel-parents.jpg) no-repeat scroll 50% 100%;
}
#questionaire {
}
#questionaire td {
text-align:left;
}
#questionaire table td.checkbox-label {
text-align:center;
}
#questionaire table td.checkbox-label label {
display:none;
}
#questionaire-legend {
margin:10px 0;
}
#questionaire-legend th, #questionaire-legend td {
padding:10px;
}
#questionaire-legend th {
width:100px;
}
.form-a, .form-b {
background-color:#F2F2F2;
border:2px solid #E2E2E2;
}
.form-a tr.alt, .form-b tr.alt {
background-color:#E2E2E2;
}
.form-a tr.hover, .form-b tr.hover {
background-color:#DDE7F2;
}
.form-a tr th, .form-a tr td, .form-b tr th, .form-b tr td {
padding:8px;
}
.form-a tr.submit td, .form-b tr.submit td {
text-align:center !important;
}
.form-b table td.checkbox-label input {
}
.form-b table td.checkbox-label label {
display:inline !important;
font-weight:bold;
}
#main-content img.right {
float:right;
margin:0 0 20px 10px;
}
#main-content img.left {
float:left;
margin:0 10px 20px 0;
}
.sublist {
display:none;
}
#footer:after, #main-content:after, #navigation-menu ul:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
#footer, #main-content, #navigation-menu ul {
height:1%;
}