
/* webmill theme */


/* reset */

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,b,u,i,center,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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol,ul {
	list-style: none;
}

dt { display:block; font-weight:bold; }

hr { height:0; margin:0; overflow:hidden; visibility:hidden; }

blockquote,q {
	quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
pre { font-family: monospace; }

:focus { outline:0; }

/* Table */
th { padding:0; text-align:left; vertical-align:top; }
td {padding:0;vertical-align:top;}


address { font-style:normal; line-height:1.4em;}
cite { font-style:normal; }
q:before, q:after{content:'';}

form { display:inline;}
fieldset { border:none; }
legend {display:none;}
label { font-weight:normal; }
input, select, button { vertical-align:middle; }
















/* colours */

.grey{
	color:#5F604B;
}


/* popups */


.bubbleInfo {
    position: relative;
    cursor:pointer;
}

.popup {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
    padding:10px;
    border:0px solid #ccc;
    line-height:1.2em;   
}

.popup a{
	color:#fff;
	text-decoration:none;
	cursor:url(/assets/media/img/zoomin.cur);
}






/* layout */




.hide{
	position:absolute;
	left:-10000px;
}

.fl {
    float: left;
    width: auto;
    display: inline-block;
        
    
}

.fr {
    float: right;
    width: auto;
    display: inline-block;
    
}

.clear {
    clear: left;
    min-height: 0px;
    line-height: 0px;
    height: 0px;
    margin: 0;
    padding: 0;
    border: 0px solid green;
    width: 100%;
    display:inline-block;
    font-size:1px;
}

.clearboth {
    clear: both;
    line-height:0;
    min-height:0;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0px solid red;
    width: 100%;
    display: inline-block;
    font-size:1px;
}

*html .clearboth {
	zoom: 1;     /* triggers hasLayout */
}


div.hrwhite {
  height:3px;
  background-color:#fff;
  display:block;
  clear:both;
}
div.hrwhite hr {
  display: none;
}
div.hrblue {
  height:3px;
  background-color:#ccc;
  display:block;
  clear:both;
}
div.hrblue hr {
  display: none;
}
div.hr {
  height:3px;
  background-color:#fff;
  display:block;
  clear:both;
}
div.hr hr {
  display: none;
}



.wXXL{
    width:750px;
}
.wM{
    width:375px;
}
.wL{
    width:475px;
}
.wS{
    width:275px;
}
.wXL{
    width:575px;
}
.wXS{
    width:175px;
}


.w800{
width:800px;
}
.w600{
width:600px;
}
.w550{
width:550px;
}
.w500{
width:500px;
}
.w450{
width:450px;
}
.w400{
width:400px;
}
.w350{
width:350px;
}
.w300{
width:300px;
}
.w250{
width:250px;
}
.w200{
width:200px;
}
.w150{
width:150px;
}
.w100{
width:100px;
}
.w80{
width:80px;
}
.w60{
width:60px;
}
.w50{
width:50px;
display:inline-block;
}
.w40{
width:40px;
}
.w30{
width:30px;
}
.w20{
width:20px;
}
.w10{
width:10px;
}











/* dimensions */

html{
    font-size: 100%;
} 

body{
    font-size: 1em;
    text-align: center;
    padding: 0;
    margin: 0;
    overflow-y:scroll;
    background-color: #F8F8F8;
    
}

div{border:0px solid #fff;}

#container{
    width:920px;
    margin:0 auto;
    text-align:left;
}

#header
,#mainContainer {
width:920px;
diaply:block;
}

.topBar{
	width:900px;
    margin:10px;
    display:block;
}


#header .topTitle{
    float:left;
    line-height:1.6em;
}

#header .topMenu{
    float:right;
    line-height:1.6em;
}

#header .topMenu a{
    font-size:0.8em;
    text-decoration:none;
    padding:5px;
    position:relative;
}

#mainContainerBack{
margin-bottom:10px;
background-color:#fff;
}
#mainContainerBorder{
border: 1px solid #efefef;
min-height:300px;
}
*html #mainContainerBorder{
height:300px;
}
#mainContent{
padding:10px;
width:900px;
}











/* fonts */

.colours{
    color:#2A2C75; /*dblue*/
    color:#5A5EC4; /*mblue*/
    color:#CBDCEC; /*lblue*/
}

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,b
,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table
,caption,tbody,tfoot,thead,tr,th,td
{
    font-family: Georgia, "Times New Roman", Times, serif;
    font-family: arial, Helvetica,sans-serif;
    color:#2A2C75;
}

h1{
}

h2,h3,h4,h5,h6,th{
}

p,td{
}

p{
padding-top:10px;
padding-bottom:10px;
}

h1,h2{
	font-size:1.1em;
}

p{
font-size:0.8em;
line-height:1.6em;
}









/* end css */

