﻿/* START OF -- DIV 100% HEIGHT WORKS IN ALL BROWSERS/VERSIONS */
* { padding: 0; margin: 0; }
html, body { height: 100%; }
body { margin: 0; background: url(bg.jpg) #FFFFFF no-repeat; font-family: Verdana; }
.maincontainer { min-height: 90%; margin: auto; width: 857px;  }
* html { height: 100%; }
/* END OF -- DIV 100% HEIGHT WORKS IN ALL BROWSERS/VERSIONS */



p { padding-bottom: 15px; font-size:14px; }
h1 { font-size: 20px; color: #202020; }
h2 { font-size: 18px; font-weight: normal; color: #cc0000; margin-bottom: 15px; }
h3 { font-size: 15px; font-weight: normal; color: #FFFFFF; background-color: #cc0000; padding:3px 5px 3px 5px; }

.maincontainer { min-height: 90%; margin: auto; width: 857px; }

.header { padding-bottom: 5px; padding-top: 5px; }
.header .left { float: left; }
.header .right { float: right; width: 758px; height: 49px; }
.header .right .menu-left { float: left; background: url(menu-left.png); width: 649px; height: 49px; }
.header .right .menu-right { float: right; background: url(menu-right.png); width: 109px; height: 49px; }

.header .right .menu-left li { list-style: none; float: left; color: #666666; font-size: 13px; padding: 15px 10px 10px 30px; }
.header .right .menu-left li a { text-decoration: none; color: #666666; }
.header .right .menu-left li a:hover { color: #CC0000; }
.header .right .menu-left li .selected { color: #303030; }

.header .right .menu-right li { list-style: none; float: left; color: #FFFFFF; font-size: 13px; padding: 15px 10px 10px 30px; }
.header .right .menu-right li a { text-decoration: none; color: #FFFFFF; }
.header .right .menu-right li a:hover { color: #CC0000; }
.header .right .menu-right li .selected { color: #303030; }

.banner {  margin-bottom: 10px; }



.leftcontainer { float: left; width: 602px; }
.rightcontainer { float: right; width: 240px; }

.leftcontainer2 { float: left; width: 240px; }
.rightcontainer2 { float: right; width: 602px; }

.footer { float:left; font-size: 12px; width: 817px;  padding:  10px 20px 10px 20px; color:#666;}
.footer div { text-align:center;}
.footer div a {  color: #666666;}
.footer div a:hover {  color: #C00;}


.cleardiv { clear: both; }
.spacediv { clear: both; height: 10px; }

.content { width: 602px; font-size: 13px; }

.content .top { background: url(content-top.png) no-repeat; width: 602px; height: 15px; margin: 0; padding: 0; font-size:1px; }
.content .bottom { background: url(content-bottom.png) no-repeat; width: 602px; height: 15px; margin: 0; padding: 0; font-size:1px; }
.content .middle { background: url(content-middle.png) repeat-y; width: 602px; margin: 0; padding: 0; }

.content .area { padding: 10px 20px 10px 20px; }
/*
.content .area ul { margin: 8px; padding: 5px; background: #F0F0F0; border: 1px #CCCCCC solid; }
*/
.content .area ul li {  margin: 0px 0px 0px 15px; }
.content a {color:#333;}
.content a:hover {color:#C00;}



.content2 .top { background: url(content-top2.png) no-repeat; width: 857px; height: 15px; margin: 0; padding: 0; font-size:1px; }
.content2 .bottom { background: url(content-bottom2.png) no-repeat; width: 857px; height: 15px; margin: 0; padding: 0; font-size:1px; }
.content2 .middle { background: url(content-middle2.png) repeat-y; width: 857px; margin: 0; padding: 0; }

.content2 .area { padding: 10px 20px 10px 20px; }
.content2 .area ul { margin: 8px; padding: 5px; background: #F0F0F0; border: 1px #CCCCCC solid; }
.content2 .area ul li {  margin: 0px 0px 0px 15px; }



.sidebox { width: 240px; overflow:hidden; }
.sidebox .top { background: url(sidebox-name.png) no-repeat; height: 33px; }
.sidebox .name { color: #FFFFFF; font-size: 13px; padding: 7px 0px 5px 10px; }
.sidebox .text { background: url(sidebox-text.png) top no-repeat #cccccc; min-height: 70px;}
.sidebox .bottom { background: url(sidebox-bottom.png) no-repeat; height: 9px; }

.newstitle { color: #cc0000; font-size: 16px; padding: 0px 0px 0px 0px; text-transform:capitalize; }
.newsdesc { color: #535353; font-size: 11px; padding: 10px 0px 10px 0px; font-weight:bold; }
.newstext { color: #535353; font-size: 11px; padding: 0px 0px 0px 0px; }

.quotebox { width: 240px; }
.quotebox .top { background: url(quotebox-top.png) no-repeat; height: 34px; }
.quotebox .text { background: #cc0000; min-height: 70px; color: #FFFFFF; font-size: 16px; padding: 15px; }
.quotebox .text .quoter { color: #FFFFFF; font-size: 12px; padding-top: 5px; }
.quotebox .bottom { background: url(quotebox-bottom.png) no-repeat; height: 29px; }
.quotebox .text p { background: #cc0000; min-height: 70px; color: #FFFFFF; font-size: 16px; padding: 0px; }


.subbox { width: 240px; overflow:hidden;}
.subbox .top { background: url(subbox-top.png) no-repeat; height: 35px; }
.subbox .name { color: #000; font-size: 14px; padding: 7px 0px 5px 15px; }
.subbox .text { background: #cc0000; min-height: 70px; padding: 0px 15px 0px 15px; }
.subbox .bottom { background: url(subbox-bottom.png) no-repeat; height: 11px; }
.subbox ul {  }
.subbox li { list-style: none; color: #FFFFFF; font-size: 13px; padding: 5px 0px 5px 0px;  }
.subbox li a { text-decoration: none; color: #FFFFFF; }
.subbox li a:hover { color: #222; }
.subbox li .selected { color: #303030; }

.search { background: url(search.png) no-repeat; height: 61px; width: 240px; overflow:hidden;}
.search .top { padding: 6px 18px 0px 18px; height: 22px; color: #333; font-size: 14px; }
.search .bottom { padding: 0px 18px 0px 18px; }
.searchbutton { background: url(searchicon.png) no-repeat; height: 16px; width: 16px; border: none; cursor: pointer;  }

.btngo { background: url('go.png') no-repeat; width:15px; border: none; vertical-align:top; cursor:pointer; }
.backbutton { background: url('back.png') no-repeat !important;  font:x-small verdana !important; height:15px !important; line-height:15px !important; width:20px !important; padding:0px 0px 0px 15px !important; margin:0px 0px 0px 0px !important; }

.TopNavigation {}
.TopNavigation .menu {list-style:none; margin:0px; padding:0px;  margin-top:6px; background-image:url(menubg.png); background-repeat:no-repeat ; height:49px;}
.TopNavigation .menu li { float:left;}
.TopNavigation .menu li a { font:small verdana; text-decoration:none; color:#666; cursor:pointer;}
.TopNavigation .menu li a span {height:49px; width:108px; display:block; line-height:49px; text-align:center;}
.TopNavigation .menu li a:hover {color:#C00;}

.SubGroup {}
.SubGroup .top {background-image:url(subbox-top.png); background-repeat:no-repeat; height:20px;}
.SubGroup .middle {background-color:#C00;}
.SubGroup .bottom {background-image:url(subbox-bottom.png); background-repeat:no-repeat; height:10px;}
.SubGroup .middle .nav {list-style:none; margin:0px; padding:0px;}
.SubGroup .middle .nav a {color:#FFF; text-decoration:none; font:small verdana; padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:5px; display:block;}
.SubGroup .middle .nav a:hover {color:#000;}


.search {}
.search input[type=button]{ border:3px solid #C00; }

.BottomNavigation { text-align:center;}
.BottomNavigation a {}


.EnquiryForm {}
.EnquiryForm td {padding:3px;}
.EnquiryForm td input[type="text"] { width:100%;}
.EnquiryForm td textarea { width:100%;}


a.pdf { padding-left:25px; background-image:url(pdf.gif); background-repeat:no-repeat; background-position:left; line-height:20px; height:20px; display:block; }
