/* 
Set default font size so that 10point is 1em
By default 1em is 16point.

10/16 = 0.625

After that, ems specified are same as point/pixels
ie 12 point is 1.2em, 10point is 1em etc
*/

html { 
    margin:0;
    padding:0;
    height:100%; /* part of screen jumping fix */
    /* overflow-y: scroll; /* A;ternative method to add scrollbars to prevent jumping page - not all browsers support this */
}

img { 
    border: 0;
    margin: 0px;
    padding: 0px;
}

body { 
    background: url(/cms/images/top_bg.jpg) repeat-x #646464;
    text-align: center;
    margin:0;
    padding:0;
    font-size: 62.5%;
    font-family: Arial,sans-serif;
    font-style: normal;
    font-weight: normal;
    color: #393939;
    height: 100%;
    min-height:101%; /* Prevent screen jumping in Firefox - So scrollbars are always present */
    /* overflow: -moz-scrollbars-vertical; /* Alternative method to add scrollbars to Mozilla browsers */

}

/* Fix for Firefox - textarea does not inherit font family so we set it specifically */
textarea {
    font-family: Arial,  sans-serif;
}

/* 
These are set mainly for IE6/WIN as font size/family is not inherited from body to most elements
So we default just about everything to 1em to get it to the body text size, then individual
items can scale the font as required from there.

May need to add new elements here as you discover/use them
*/

div, span, p, input, textarea, select, button, table, th, tr, td, ol, ul, li, blockquote, form, a
{
    font-size: 1.2em;
    font-family: inherit;
}


/* Define inheritance that does not alter font size - font size carried down */
/*li li,li p, blockquote p {font-size:1em}*/

div table 		{font-size: 100%;}
table tr 		{font-size: 100%;}
tr td	 		{font-size: 100%;}
td div 			{font-size: 100%;}
p p 			{font-size: 100%;}
div a			{font-size: 100%;}
div span		{font-size: 100%;}
div div 		{font-size: 100%;}
div td 			{font-size: 100%;}
div p 			{font-size: 100%;}
div button 		{font-size: 100%;}
div form 		{font-size: 100%;}
div ul 			{font-size: 100%;}
form div 		{font-size: 100%;}
form td 		{font-size: 100%;}
form h2 		{font-size: 100%;}
form h3 		{font-size: 100%;}
form input		{font-size: 100%;}
form textarea           {font-size: 100%;}
ul li			{font-size: 100%;}
div ol 			{font-size: 100%;}
ol li			{font-size: 100%;}


p {
    margin: 0;
    padding: 0;
    padding-bottom: 20px;
}

ul {
    color: #333;
    margin-left: 0px;
}

input {
    background: url(/cms/images/input.jpg) repeat-x #FFF;
}

textarea {
    background: url(/cms/images/textarea.jpg) repeat-x #FFF;
}

input, textarea, select {
    background-color: #FFF;
    border: 1px solid #999;
    /*padding: 2px;*/
    padding-left: 3px;
    color: #666;
    font-size: inherit;
}

h1 {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 2.4em;
    font-weight: normal;
    color: #CC0D00;
    border: 0;
    border-bottom: 1px dotted #999;
    padding: 5px 0 10px 0;
    margin: 0 0 20px 0;
}

h2 {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 2.4em;
    font-weight: normal;
    color: #FFF;
    border: 0;
    border-bottom: 1px solid #FFF;
    padding: 5px 0 10px 60px;
    margin: 0 0 20px 0;
}


h3 {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 2.4em;
    font-weight: normal;
    color: #CC0D00;
    border: 0;
    border-bottom: 1px dotted #999;
    padding: 5px 0 10px 60px;
    margin: 0 0 20px 0;
}


h4 {
    font-size: 1.2em;
    font-weight: bold;
    color: #000;
    padding: 0;
    margin: 0;
}

h5 {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 1.0em;
    font-weight: normal;
    color: #FFF;
    border: 0;
    border-bottom: 1px dotted #FFF;
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
}

h1 a {
    color: #CC0D00;
    text-decoration: none;
}

h1 a:visited {
    color: #CC0D00;
    /*place visited before hover, otherwise hover colour doesnt appear when already visited*/
}

h1 a:hover {
    color: #CC0D00;
}

h1 a:active {
    color: #CC0D00;
}


.hr { /* Div to fake an hr as hr is not particularly good cross-browser with css */
      color: #333;
      background-color: #333;
      height: 1px;
      border: none;
      width: 100%;
      margin-top: 15px;
      margin-bottom: 15px;
      clear: both;
}

/*.emphesis {
    color: #333;
    font-weight: bold;
}

.errormsg {
    background-image: url(/weblib/images/error.png);
    background-repeat: no-repeat;
    background-position: center left;
    color: #FF0000;
    text-decoration: none;
    padding-left: 20px;
}
.errortext {
    background-image: url(/weblib/images/error.png);
    background-repeat: no-repeat;
    background-position: center left;
    color: #FF0000;
    text-decoration: none;
    padding-left: 20px;
}*/
.error {
    color: #FF0000;
    text-decoration: none;
    padding: 0;
    margin: 10px 0 10px 0;
}

.pointer {
    cursor:pointer;
}

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

.center {
    text-align: center;
}

.leftalign {
    text-align: left;
}

.rightalign {
    text-align: right;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.overflow {
    overflow:auto;
}

.lastcolumn {
    clear:right;
}

/*button.button {
    height: 22px;
    padding-bottom: 3px;
    vertical-align: middle;
    text-align: center;
    background-color: #F00;
    background-image: url(/cms/images/buttonbg-hard.jpg);
    background-repeat: repeat-x;
    color: #FFF;
    white-space:nowrap;
    border: none;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 1.1em;
    border: 1px solid #F00;
}


button.button:link {
    color: #FFFFFF;
    text-decoration: none;
}
button.button:visited {
    color: #FFFFFF;
    text-decoration: none;
}
button.button:hover {
    background-image: url(/cms/images/buttonbgover.gif);
    background-repeat: repeat-x;
    border: 1px solid #000;
}
button.button:active {
    background-image: url(/cms/images/buttonbgdown.gif);
    background-repeat: repeat-x;
    color: #000000;
}*/