/* ======================================================
 *                      HTML Tags
 * ====================================================== 
 */

html {
	height: 100%;
	margin-bottom: 1px;
}

body { 
  margin: auto;
  font-family: xOptima, xLucida, 'xLucida Sans Unicode', xelvetica, Arial, FreeSans, sans-serif;
  xfont-family: Arial; font-size: 80%; line-height: 135%;
}

body.f-smaller { font-size: 10px; }
body.f-default { font-size: 75%; }
body.f-larger { font-size: 75%; }
body.f-largest { font-size: 14px; }
 
h1, h2, h3, h4, h5 { padding: 5px 0 4px 0; margin: 0; }
h1 { font-size: 125%; }
h2 { font-size: 125%; }
h3 { font-size: 110%;  margin: 25px 0 0 0; padding: 0 0 0 18px; background: url(../images/big-dots/dot-o.png) 0 3px no-repeat; }
h4 { font-size: 100%; margin: 0 0 0 0; }
h5 { font-size: 100%; text-transform: uppercase; }

p { margin: 5px 0 10px 0; }

/* 
 * See "wce_typography.css" for more typography definitions.
 */

form { margin: 0; padding: 0; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

input.button { 
  font-size: 90%; 
  margin-top: 5px; 
}

.inputbox {
  font-size: 90%;
}

/* ======================================================
 *                    Joomla elements
 * ====================================================== 
 */
 
.componentheading,
.contentheading,
td.componentheading {
  font-size: 110%;
  font-weight: bold;
  margin: 0 0 0 0; 
  padding: 0 0 0 18px;
  background: url(../images/big-dots/dot-o.png) 0 3px no-repeat; 
}
.contentheading { xpadding: 5px 0 0 0; }

.sectiontableheader {
  font-size: 100%;
  font-weight: bold;
  padding: 10px 0 10px 0;
}

td.componentheading { 
  padding-bottom: 15px; 
}

td.buttonheading, 
.contentpaneopen td.buttonheading { 
  padding: 0 1px; 
  border: 0; 
}

.small,
span.small,
.modifydate,
.createdate,
div.mosimage_caption {
	font-size: 80%;
}

td.small,
td.modifydate,
td.createdate {
	line-height: 80%;
}

table.blog td.createdate { padding-bottom: 5px; }
table.blog td.modifydate { padding-top: 10px; }

div.mosimage_caption { font-size: 95%; }

.contentpane, 
.contentpaneopen { width: 100%; }

#wce-component fieldset.input { border: 0; }

.wce_login { 
  margin: 10px 0 0 0;
  padding: 0;
  text-align: center; 
  font-size: 90%;
}

td.column_separator { padding-left: 15px; }

tr.sectiontableentry1 td,
tr.sectiontableentry2 td,
td.sectiontableentry1,
td.sectiontableentry2 {
  text-align: left;
  border-bottom: 1px solid #f1f1f1;
}

tr.sectiontableentry1 td,
td.sectiontableentry1 {}

.readon { 
  float: left; 
  font-size: 90%;
  margin: 0;
  padding: 0 0 0 0;
}

.pagenav { 
  margin: 20px 0 0 0;
  font-weight: normal; 
}

.pagenav a,
.pagenav_next a,
.pagenav_prev a { font-weight: normal; }


/* ======================================================
 *               General Stuctural Layout
 * ====================================================== 
 */ 
 
div#wrapper {}
#template { position: relative; }

/* b l o c k 0
 *------------
 */

#wce-block0 { width: 100%; padding: 0; margin: 0;  line-height: 135%;  }
#wce-T0 { padding: 0; margin: 0; height: 125px; } /* header, header2, search */
  #wce-header { float: left; width: 550px; margin: 0 50px 0 150px; height: 86px; display: block; }
  #wce-banner { float: right; width: auto; text-align: center; margin: 18px 10px 0 10px; }
  #wce-search { float: right; width: auto; margin: 55px 50px 0 0; }
#wce-M0 { padding: 0; margin: 0 auto 0 auto; } /* block 1 */
#wce-B0 { width: 100%; margin-bottom: 20px; } /* debug */
  #wce-debug {}

/* b l o c k 1
 *------------
 */

#wce-block1 { padding: 0; margin: 0 auto 0 auto; }
table.wce-block1 { width: 100%; }
  td.wce-L1 { vertical-align: top; }
     #wce-L1 { margin: 30px 0 0 0; font-style: italic; } /* leftouter */
        #wce-leftouter {}
  td.wce-C1 { vertical-align: top; }
     #wce-C1 {}
        #wce-T1 { width: 100%; } /* topmenu, language */
           #wce-topmenu { display: block; }
           #wce-language { float: right;}
        #wce-M1 { padding: 0; margin: 0 auto 0 auto; } /* block 2 */
        #wce-B1 { width: 100%; } /* bottommenu; icon, footer, legals */
           #wce-bottom { display: block; width: 100%; text-align: center; }
              #wce-bottommenu { margin-left: 32%; }
           #wce-B1mods { margin-top: 20px; font-size: 85%; }
            #wce-icon { float: left; }
            #wce-footer { text-align: center; }
            #wce-legals { float: right; }
  td.wce-R1 { vertical-align: bottom; }
     #wce-R1 { margin: 0 5px 30px 0;  font-style: italic; } /* rightouter */
        #wce-rightouter {} 

/* b l o c k 2
 *------------
 */
 
#wce-block2 { padding: 0; margin: 0; }
table.wce-block2 { width: 100%; }
  td.wce-L2 { vertical-align: top; }
     #wce-L2 { } /* left */
        #wce-left { margin-top: 30px; }
  td.wce-C2 { vertical-align: top; }
     #wce-C2 {}
        #wce-T2 { width: 100%; } /* advert1, user1, user2, user3 */
           #wce-T2mods {}
              #wce-advert1 {}
        #wce-M2 { } /* block 3 */
        #wce-B2 { width: 100%; } /* user7, user8, user9, user10; bottommenu */
           #wce-B2mods {}
  td.wce-R2 { vertical-align: top; padding: 20px 0 20px 0; }
     #wce-R2 {} /* right */
        #wce-right {  }  

/* b l o c k 3
 *------------
 */
 
#wce-block3 { padding: 0; margin: 0; }
table.wce-block3 { width: 100%; }
  td.wce-L3 { vertical-align: top; }
     #wce-L3 { vertical-align: top; padding: 10px 0 20px 0; } /* leftinner */
        #wce-leftinner {}
  td.wce-C3 { vertical-align: top; }
     #wce-C3 {}
        #wce-T3 { width: 100%; } /* user4, user5 */
           #wce-T3mods {}
        #wce-M3 { } /* block 4 */
        #wce-B3 { width: 100%; } /* user6, advert2 */
           #wce-B3mods {}
              #wce-advert2 {}
  td.wce-R3 { vertical-align: top; padding: 20px 0 20px 0; }
     #wce-R3 {} /* rightinner */
        #wce-rightinner {}  

   
/* b l o c k 4
 *------------
 */
 
#wce-block4 { padding: 0;  margin: 0; }
table.wce-block4 { width: 100%; }
  td.wce-L4 { vertical-align: middle; }
     #wce-L4 {} /* leftinset */
        #wce-leftinset {}
  td.wce-C4 { vertical-align: top; }
     #wce-C4 { }
        #wce-T4 { width: 100%; } /* topinset */
           #wce-topinset {}
        #wce-M4 { width: 100%; padding: 0; margin: 0 0 0 0; line-height: 150%; } /* breadcrumbs; message; component */
           #wce-breadcrumbs { padding: 10px; width: 100%; }
           #wce-component { padding: 0 25px 10px 25px; margin: 0; text-align: left; }
        #wce-B4 { width: 100%; } /* bottominset */
           #wce-bottominset {}
  td.wce-R4 { vertical-align: middle; }
     #wce-R4 {} /* rightinset */
        #wce-rightinset {}  

/* sub menu 
 *---------
 */
#wce-subnav {}

/* ----------------------- module/block  s p a c e r s */

.spacer .block { float: left; }
.spacer.w99 .block { width: 99.8%;  }
.spacer.w49 .block { width: 49.8%; }
.spacer.w33 .block { width: 33.1%; }
.spacer.w24 .block { width: 24.8%; }



/* ======================================================
 *               Template Styles & Colours
 * ====================================================== 
 */

/* see "wce_s_*.css" 



/* ======================================================
 *                        Menus
 * ====================================================== 
 */

/* see "wce_menus.css"



/* ======================================================
 *                        Modules
 * ====================================================== 
 */

/* see "wce_modules.css"




/* ======================================================
 *                        Lists
 * ====================================================== 
 */

/* see "wce_lists.css"

/* ======================================================
 *                        Courses
 * ======================================================
 */
 
div.course-desc, div.course-desc-intro { margin-top: 33px; line-height:140%; }
div.course-desc-intro table.course-desc-intro-table { margin-bottom: 10px; width: 100%; }
div.course-desc td.course-col1, div.course-desc-intro td.course-col1 { width: 90px; }
div.course-desc td.course-col2, div.course-desc-intro td.course-col2 { width: 60%; }
div.course-desc table.course-desc-table { }
div.course-desc td, div.course-desc-intro td { vertical-align: top; }
div.course-desc .c-title, div.course-desc-intro .c-title { padding-right: 10px; font-weight: bold; }
div.course-desc td.c-note, div.course-desc-intro td.c-note { text-align: center; }
div.course-desc .c-limit, div.course-desc-intro .c-limit { font-size: 90%; font-weight: bold; }
div.course-note { line-height: 120%; text-align: center; margin: 20px 0 0 0; font-size: 90%; background: #e7f2f2; padding: 15px; }
div.course-note p { margin:0; padding: 0; }
div.course-image { margin-right: 20px; float: left; }
div.course-image p { margin:0; padding: 0; }
  

/* ======================================================
 *                         Varia
 * ====================================================== 
 */

.wce_contact {
  padding:8px 20px 0 20px; 
  font-size: 90%; 
  font-weight: bold;
}

.wce_login_greeting {
  text-align: center;
  padding-top: 10px;
}

a.nounder {
	text-decoration: none;
	border: 0;
	cursor: pointer;
}

a.nounder:hover { text-decoration: none; }

a img { border: none; }

a img.album {
	border: 1px solid #ddd;
	padding: 5px;
}

a img.album:hover {
	border: 1px solid #bbb;
	padding: 5px;
}

.clr { clear: both; }
.alignR { text-align: right; }
.alignL { text-align: left; }
.alignC { text-align: center; }
.alignFR { float: right; padding-left: 10px; }
.alignFL { float: left; padding-right: 10px; }

.highFL { float: left; padding: 10px 10px 0 0; }
.highFR { float: right; padding: 10px 10px 0 10px; }

/* ======================================================
 *                           END
 * ====================================================== 
 */