/*
E-motion design
joomla css file
*/

/*
Recommended cross-platform font families:

Arial, Helvetica, sans-serif
Verdana, Geneva, sans-serif
"Arial Black", Gadget, sans-serif
"Courier New", Courier, monospace
"Times New Roman", Times, serif

*/



/*
General
*/

body, td, p, div, span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

hr {
	height: 1px;
	border-style: solid;
	border-width: 1px;
	line-height: 1px;
}



/*
Text rendering
*/

body, td, p, div, span , h1, h2, h3, h4, h5, h6 , .contentheading , .componentheading, .subheading {
	color: #000000;
}

h1, h2, h3, h4, h5, h6 , .contentheading , .componentheading, .subheading {
	font-weight: bold;
}

hr {
	color: #999999;
}

a {
	color: #0072bc;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #005095;
	text-decoration: underline;
}

input, textarea, .inputbox, .button {
	background-color: #ffffff;
	border-color: #999999;
	color: #4c4c4c;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.buttonReset {
color: #7c7c7c;
}
.ie 


/*
Main menu
*/

.mainlevel {
}

#active_menu {
}



/* 
Modules
*/

.moduletable {
}

.moduletable th {
}

.moduletable td {
}



/*
General mambo styles
*/

.readon {
}

.subheading {
}

.back_button {
}

.back_button a {
}

.back_button a:hover {
}

.pagenav_next , .pagenav_prev {
}



/*
Forms
*/

input, textarea, .inputbox, .button {
	border-style: solid;
	border-width: 1px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.formLabel , .formOpt , .formReq {
  color: #7c7c7c;
}

.formReq {
	color: #A7696B;
}

.button {
}



/*
Other styles
*/

.borderedTable {
	border-top: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
}

.borderedTable td {
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

.borderedTable td td {
	border-right: none;
	border-bottom: none;
}



/*
Div-based layout
*/

/* general required styles */
body {
 margin: 0px;
}



#r0 {
height: 69px;
background-color: #f8f8f8;
top: 0px;
position: absolute;
width: 100%;
border-bottom: 1px solid #e4e4e3;
}
#r0c {
width: 760px;
margin: 0 auto;
}
#r0c1 {
height: 69px;
}


/* layout specific sizes */
#r1 {
margin-top: 70px;
}
#r1, #r1c, #r1c1, #r1c2 , #r1c3 {
 height: 172px;                         /* row 1 height */
}
#r2 {
 margin-top: 253px;                     /* row1 height + row1 border */
}
#r3c {
 height: 94px;                         /* row 3 height */
}

#r1c, #r2c, #r4c {
 width: 760px;                          /* col 1 + col 2 width */
}
#r1c1, #r2c1 {
 width: 180px;                          /* col 1 width */
}
#r1c2 { width: 380px; }
#r1c3 { width: 200px; }
#r2c2 {
 width: 500px;                          /* col 2 width */
}

/* colours */
#r1 {
 background-color: #ffffff;
 border-bottom: 1px solid #ededed;
 background-image: url( ../images/r1-shade-white.gif );
 background-repeat: repeat-x;
 background-position: top;
}
#r1c1 {
 background-color: #0072bc;
 background-image: url( ../images/r1-shade-crumb.gif );
 background-repeat: repeat-x;
 background-position: top;
}
#r1c2 {
}
#r1c3 { 
}
.ie6 #r1c3 {
position: absolute;
}

#r2 {
 background-color: #ffffff;
}
#r2c1 {
 background-image: url( ../images/r2-shade-left.gif );
 background-repeat: repeat-x;
 background-position: bottom;
 background-color: #f6f6f7;
}
#r2c2 {
 background-image: url( ../images/r2-shade-right.gif );
 background-repeat: repeat-x;
 background-position: bottom;
}

#r3 {
 background-image: url( ../images/r4-shade.gif );
 background-repeat: repeat-x;
 background-position: bottom;
}

/* required element css */
#r1 {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
overflow: hidden;
}
#r1c {
margin: 0 auto;
overflow: hidden;
}
#r1c1 {
float: left;
}
#r1c2 {
float: left;
}
#r1c3 {
float: right;
}

#r2 {
width: 100%;
float: left;
overflow: hidden;
}
#r2c {
margin: 0 auto;
}
#r2c1 {
float: left;
padding-bottom: 32767px !important;
margin-bottom: -32767px !important; 
}
#r2c2 {
float: right;
padding-bottom: 32767px !important;
margin-bottom: -32767px !important; 
overflow: hidden;
}

#r3 {
clear: both;
}
#r3c {
margin: 0 auto;
text-align: center;
}
       
        

/*
Content related
*/

/* pad top image a bit from the top of the page */
#r0c1 {
 padding-top: 8px;
}

/* top menu styling */
#r1c3 ul {
padding: 0px;
margin: 0px;
}
#r1c3 li {
list-style-type: none;
}
#r1c3 {
width: 199px;
overflow: hidden;
}
#r1c3 .mainlevel {
width: 50px;
height: 172px;
float: left;
}

