/* Page wrappers and main divs */
#wrapper {margin: 10px auto; padding: 0; width: 800px; background-color: #fff;}
#top {position: relative; width: 800px; padding: 0; margin: 0;}
#main {position: relative; width: 800px; background-color: #fff; padding: 0; margin: 0; float: left;}
#footer {position: relative; width: 800px; background-color: #284C62; clear: both; margin: 0; padding: 0; float: left;}

/* Main section divs */
#leftside {position: relative; float: left; width: 212px; margin:0 0 30px 0; padding:0; background-color: #EBEFF2;}
#rightside {position: relative; float: left; width: 588px; margin:0; padding:0;}

/* Standard section */
/* body {background-color: #4A84A9; font-size: 12px; line-height: 17px; font-family: trebuchet ms, Verdana, Arial, sans-serif; text-align: left; margin: 2px auto; padding: 0px;}	 */
body { font-size: 12px; line-height: 17px; font-family: trebuchet ms, Verdana, Arial, sans-serif; text-align: left; margin: 2px auto; padding: 0px; background-image: url(../images/bg.gif); background-position: top left; background-repeat: repeat-x;}	
img {border-style: none; padding: 0;}
p {font-size: 12px; font-weight: normal; text-decoration: none; line-height: 17px; color:#636363; margin: 0 0 6px 0; padding: 0; }

.image_left {float: left; padding: 0 10px 0 0;}
.image_right {float: right; padding: 0 0 0 10px;}
img.left {float: left; padding: 0 10px 6px 0;}
img.right {float: right; padding: 0 0 6px 10px;}
h1, h2, h3 {font-weight: bold; text-align: left; font-family: trebuchet ms, arial, verdana, sans-serif; margin: 0;}
h1 {font-size: 18px; color: #A30505; padding: 2px 0 3px 0; font-weight: normal;}
h2 {font-size: 15px; color: #3B6E8F; padding: 6px 0 8px 0;}
h3 {font-size: 12px; color: #FC3D32; text-decoration: none; padding: 2px 0 0 0;}
.clear {clear: both;}
ul {margin: 5px 0 15px 40px; padding: 0 6px 0 0; list-style-image: url(../images/foto.jpg); color: #636363;}
li {font-size: 12px; font-weight: normal; line-height: 18px; }

/* News links */
.newslink a:link {font-weight: normal; text-decoration: none; color: #636363; }
.newslink a:visited {font-weight: normal; text-decoration: none; color: #636363; }	
.newslink a:hover {font-weight: normal;text-decoration: underline; color: #636363;  }
.newslink a:visited:hover {font-weight: normal;text-decoration: underline; color: #636363; }
/* Read more links */
.readmore {font-size: 10px; color: #FC3D32; margin:0 0 5px 0;}
.readmore a:link {font-weight: bold; text-decoration: underline; color: #FC3D32; }
.readmore a:visited {font-weight: bold; text-decoration: underline; color: #FC3D32; }	
.readmore a:hover {font-weight: bold;text-decoration: none; color: #FC3D32;  }
.readmore a:visited:hover {font-weight: bold;text-decoration: none; color: #FC3D32; }

/************************************************************************ LINKS *********************************************/
/* Standard Links */
a {color:#3B6E8F; text-decoration: underline;}
a:hover {color:#3B6E8F; text-decoration: none;}

/* headerlinks, sitemap etc */
#header {background-color: #ccc; height: 73px; background-image: url(../images/header.jpg); background-position: top left; background-repeat: no-repeat; clear:both;}
#headslogan {float: right; background-image: url(../images/slogan_divider.gif); background-position: bottom left; background-repeat: no-repeat; margin: 0; padding: 0;}
#headslogan p {font-size: 12px; margin: 0; padding: 10px 0 0 10px; color: #284C62; text-align: left; line-height: 13px;}
#headlinks {position: relative; float: right; width: 300px; text-align: right;}
#headlinks p {font-size: 12px; margin: 0; padding: 20px 0 4px 0; color: #284C62; text-align: right;}
#headlinks a:link {font-weight: normal; text-decoration: none; color: #284C62; padding: 14px 10px 0px 10px; border-left: 1px solid #FC3D32;}
#headlinks a:visited {font-weight: normal; text-decoration: none; color: #284C62; padding: 14px 10px 0px 10px; border-left: 1px solid #FC3D32;}	 
#headlinks a:hover, #headlinks a:visited:hover {text-decoration: underline; color: #284C62; padding: 14px 10px 0 10px}
#headlinks a:active {font-weight: normal; text-decoration: none; color: #284C62; padding: 14px 10px 0px 10px; border-left: 1px solid #FC3D32;}

/* Top menu */
#topmenu {position: relative; margin: 0; float: left; width: 800px; background-color: #284C62; }
#topmenu p {font-size: 12px; margin: 0; padding: 4px 0 4px 0; color: #fff; text-align: left;}
#topmenu a:link {font-weight: normal; text-decoration: none; color: #EDEDED; padding: 4px 20px 4px 20px; border-right: 1px solid #fff;}
#topmenu a:visited {font-weight: normal; text-decoration: none; color: #EDEDED; padding: 4px 20px 4px 20px; border-right: 1px solid #fff;}	
#topmenu a:hover, #topmenu a:visited:hover {text-decoration: none; color: #fff; background-color: #FC3D32; padding: 4px 20px 4px 20px}
.activetop {text-decoration: none; color: #fff; background-color: #FC3D32; padding: 4px 20px 4px 20px}
/* Footer links */

#footer p.left {font-size:10px; color:#D8DCDF; margin:0; padding:6px 0 6px 15px; float:left;}

#footer p.right {font-size:10px; color:#D8DCDF; margin:0; padding:6px 10px 6px 0; float:right;}

#footer a:link {font-weight: normal; text-decoration: none; color: #D8DCDF;}
#footer a:visited {font-weight: normal; text-decoration: none; color: #D8DCDF;}	
#footer a:hover, #footer a:visited:hover {text-decoration: underline; color: #D8DCDF;}
#accreditations {height: 52px; width:800px; background-color: #fff; background-image: url(../images/accreditations.jpg); background-position: bottom left; background-repeat: no-repeat;}
#accreditations2 {height: 52px; width:800px; background-color: #fff; background-image: url(../images/acc_cat5.jpg); background-position: bottom left; background-repeat: no-repeat;}
#accreditations3 {height: 52px; width:800px; background-color: #fff; background-image: url(../images/acc_audio.jpg); background-position: bottom left; background-repeat: no-repeat;}
#accreditations4 {height: 52px; width:800px; background-color: #fff; background-image: url(../images/acc_network.jpg); background-position: bottom left; background-repeat: no-repeat;}

/* Main images */
#himage_news, #himage_none, #himage, #himage1, #himage1a, #himage2, #himage2a, #himage2b, #himage2c, #himage2d, #himage2e, #himage2f, #himage2g, #himage2h, #himage3, #himage4, #himage5, #himage6, #himage6c {position: relative; height: 180px; width: 800px; background-position: top left; background-repeat: no-repeat; clear:both;}
#himage_news {background-image: url(../images/himage1a.jpg); }
#himage {background-image: url(../images/himage.jpg); }
#himage1 {background-image: url(../images/himage1.jpg); }
#himage1a {background-image: url(../images/himage1a.jpg);}
#himage2 {background-image: url(../images/himage2.jpg);}
#himage2a {background-image: url(../images/himage2a.jpg);}
#himage2b {background-image: url(../images/himage2b.jpg);}
#himage2c {background-image: url(../images/himage2c.jpg);}
#himage2d {background-image: url(../images/himage2d.jpg);}
#himage2e {background-image: url(../images/himage2e.jpg);}
#himage2f {background-image: url(../images/himage2f.jpg);}
#himage2g {background-image: url(../images/himage2g.jpg);}
#himage2h {background-image: url(../images/himage2h.jpg);}
#himage3 {background-image: url(../images/himage3.jpg);}
#himage4 {background-image: url(../images/himage4.jpg);}
#himage5 {background-image: url(../images/himage5.jpg);}
#himage6 {background-image: url(../images/himage6.jpg);}
#himage6c {background-image: url(../images/himage6c.jpg);}

/* Slogan */
#slogan {background-color: #FC3D32; height: 33px;}
#slogan p {color: #fff; padding: 6px 10px 0 0; margin: 0; text-align:right;}

/* Bisucit trail for products */
#biscuit {padding: 5px 0 5px 2px; background-color: #EBEFF2; margin: 0 0 12px 0; }
#biscuit p {font-size: 12px; padding: 0; line-height: 12px; color: #336699; margin: 0;}
#biscuit a:link {font-weight: normal; font-size: 12px; text-decoration: none; color: #3E647E;}
#biscuit a:visited {font-weight: normal; font-size: 12px; text-decoration: none; color: #3E647E;}
#biscuit a:visited:hover {font-weight: normal; font-size: 12px; text-decoration: underline; color: #3E647E;}
#biscuit a:hover { font-size: 12px; text-decoration: underline; color: #3E647E;}
#biscuit a:active { font-size: 12px; font-weight: normal; text-decoration: underline; color: #3E647E;}

/* Search main page */
#search {background-color: #284C62; height: 25px; padding:4px 10px 4px 10px; }
#search label {color: #fff; font-size: 11px; margin: 0 10px 0 0; padding: 4px 0 0 0;}

/* Search area for table */
#searchform form { text-align:right; background-color:#FBFCF8; padding:3px; }
#searchform input, select {font-size:11px; color:#555; vertical-align:middle;}
#searchform label {color:#555; font-size:11px}

/* Home page splits */
.newsmain {padding: 4px 20px 20px 20px; margin: 0 0 40px 0;}
.contentmain {padding: 4px 20px 20px 20px; margin: 0 0 40px 0;}
.content {width:548px; padding:4px 20px 0 20px;}

.contentsplit {padding:0 0 0 20px; float:left; position:relative; width:338px;}

.contentsplit-right {padding:0 0 0 40px; float:left; position:relative;}

.contentsplit .splitL {float:left; width:245px;}

.contentsplit .splitR {float:left; width:93px; padding:0 0 0 0;}

.contentsplit-right .btn-support {padding:0 0 0 0; float:left; width:153px;}

.contentsplit-right .btn-support img {margin:0 0 14px 0; float:left; display:inline; width:153px;}

.sitemapsplit {width:200px; padding:4px 10px 0 0px; float:left; position:relative;}

/* Home page news */
.news_document ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
.news_document li {margin: 0 0 8px 0; font-size: 12px; color: #636363; line-height: 17px; border-bottom: 1px dotted #ccc; padding: 0 0 8px 0;}
.news_document p {margin: 0; color: #636363;}
.news_document a {display: block; text-decoration: none;}
.news_document a:link {color: #636363; text-decoration: none; } 
.news_document a:hover {color: #636363; text-decoration: underline; } 
.news_document a:visited {color: #636363; }
.news_document a:visited:hover {color: #636363; text-decoration: underline; }
.newstitle {color:#FC3D32; font-weight:bold; font-size:12px; padding:0 0 2px 0; text-decoration:none;}
.news, .newsletter {width: 192px; padding: 4px 10px 10px 10px;}
.news h2, .newsletter h2 {color: #3B6E8F;}

/* Left navigation */
#submenu {width: 192px; padding: 4px 10px 10px 10px;}
#list {}
#list ul {margin: 0 0 30px 0; padding: 4px 0 10px 0; list-style-type: none; list-style-image: none; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;}
#list li {font-size: 12px; margin: 0; padding: 0; width: 192px; line-height: 20px; text-align: right;}
#list a {font-size: 12px; margin: 0; padding: 0 6px 0 0; display: block; color: #3E647E;  text-decoration: none; width: 186px; }
#list a:hover {font-size: 12px;  background-color: #3E647E; color: #ffffff; font-weight: normal; display: block; text-decoration: none; width: 186px;} 
#active a {font-size: 12px;  background-color: #999; color: #ffffff; font-weight: normal; display: block; text-decoration: none;width: 186px; }



/* Login form (no left nav) */
#rightside2 {position: relative; float: left; width:100%;  margin:0; padding:0;}

p.email {font-size: 10px; padding: 0; margin: 0;}

input {font-family: Trebuchet ms, Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #000000 ;padding: 0px; margin: 2px 0 0 0; vertical-align:middle;}
input:focus, select:focus, textarea:focus {	background-color: #ffffff;}

/* Forms */
form {padding:0; margin:0}
.form_line {clear: both; padding:3px 0 3px 0}
.form_input {float: left; width:110px; text-align: left; color: #4C4D4E;  padding:3px 0 3px 0}
.checkbox {width:16px !important;   border: none !important;  }
.button {width:51px !important; height: 20px !important;  border: none !important; }

/* Login Form */
#login h1 {font-size:13px; color:#954034; padding:0 0 4px 0; margin:0; text-align:left; font-weight:bold}
#login {width:400px; padding:0; margin:0 ; clear: both;}
#login fieldset {border:#EEEEE1 1px solid; padding:10px; margin:0 }
#login legend {font-size: 12px; color:#666; padding:10px 2px 10px 2px; font-weight:bold; margin:0 }
#login label {font-size: 12px; color:#666;}
#login input {font-size: 12px; color:#333; background-color:#FAF8F8; border:#CED3D8 1px solid; width:170px; padding:1px }
#login textarea {font-family:arial; font-size: 12px; color:#333; background-color:#FAF8F8; border:#CED3D8 1px solid; width:270px; padding:1px }


/* CMS Table */ 
#cmstable {width:540px; padding:0; margin:4px 0 0 0; border: #D0D0D0 1px solid; font-size:11px} 
#cmstable th {color:#787878; font-size:12px; font-weight: bold; padding:4px; background-color:#F5F3F3 }
#cmstable th.th1 {width:324px}
#cmstable th.th2 {width:90px}
#cmstable th.th3 {width:0px; text-align:center}
#cmstable th.th4 {width:60px;}
#cmstable th.th5 {width:90px; text-align:center}
#cmstable td {font-size:11px; color:#666; padding:4px; border-top:#E7F2E6 1px solid}
#cmstable td.td3 {text-align:center;}
#cmstable td.td4 {text-align:center}
#cmstable td.td5 {text-align:center; width:150px}

.altrow {background-color:#FBFCF8}

/* CMS Form */
#cms {width:530px; padding:8px ; margin:0; border:#D0D0D0 1px solid; background-color:#fff }
#cms fieldset {border:#EEEEE1 1px solid; padding:10px; margin:0 }
#cms legend {font-size:11px; color:#555; padding:10px 2px 10px 2px; font-weight:bold; margin:0 }
#cms label {font-size:11px; color:#555;}
#cms input, #cms select {font-size:11px; color:#333; background-color:#FAF8F8; border:#CED3D8 1px solid; width:200px; padding:1px }

#cms textarea {font-size:11px; color:#333; background-color:#FAF8F8; border:#CED3D8 1px solid; width:295px; padding:1px; font-family:arial }
.date {font-size:11px; color:#333; background-color:#FAF8F8; border:#CED3D8 1px solid; width:100px !Important; padding:1px }
#imageupload {background-color:#fff; padding:10px; border:#efefef 1px solid}
#imageupload h2 {font-size:13px; color:#954034; padding:0 0 4px 0; margin:0; text-align:left}

#cms p {margin:5px 0 5px 0 }
.datefield {font-size:0.75em; color:#333; background-color:#FAF8F8; border:#CED3D8 1px solid; width:130px !important; padding:1px }
.required {font-size:11px; color:#800; }
.rbutton {width:18px !important; padding:0; margin:0; height: 18px !important;  border: none !important; }
.userinput {width:200px !important; }
.viewattachment {padding:0; margin:0; font-size:0.7em !important; padding: 1px}