/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
background: #efefef;
*/

body {
    margin:      0 0 0 0;
    padding:     0;
    background:  #676865;
    font-family: Arial, Helvetica, sans-serif;
    font-size:   12px;
}

h1, h2, h3 {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #006EA6;
}

h1 {
    font-size: 16px;
    text-transform: uppercase;
}

h2 {
    font-size: 18px;
}

p, ul, ol {
    margin: 0 0 2em 0;
    /*text-align: justify;*/
    line-height: 20px;
}

a:link {
    color: #00395a;
}

a:hover, a:active {
    text-decoration: none;
    color: #00395a;
}

a:visited {
    color: #0094E0;
}

img {
    border: none;
}

img.left {
    float: left;
    margin: 7px 15px 0 0;
}

img.right {
    float: right;
    margin: 7px 0 0 15px;
}

/* Form */

form {
    margin: 0;
    padding: 0;
}

fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

legend {
    display: none;
}

input, textarea, select {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333333;
}

#wrapper {
    background: #7ACF00;
}

/* Header */

#header {
    width:  100%;
    height: 141px;

    background: #FFFFFF url(images/header-background.jpg) repeat-x left top;
}

#header-content {
    width: 800px;
    margin: 0 auto;
}

#menu-header {
    width:  800px;
    margin: 0 auto;
    background-color: #FFFFFF;
}

#logo {
    float: left;
    margin-top:  20px;
}


#logo h2 {
    float:       left;
    margin:      0;
    padding:     20px 0 0 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:   10px;
    color:       #6D6D6D;
    text-transform: uppercase;
}

#logo a {
    text-decoration: none;
    color: #FFFFFF;
}



/* Student Login */

#login {
    float:        right;
    text-align:   right;
    width:        360px;
    height:       65px;
    margin-right: 0px;
    margin-top:   20px;
}

#login a,
#login a:link,
#login a:visited {
    clear: both;
    color: #8DC63F;
    white-space: nowrap;
    float: left;
    margin-left: 6px;
}

#login div {
    color:       #676865;
    text-align:  left;
    font-weight: bold;
    float:       left;
    display:     inline;

    width:      147px;
    height:     55px;
    padding: 0px;
    margin: 0px;
    padding-left: 6px;
    background: url(images/username-password-box.png) no-repeat left 20px;
}

#login div input {
    display: block;
    border: none;
    background: none;
    margin-top: 10px;
}


#login input{
    display: inline;
}



#login_submit {
    width:      50px;
    height:     26px;
    margin-top: 20px;

    padding:    0px;
    background: #ECECEC url(images/img08.gif) repeat-x left bottom;
    border:     none;
    text-transform: lowercase;
    font-weight: bold;
    color:      #ffffff;
}


/* Menu */

#menu {
    float:      left;
    margin-top: 21px;
}

#menu ul {
    margin-bottom: 10px;
    padding: 0;
    list-style: none;
}

#menu li {
    display: inline;
}

#menu a {
    height:          30px;
    display:         block;
    float:           left;

    margin-left:     0px;
    margin-bottom:   5px;
    padding:         1px 10px;

    color:           #676865;
    font-size:       12px;
    font-weight:     bold;

    text-transform:  uppercase;
    text-decoration: none;
}

/* Draw a triangle under the menu item if you
   - Mouse over it
   - Has class="active" to say it's the current page
*/
#menu a:hover,
#menu a.active {
    color: #8DC63F;
    background: url(images/menu-button-over.png) no-repeat center bottom;
}

#menu .active a {
}


/* The 'Leading the way in online .....' stuff above the body */
#header_quotation {
    width:  800px;
    height: 40px;
    margin: 0 auto;
    padding-top: 25px;

    font-weight: bold;
    font-size:   16px;
    color:       white;
}

/* Page */

#page {
    width:   800px;
    margin:  0 auto;
    padding: 0px;
}

/* Content */

#content,
#admin_content,
#slider {
    float:   left;
    width:   630px;
    padding: 20px;

    background-color: #FFFFFF;

    color: #676865;

    /* Top Right */
    -webkit-border-top-right-radius:    20px;
    -moz-border-radius-topright:        20px;
    border-top-right-radius:            20px;
    /* Bottom Left */
    -webkit-border-bottom-left-radius:  20px;
    -moz-border-radius-bottomleft:      20px;
    border-bottom-left-radius:          20px;
    /* Bottom Right */
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomright:     20px;
    border-bottom-right-radius:         20px;
}




/* Post */