/* breadcrumb */
#r1c1 {
position: relative;
text-align: right;
overflow: hidden;
}
#r1c1 span {
padding: 10px;
position: absolute;
bottom: 0px;
left: 0px;
}
#r1c1 span.pathway {
width: 160px;
}
#r1c1 span.pathway img {
 display: none;
}
#r1c1 a.pathway ,
#r1c1 .pathwayleaf ,
#r1c1 .pathwayhome {
 /*float: right;
 clear: both;*/
 font-weight: bold;
 color: #fff;
 text-transform: uppercase;
 line-height: 15px;
 cursor: pointer;
 width: 100%;
 white-space: nowrap;
 font-size: 10px;
}
#r1c1 a.pathway:hover {
text-decoration: none;
}
#r1c1 a.pathway ,
#r1c1 .pathwayleaf ,
#r1c1 .pathwayhome {
width: 100%;
display: block;
text-align: right;
}

/* gap under row 1 */
#r1gap {
 height: 9px;
 position: absolute;
 top: 243px;
 border-bottom: 1px solid #e4e4e3;
 background-color: #f8f8f8;
}
#r1gap, #r1gapc, #r1gapc1 {
 width: 100%;
}

/* gap under row 2 */


#r2gap {
 border-bottom: 1px solid #e4e4e3;
 clear: both;
 width: 100%;
 background-color: #ffffff;
}
#r2gap, #r2gapc, #r2gapc1, #r2gapc2 {
 height: 104px;
}
#r2gapc {
width: 760px;
margin: 0 auto;
}
#r2gapc1 {
 background-color: #f6f6f7;
 background-image: url( ../images/r2-shade-left.gif );
 background-repeat: repeat-x;
 background-position: bottom;
 width: 180px;
 float: left;
}
#r2gapc2 {
 background-image: url( ../images/r2-shade-right.gif );
 background-repeat: repeat-x;
 background-position: bottom;
 width: 580px;
 float: left;
}

/* footer */
#r3c , #r3c .moduletable {
width: 760px;
text-align: center;
}
#r3c .moduletable td {
padding-top: 20px;
}
#r3c td , #r3c p , #r3c a , #r3c span {
 color: #bfbfbe;
}
#r3c p {
margin:0px;
margin-top: 5px;
margin-bottom: 5px;
}
#r3c a:hover {
color: #5f98bd;
text-decoration: none;
}
#r3c a {
padding-left: 5px;
padding-right: 5px;
}

/* left menu */
#r2c1 ul.mainlevel {
padding: 0px;
border-bottom: none;
margin: 0px;
}
#r2c1 li {
list-style-type: none;
}
#r2c1 .mainlevel ,
#r2c1 .mainlevel_current ,
#r2c1 .mainlevel_active {
display: block;
border-bottom: 1px solid #d3d4d5;
margin-left: 20px;
margin-right: 20px;
padding-top: 10px;
padding-bottom: 5px;
color: #919192;
}
#r2c1 .mainlevel:hover ,
#r2c1 .mainlevel_current:hover ,
#r2c1 .mainlevel_active:hover {
text-decoration: none;
color: #4881a7;
}
#r2c1 .moduletable {
width: 100%;
}
#r2c1 {
padding-top: 10px;
}
#r2c1 .mainlevel_current ,
#r2c1 .mainlevel_active ,
#r2c1 .mainlevel_current:hover ,
#r2c1 .mainlevel_active:hover
{
color: #0072bc;
}
#r2c1 .sublevel ,
#r2c1 .sublevel_current {
display: block;
border-bottom: 1px solid #d3d4d5;
padding-top: 10px;
padding-bottom: 5px;
color: #919192;
margin-left: -5px;
margin-right: 20px;
}
#r2c1 .sublevel ,
#r2c1 .sublevel:hover {
text-decoration: none;
}
#r2c1 .sublevel:hover {
color: #4881a7;
}
#r2c1 .sublevel_current ,
#r2c1 .sublevel_current:hover {
color: #0072bc;
text-decoration: none;
}

/* content text */
#r2c2, #r2c2 p, #r2c2 div, #r2c2 td, #r2c2 span {
color: #7c7c7c;
}
#r2c2 {
padding-left: 40px;
padding-right: 40px;
padding-top: 20px;
}
#r2c2 h6, #r2c2 h5, #r2c2 h4, #r2c2 h3 , #r2c2 h2, #r2c2 h1, 
#r2c2 .contentheading, #r2c2 .componentheading ,
#r2c2 .contentheading_home
{
color: #0072bc;
font-size: 150%;
margin-left: 0px;
padding-left: 0px;
font-weight: bold;
}
#r2c2 .componentheading {
margin-left: -2px;
}
#r2c2 .blog .contentheading {
font-size: 125%;
}

/* borders under section text */
.contentpaneopen table , .blog table {
padding-top: 4px;
border-top: 1px solid #e2e2e2;
}
.ie .contentpaneopen table , .ie .blog table {
padding-top: 8px;
}
.contentpaneopen table table , .blog table table {
border-top: none;
}

/* watermark */
body {
 background-image: url( ../images/background.gif );
 background-repeat: repeat;
}