/* set all margins and pagging */
* {
margin: 0px;
padding: 0px;
}

body {
	font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
	background-color: #dadada;
	color: #000;
	font-size: .9em;
	font-weight: normal;
	text-align: center;
}

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

ul, ol {margin: 8px 0px 5px 35px;} 


a {
color: #BC0F10;
}

a:active {
color: #BC0F10;
}

a:hover {
color: #BC0F10;
}

table {
font-size:100%;
border: 1px solid #0ff;
border-collapse: collapse;
}

td {border: 1px dashed #00f;}

/* set all heading to same*/
h1, h2, h3, h4, h5, h6 {
display:block;
font-weight: bold;
color: #BC0F10;
font-size: 110%;
}

/* specific heading settings */
h1 {
font-size: 150%;
}

h2 {
font-size: 130%;
}

.bold {
font-weight: bold;
}

.red {
color: #BC0F10;
}

.italic {font-style: italic;}

.centre {
text-align: center;
}

.imagefr {
float: right;
margin: 0px 0px 10px 20px;
}

.imagefl {
float: right;
margin: 0px 20px 10px 0px;
}


form {
display:inline;
} 
input, textarea, select {
border: 1px solid #BC0F10;
color: #060;
}

label {
font-weight: normal;
cursor: pointer;
}

.radio {
border: 0px;
}

.button {
cursor: pointer;
color: #000000;
font-size: 90%;
font-weight: bold;
border: 1px solid #730B0A;
background: #eee;
}

.mandatory {
color: #f00;
margin: 0px 3px 0px 3px;
}


/* define main page areas */
#container {
position: relative;
width: 850px;
border: 2px solid #BC0F10;
margin: 5px auto 10px auto;
background: #fff;
text-align: left;
}

.cornerlt {
position: absolute;
top: -2px;
left: -2px;
margin: 0px;
border: 0px;
z-index: 100;
}

.cornerrt {
position: absolute;
top: -2px;
right: -2px;
margin: 0px;
border: 0px;
z-index: 100;
}

.cornerlb {
position: absolute;
bottom: -2px;
left: -2px;
margin: 0px;
border: 0px;
}

.cornerrb {
position: absolute;
bottom: -2px;
right: -2px;
margin: 0px;
border: 0px;
}

#cornersbottom {
position: relative;
height: 12px;
}

#header {
position: relative;
height: 135px;
background: url('../images/fadebar.jpg') 0px 103px no-repeat;
border-top: 1px dashed #fff;
}

#header img {
position: absolute;
top: 5px;
left: 15px;
}

#header ul {
list-style-type: none;
float: right;
margin: 5px 0px 0px 0px;
}

#header a {text-decoration: none; color: #BC0F10; font-size: 90%;}
#header a:hover {text-decoration: underline;}

#header li{
display: inline;
margin: 0px 10px 0px 0px;
}

#dr {
position: relative;
margin: 25px 0px 0px 0px;
text-align: center;
font-size: 250%;
color: #535150;
font-family: "trebuchet ms", "new gothic std", arial, helvetica, sanserif;
}

#strapline {
position: relative;
margin: 0px 0px 0px 0px;
text-align: center;
font-size: 120%;
font-weight: bold;
color: #535150;
font-family: "trebuchet ms", "new gothic std", arial, helvetica, sanserif;
letter-spacing: 1px;
}

#mainbody {
position: relative;
overflow: auto;
width: 100%;
}

#mainbody h1 {display: block; text-align: center; margin: 5px 0px 10px 0px;}

#content {
position: relative;
margin: 0px 230px 0px 50px;
}


#content h2 {display: block; text-align: center; margin: 15px 0px 10px 0px;}
#content h3 {display: block; text-align: left; margin: 15px 0px 10px 0px;}

#content ul {list-style-image: url('../images/red-dot.gif');}
#content li {marker-offset: 35px;}

#content ul.nomarker {list-style-image: none;list-style-type: none;}

#content p.quote { font-style: italic; margin-bottom: 0px;}
#content p.quoter { color: #900;  margin-top: 0px; margin-bottom: 10px;}
#content .indent {margin: 5px 20px 5px 20px; font-size: 90%;}

.eeee {color: #BC0F10; margin: 0px 30px 0px 0px; font-weight: bold;}

.imgright {
position: relative;
float: right;
margin: 20px 20px 0px 0px;
clear: right;
}
.imgright img {display: block; margin: 15px 0px 0px 0px;}

#menuright {
position: relative;
float: right;
border: 2px solid #BC0F10;
width: 150px;
margin: 20px 20px 0px 0px;
}
#menuright img {
float:right;
display: block;
}

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

#menuright ul {margin: 10px 2px 10px 10px; list-style-type: none;}

#menuright .quote {position: relative; display: block;margin: 10px 3px 32px 5px; font-style: italic; font-size: 90%; font-weight: bold;}


#footer {
text-align: center;
margin: 15px 0px 5px 0px;
border: 1px solid #fff;
}

#footer ul {
list-style-type: none;
margin: 5px 0px 0px 0px;
}

#footer a {text-decoration: none; color: #666; font-size: 90%;}
#footer a:hover {text-decoration: underline;}

#footer li{
display: inline;
margin: 0px 10px 0px 0px;
}


div.ptable {
overflow: auto;
width: 500px;
position: relative;
color: #000000;
}


div.prow {
overflow: auto;
margin: 0px 0px 5px 30px;
clear: both;
}

div.prow span.coll {
float: left;
width: 130px;
text-align: left;
} 
div.prow span.colr {
float: right;
width: 300px;
text-align: left;
}


div.ptable2 {
overflow: auto;
width: 500px;
position: relative;
color: #000000;
margin: 0px 0px 0px 50px;
font-size: 90%;
}
div.ptable2 div.prow {margin: 0px 0px 3px 0px;}
div.ptable2 div.prow span.coll{width: 130px;}
div.ptable2 div.prow span.colr{width: 350px;}