/*  
Theme Name: Accredited First Aid Courses
Theme URI: http://accreditedfirstaidcourses.com.au
Description: The theme for the Accredited First Aid Courses website
Version: 1.0
Author: Nick Davies - Spark Design
Author URI: http://sparkdesign.com.au
*/

/* Reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: top; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }



/* Type */

body { font-size:80%;font-family: Arial, Helvetica, sans-serif; }

p { padding:0em 0em 1.5em 0em;color:#1b8662; }
p img       { float: left; margin: 0 30px 0 0; padding: 4px; border: #d3d3d3 1px solid; }
p img.right { float: right; margin: 0 0 0 30px}

h1,h2,h3,h4,h5,h6, h1 a, h2 a, h3 a { font-weight: normal; color: #1b8662; line-height: 1.0; }

h1 { font-size: 2em;  margin-bottom: 25px; text-transform:uppercase;}
h2 { font-size: 1.7em;  margin: 0 0 0.5em 0; }
h3 { font-size: 1.5em;  margin-bottom: 1em; }
h4 { font-size: 1.3em;  margin-bottom: 1em; }
h5 { font-size: 1.3em;  margin-bottom: 1em; }
h6 { font-size: 1.3em;  margin-bottom: 1em; }

div#contact-us h2 a {color: #c31e1e;}

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }


dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

a { color: #1B8662; text-decoration: none; }
a:hover { text-decoration: underline; }

div#main p a {text-decoration: underline; 
color: #C31E1E;}

ul#navigation {
position: relative;
bottom: -3px;
left: 22px;
}

ul#navigation li, ul#sub-navigation li {
display:inline;
text-transform:uppercase;
font-size: 0.85em;
text-align:left;
padding: 17px 0;
}

ul#navigation li a, ul#sub-navigation li a {
color:#a9d3c4;
font-size: 1.2em; 
font-weight: bold; 
padding: 17px 10px;
}

ul#sub-navigation li a {font-size: 1.1em; }

ul#navigation li.current_page_item a, ul#navigation li a:hover {background : url(img/menu-select.png) center bottom no-repeat; color: #fff; text-decoration: none;}

ul#sub-navigation li.current_page_item a, ul#sub-navigation li a:hover {color: #fff; text-decoration: none;}

blockquote { padding:0; margin: 0; font-weight: bold; color: #fff; font-size: 1.4em; display: inline;}
strong { font-weight: bold; }


/* Layout */

html {margin:0pt; padding:0pt; width:100%; height:100%; text-align:center;}

div#masthead {
background : #1f8865 url(img/masthead-bck.png) left top;
clear:both;
height:163px;
text-align:center;
width:100%;
}

div#inner_masthead {
margin:0 auto;
text-align:center;
width:969px;
height:163px;
}

blockquote { 
position : absolute;
top : -9999px; }

h1 { 
position : relative;
top : 18px; 
left : 0;
width : 625px;
height : 107px; 
background : url(img/Accredited-First-Aid-Courses.png) left top no-repeat;
text-indent : -9999px; 
float: left;
display:block;
}

h1 a {
position : relative;
top : 0; 
left : 0;
display:block;
width : 625px;
height:107px;
text-indent:-9999px;
border: 0;
outline: 0;
}

ul#navigation {
clear:both;
margin:0pt auto;
text-align: left;
}

ul#sub-navigation {
display:inline;
float:right;
position : relative;
top : 10px; 
right : 17px;
padding: 0;
margin: 0;
}

div#content { 
width : 969px;
height: 100%;
padding: 0;
margin:0pt auto;
}

div#main{
float: left;
padding: 30px;
}

div#main{border-bottom: #d3d3d3 1px dashed;}

body#sub div#main{border: none;}

div#introduction, div#contact-us, div.courses, div#sub-page, div#sub-page-links {text-align: left;}

div#introduction, div#sub-page, div#sub-page-links {
width: 584px;
float: left;
padding-right: 30px;
border-right: #d3d3d3 1px dashed;
}

div#contact-us, div#links {
float: right;
width: 264px;
padding-left: 30px;
}

h2.left {float: left;}
h2.right {float: right;}

