/*Clearing default styles*/
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,table,tr,td,div{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }

body {
font-family: tahoma, verdana, sans-serif;
font-size: 10pt;
color: #008A8A;
text-align: left;
line-height: 1.4;
background-image: url(images/bggrad.jpg);
background-repeat: repeat-x;
}

#masthead {
text-indent : -3000px;
display: block;
background-image: url(images/clarionbanner.png);
background-repeat: no-repeat;
width: 750px;
height: 155px;
text-decoration: none;
margin:5px 0 20px 0;
}

#container {
position: relative;
width:750px;
left: 50%;
margin-left: -375px;
background-color: transparent;
}

#content {
margin:0 15px 0 119px;
}

h2 {
font-family: Futura Bk BT, arial, sans-serif;
font-size: 14pt;
font-weight: normal;
color: #00CCCC;
margin: 0 0 0.7em 0;
}

strong {
color: #dd0000;
}

em {
font-weight: bold;
color: #00CCCC;
font-style: normal;
}

p {
margin: 0 0 0.7em 0;
}

/*-----------------------COMMSCENTRE STYLES----------------------------*/

#loginbody #content {height:auto;}

.login {float:left; display:inline; width:180px; padding:5px; background:#00CCCC; 
		border:1px solid #BFC9CD; color:#fff; font-size:8pt;}
#logincentre {margin:0 10px 0 10px;}
.login h2 {color:#fff; text-align:center;}
.login a {color:#fff;}
.input {width:168px;}
.submit {margin:10px 0 10px 0;}

#clientlogin {clear:both; padding:5px 0 0 0;}
#clientlogin li {display:inline; float:left; margin:0 15px 0 0;}

.clear {clear:both; padding:5px 0 0 0;}