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,
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-weight: normal;
	font-style:normal;
	font-size: 100%;
    font-family:inherit;
	vertical-align: baseline;
}
table, caption, tbody, tfoot, thead, tr, th, td {
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
img {
	vertical-align: top;
}
body {
	line-height: 1;
	color: white;
	background: white;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Start of Default Styling */

p {
	padding: 5px 0px;
}

body {
	line-height: 1em;
	color: black;
	background: white;
    font-family: arial;
}

ol, ul {
	list-style: none;
}

a {
    text-decoration:none;
}

h1, h2, h3 {
    font-weight:bold;
}

html, body {
    background:#5fbe00;
}

td, th {
	padding: 3px;
}

/* Template Styling */

#middle .inner a {
    color:#006ea9;
    border-bottom:1px dotted #006ea9;
}

#wrapper {
    width:100%;

}

.inner {
    width:960px;
    margin:0px auto;
    position:relative;
}

#header {
    background:#303091;
    position:relative;
    width:100%;
}

#header h1 a {
    width:397px;
    display:block;
    height:0;
    padding-top:80px;
    overflow:hidden;
    background:url('images/header.gif') no-repeat;
    font-size:1px;
    position:relative;
    top:52px;
	left: 30px;
    border:none;
}

#header .inner {
    background:#303091;
    height:150px;
    position:relative;
}

#middle {
    background:#ffffff;
}

#middle .inner {
    min-height:300px;
    height:auto !important;
    height:300px;
    background:#ffffff;
    padding:20px 0;
    line-height:1.2em;
}

#middle .inner h2 {
    font-family: Tahoma, Geneva, sans-serif;
    font-weight:normal;
    font-size:24px;
    margin:12px 0;
}

#middle .inner h3 {
    font-family: Tahoma, Geneva, sans-serif;
    font-weight:normal;
    font-size:20px;
    margin:10px 0;
}

#middle p {
    margin-bottom:12px;
}


#footer .inner {
    min-height:275px;
    height:auto !important;
    height:275px;
    background:url('images/footer.gif') no-repeat left 17px;
    padding-top:17px;
    padding-bottom:17px;
}

p#copy {
    font-size:14px;
    padding-top:22px;
    text-align:center;
}

p#copy a {
    color:#222;
    border-bottom:1px dotted #222;
}

#livehelp img {
    display:none;
}

/* Login box */

#header .inner #loginbox {
    position:absolute;
    top:60px;
    right:0;
    width:500px;
    text-align:right;
}

#header .inner #loginbox label {
    width:70px;
    display:inline-block;
    text-align:left;
}

.row {
    margin:0 0 12px 0;
}

.login .row {
    margin:2px 0;
}

.right {
    float:right;
}

.remember {
    font-size:12px;
    color:#333;
    line-height:24px;
    text-align:right;
}

.forgotten a {
    color:#ddd;
    font-size:12px;
}

#loginbox input {
    font-size:16px;
}



.remember label {
    width:120px;
    font-size:12px;
    text-align:left;
}

#message {
    position:absolute;
    width:400px;
    top:17px;
    left:70px;
}

#message .message_error {
    padding:7px 12px;
    font-size:16px;
    padding-bottom:14px;
    background:#ffffdd url('../images/error2.gif') left bottom no-repeat;
    text-align:left;
}

div.message_error{
	padding:0;
	margin: 10px 0 15px 0;

}

div.message_info {
	padding:0;
}

div.message_info ul{
	background: #c9e0f2;
	border: 1px solid #096bb3;
    padding: 8px;
    min-height:16px;
    line-height:16px;
    color:#333;
}

/* Navigation */
#navigation {
    height:28px;
    position:absolute;
    bottom:0;
    right:0px;
}

#navigation ul {
    height:28px;

}

#navigation ul li {
    float:left;
    height:28px;
    line-height:28px;
    display:block;
    margin-left:12px;

}

#navigation ul li a {
    padding:0 10px;
    display:block;
    font-size:16px;
    color:#fff;
    letter-spacing:0.02em;
    border:none;
}

#navigation ul li a:hover {
    text-decoration:underline;
}

#navigation ul li.selected,
#page-index #navigation ul li.page-index,
#page-spellings #navigation ul li.page-spellings,
#page-blind-spellings #navigation ul li.page-blind-spellings,
#page-flashcards #navigation ul li.page-flashcards,
#page-guide #navigation ul li.page-guide,
#page-aboutus #navigation ul li.page-aboutus,
#page-contactus #navigation ul li.page-contactus {
    background:url('images/corners.gif') no-repeat #fff -2px top;
}

#navigation ul li.selected a,
#page-index #navigation ul li.page-index a,
#page-spellings #navigation ul li.page-spellings a,
#page-blind-spellings #navigation ul li.page-blind-spellings a,
#page-flashcards #navigation ul li.page-flashcards a,
#page-guide #navigation ul li.page-guide a,
#page-aboutus #navigation ul li.page-aboutus a,
#page-contactus #navigation ul li.page-contactus a {
    color:#001131;
    background:url('images/corner_right.gif') no-repeat right top;
}

/* Request a call back */
#callback {
    padding:17px;
    width:339px;
    float:left;
    display:inline;
    margin-right:15px;
}

#callback-form {
    background:#a4d671;
    border:2px solid #5fbe00;
    position:relative;
    top:-2px;
    left:-2px;
    margin-bottom:10px;
}

#footer h2 {
    font-size:20px;
    color:#300000;
    margin-bottom:14px;
}

#features {
    width:248px;
    float:left;
    padding:17px;
    margin-right:17px;
    display:inline;
}

#features ul {
	width: 250px;
	overflow: hidden;
    list-style:inside;
}

#features ul li {
    line-height:1.3em;
	white-space: nowrap;
}

#features ul li a {
    color: #222222;
    border-bottom:1px dotted #222;
}

#brochure {
    width:267px;
    padding:3px;
    float:left;
    display:inline;
    text-align:center;
}

.downloadourbrochure {
    background: url('images/downloadourbrochure.gif') no-repeat;
    display:block;
    width:267px;
    height:0;
    padding-top:46px;
    overflow:hidden;
}

.getaquote {
    background: url('images/getaquote.gif') no-repeat;
    display:block;
    float:left;
    width:158px;
    height:0;
    padding-top:46px;
    overflow:hidden;
}

.livehelponline {
    background: url('images/livehelponline.gif') no-repeat;
    display:block;
    float:right;
    width:169px;
    height:0;
    padding-top:46px;
    overflow:hidden;
}

li {
    line-height:1.3em;
    list-style:disc inside;
}

li li {
    margin-left:2em;
    list-style:circle inside;
}

#signupform {


}

#signupform table {
    width:50%;
    float:left;
    font-size:1.1em;

}

#signupform table input, #signupform table select {
    font-size:1.1em;
}

#signupform table td {
    padding:5px 0;
}

.signupnow {
    border:none !important;
    display:block;
    width:321px;
    height:0;
    padding-top:66px;
    overflow:hidden;
    background:url('images/signupnow.gif') no-repeat;
    margin:0 auto;
}

/* Portfolio */
#portfolio .leasection {
    display:none;
}

#portfolio .lea a {
    display:block;
    border:none;
}

#portfolio .site img {
    margin-right:8px;
}

#portfolio .flags a {
    border:none;
}

#portfolio .flags .selected {
    background:#6cb4da;
}

.site {
    clear:both;
    padding:10px 0;
}

#content {
	width: auto;
}

.sortable th,
.sortable th a {
	font-weight: bold;
}