div.courses {width: 969px; float: left; clear: both; padding: 30px 0;}

div.green {background: #f0f0f0;}

div.course {width: 262px; float: left; padding: 0 30px; border-right: #d3d3d3 1px dashed; height: 100%;}

div#sub-page div.course {width: 100%; border: none; padding: 0;}

div.course p a:hover {color: #c31e1e; text-decoration: none;}

div.last-course {border: none;}

div.course blockquote, div#sub-page blockquote {
position: relative;
top: 0px;
float: left;
clear: none;
margin: 0 13px 0 0;
padding: 15px 0 0 0;
width: 59px;
height: 44px;
background : url(img/course-price-bck.png) left top no-repeat;
}

div.green div.course  blockquote {background : url(img/course-price-green-bck.png) left top no-repeat;}

div.course blockquote p, div#sub-page blockquote p {display: inline; color: #fff; float: none; padding: 0 0 0 15px;}

div.course p {float: right; display: inline; width: 190px; padding: 0; margin: 0;}

div.dual blockquote, div#sub-dual blockquote {padding: 0 0 15px 0; font-size:1.2em; text-align: center; line-height: 0.8em;}
div.dual blockquote p, div#sub-dual blockquote p {padding: 0 0 0 2px;}
span.small {font-size: 8px; color: #ccc}

p.sub-img {display: inline;}

div#sub-page blockquote  {height: 565px;}

div#sub-dual blockquote  {height: 1270px;}

div#sub-page ul {color:#1b8662; list-style: disc; margin-left: 0; }

div#sub-page-links ul {color:#1b8662; list-style: disc; margin-left: 0; }

/* div#sub-page ul li:before {content: "\002D \0020";	}
*/

div#site_info h3 {
position : absolute;
top : -9999px; 
}

div#site_info {
color: #aeb3b4;
width: 969px;
clear: both;
text-align: left;
border-top: #d9d9d9 1px dashed;

}

div#site_info ul {
padding: 20px 0;
font-size: 87%;
margin: 0;
background : url(img/spark.png) right bottom no-repeat;
}

div#site_info ul li.current_page_item a {color: #1b8662;}

div#site_info ul li {display: inline;}

div#site_info ul li a {
color: #aeb3b4; 
border-right: #aeb3b4 1px solid;
margin: 0;
padding: 0 12px;
}

div#site_info ul li.last a {
border-right: none;
padding: 0 12px 0 12px;
}

/*  Form elements */

div#contact-us span, div#contact-us fieldset legend, .linklove, div#contact-us fieldset.cf_hidden {position : absolute;
top : -9999px; }

div#contact-us fieldset {clear: both;}

.input, .single {
background:#FFFFFF url(img/input_bg.gif) no-repeat scroll left top;
border-color:#BBBBBB #DDDDDD #DDDDDD #BBBBBB;
border-style:solid;
border-width:1px;
color:#CCCCCC;
font-family:'Lucida Grande',helvetica,arial,sans-serif;
font-size:18px;
margin:0 0 11px;
padding:5px;
width:252px;
}

.sendbutton {
background:#c31e1e url(img/button-bck.png) no-repeat left top;
border:0 none;
color:#FFFFFF;
cursor:pointer;
float:right;
font-family:Arial;
font-size:14px;
height:32px;
width: 90px;
margin:0;
padding:0 8px;
}

ol.cf-ol { 
	margin:0!important; 
	padding:0!important;
}

ol.cf-ol li {
list-style-image:none !important;
list-style-position:outside !important;
list-style-type:none !important;
margin:0;
padding:0;
text-align:left;
}

p.cf-sb {
margin: 0;
padding: 0;
}

p.alignright {
float:right;
margin:30px 0 0 30px;
display:inline;
}

/* Table styles */
div #sub-page table { 
border-collapse:collapse;
}

div #sub-page th, div #sub-page td {
border: 1px dashed #D3D3D3;
padding: 10px;
color:#1B8662;}

div #sub-page th {font-weight: bold;}


/* Links */
div#links, div#sub-page-links {text-align: left;}
div#links ul, div#sub-page-links ul{list-style-type: none; margin-left:0;}
div#links h2, div#sub-page-links h2{margin-top:20px;}