.post {
    border-bottom: 2px #8DC63F solid;
    margin-bottom:  15px;
}

.post .title {
    margin-bottom:  10px;
    padding-bottom: 5px;
    padding-left:   0;
    color:          #8cc63f;
}

.post .entry {

}


.post .entry ul {
}

.post .entry li{
    margin:         0px;
    padding-left:   15px;
    padding-bottom: 0px;
    background:     url(images/bullet.gif) no-repeat  ;
    list-style:     none;
}



.post .meta {
    margin: 0;
    padding: 0px 0 40px 0;
    background: url(images/img04.jpg) repeat-x left 30%;
}

.post .meta p {
    margin: 0;
    line-height: normal;
}

.post .meta .byline {
    float: left;
    color: #0000FF;
}

.post .meta .links {
    float: left;
}

.post .meta .more {
    font-weight: bold;
    padding-right: 25px;
    background: url(images/arrow-green.png) no-repeat right;
    text-decoration:none;
    color: inherit;
}

.post .meta b {
    display: none;
}

.post .meta a {
    color: #00395a;
}


/* Page Sections (articles) */
.section_image_left
{
    padding-bottom: 10px;
    float: left;
    /* Make it hard up against the left border */
    margin-left: -20px;
}
.section_image_centre
{
    margin: auto;
}
.section_image_right
{
    padding-bottom: 10px;
    float: right;
}
.section_image_bottom
{
    padding-top: 10px;
}


/* Sidebar */

#selectproduct {

}

#selectproduct h1 {
    background: url(images/bullseye.gif) no-repeat top left;
    padding-bottom:30px;
    padding-top: 11px;
    padding-left: 65px;

}

#selectproduct ul {
    margin-top: 5px;
    padding: 9px 0 0px 0;
    list-style: none;
    background: url(images/product-back.gif) no-repeat top left;
}

#selectproduct li  {
    padding-bottom: 9px;
    padding-left: 60px;
    display: block;
    height: 32px;
    width: 230px;
}

#sidebar {
    float: right;
    width: 110px;
    margin-left: 20px;

    color: #FFFFFF;
}

#sidebar ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#sidebar li {


}

#sidebar li a:hover {


}

#sidebar li ul {
}

#sidebar li li {
    margin:     0px;
    margin-bottom: 10px;
    padding:    3px 0px;
    border-top: 2px #8DC63F solid;
    color:        #FFFFFF;
    font-weight:  bold;
}

#sidebar li li a {
    margin:       0px;
    padding-left: 0px;
    color:        #FFFFFF;
    font-weight:  bold;
}

#sidebar li li a:hover {
    color: #8DC63F;
}

#sidebar h2 {
    padding-bottom: 5px;
    font-size:      16px;
    font-weight:    normal;
    color:          #0094E0;
}

#sidebar strong, #sidebar b {
    color: #8BCB2F;
}

#sidebar a {
    text-decoration: none;
    color: #6D6D6D;
}

/* Boxes */

.sidebar-box
{
    width:   90px;
    padding: 10px;

    margin-bottom: 30px;
}
.sidebar-box h1 {
    font-size:     13px;
    padding-top:   0px;
    margin-top:    0px;
    margin-bottom: 10px;
}

.sidebar-box p {
    padding: 0px;
    margin:  0px;
    text-align: justify;
}
.sidebar-box ul {
    margin:     0px;
    padding:    0px;
    list-style: none;
}

.sidebar-box li {
    margin-top: 10px;
}

.sidebar-box li a {
    margin:         0px;
    padding-left:   0px;
    padding-bottom: 0px;
    padding-right:  0px;
}


/* Footer */

#footer {
    width:       800px;
    margin:      0 auto;
    position:    relative;
    font-size:   11px;
    padding-top: 1px;
    height:      150px;
}

#footer-menu {
    padding:   5px 0 25px;
    position:  relative;

    width:   670px;
    border-top: 2px #8DC63F solid;
}


#footer-menu ul {
    margin:  0;
    padding: 0;
    list-style: none;
}

#footer-menu li {
    display: inline;
}

#footer-menu a {
    display:   block;
    float:     left;
    padding:   1px 15px 1px 0px;
    text-decoration: none;
    font-size: 11px;

    color: #FFFFFF;

}

#footer-menu a:hover {
    text-decoration: underline;
}

#footer-menu .active a {
    padding-right: 15px;
}


#legal {
    margin:0 auto;
    clear: both;
    font-size: 11px;
    color: #FFFFFF;
}

#legal a {
}