/*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 }

p {margin:15px 0}
a {color:#57668F}
a:hover {color:#C5CE2C}   
h2 {font-size:14pt; font-family: helvetica,sans-serif; font-style:normal; font-weight:bold; color:#57668F; margin:0 0 15px 0; padding-top:20px;}
h3 {font-family: helvetica,sans-serif; font-style:normal; font-weight:bold; color:#57668F; margin:0; height:25px; font-size:10pt; line-height:1.4em}
em {font-style:normal; font-weight:bold; color:#C5CE2C;}
strong {font-style:normal; font-weight:bold; font-size: 10pt; color:#c00;}

body {font-family: tahoma, verdana, sans-serif; font-size: 10pt; color: #000; text-align: left; line-height: 1.4em; background-color:#fff}

#masthead {text-indent : -3000px; display: block; background-image: url(images/banner.gif); background-repeat: no-repeat; width: 770px; height: 75px;
		   text-decoration: none;}



#container {position: relative; width:770px; left: 50%; margin-left: -385px; margin-top:10px; background-color: #fff; border: 3px solid #57668F}
#containerl {position: relative; width:770px; left: 50%; margin-left: -385px; margin-top:10px; background-color: #fff; border: 3px solid #57668F}
#containerr {position: relative; width:770px; left: 50%; margin-left: -385px; margin-top:10px; background-color: #fff; border: 3px solid #57668F}

#menu {padding:5px 25px 5px 25px; background-color:#C5CE2C}
#menu li {display:inline; margin-right:2px}
#menu li a {font-weight:bold; color:#fff; text-decoration: none}
#menu li a:hover {color:#fff; text-decoration: underline}

#content {float:left; display:inline; /*Anti IE margin bug*/ width:auto; height:420px; padding:0 25px 10px}

#objectives {list-style: disc none outside; margin:0 300px 0 34px}
#objectives li {margin:0 0 10px 0}

#navigation {float:left; display:inline; /*Anti IE margin bug*/ width:130px font-weight:bold; color:#57668F; padding:10px 25px}

#clientleft {float:left; display:inline; /*Anti IE margin bug*/ width:350px}
#clientright {float:left; display:inline; /*Anti IE margin bug*/ width:300px; padding-left:50px}

.clientlist {margin:0 0 20px 0}
.clientlist li {font-weight:bold; color:#57668F; margin:0}

img.left {display:inline; float:left; margin:20px 20px 30px -14px}
img.right {display:inline; float:right; margin:20px -14px 30px 20px}

td {vertical-align:top; width:150px; margin:0 5px 0 5px; padding-bottom:10px}
#content td p {margin:0; font-size:8pt; line-height:1.4em}

#footer {padding:5px 34px 0 34px; width:702px; height:22px; background-color:#57668F; font-size: 10pt; font-weight:bold; color:#fff; clear:both}
#footer p {margin:0 0 0 0; width:702px}
#footer p span {display:inline; float:left}
#footer p span.right {display:inline; float:right}
#footer a {font-weight:bold; color:#fff; text-decoration: none}
#footer a:hover {color:#fff; text-decoration: underline}

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

#loginbody #content {height:auto;}

.login {float:left; display:inline; width:155px; height:310px; padding:5px; background:#CDD8DC; 
		border:1px solid #BFC9CD; color:#666677; font-size:8pt;}
.login h2 {text-align:center;  font-size:1.25em;}
.input {width:150px;}
.submit {margin:10px 0 0 0;}

#loginleft {background-color:#57668F; color:#fff;}
#loginleft h2, #loginleft a, #loginleft em {color:#fff;}
#logincentre {margin:0 15px 0 15px; background-color:#9BABD8;}
#loginright {background-color:#BCCCFB;margin-right: 15px}
#logincentre em, #loginright em, #logincentre a, #loginright a {color:#666677}

#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;}