/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 17 December 2012 09:36:04
*/


/* 
 *  master.css | Main StyleSheet File
 *  Table of content
 *  1. Reset CSS
 *  2. Generic styles for tags
 *  3. Reusable classes
 *  4. Components
 *  5. Implementation Fixes
 *  6. Implementation Fixes (bwalters)
 *  7. Helpbox style settings
 * 
 */

/* 1. RESET */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
fieldset,img,iframe { border:0; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/* 2. GENERIC STYLES FOR TAGS */
body { font: 12px/18px "Helvetica", sans-serif; margin:0 auto; width:960px;
 }
a { color:#00759b; text-decoration:none; }
a:hover { text-decoration:underline; }
strong { font-weight:bold; }
em { font-style: italic; }
img { max-width:100%; }
h1 { font-size:16px; line-height:18px; margin-bottom:18px; }
h2 { font-size:14px; font-weight:bold; line-height:18px; margin-bottom:15px; }
h3 { color:#666666; font-size:13px; line-height:16px; margin-bottom:15px; }
p { line-height:16px; margin-bottom: 12px; }
ul { margin-left:20px; margin-bottom: 12px; }
ul li { list-style: disc outside none; }
ol { margin-left:20px; margin-bottom: 12px; }
ol li { list-style: decimal outside none; }
form input::-moz-focus-inner { border: 0; padding:0; padding-bottom:1px; } /*Remove 


/* 4.1 Header */
#topPanel{width:960px; height:63px; position:relative; margin:0px auto; padding:0;}
#topPanel img{
	width:181px;
	height:57px;
	z-index:1;
	padding:0;
	position:absolute;
	margin:0 0 0 80px;
}
/* MENU PANEL*/
#topPanel ul{
	display:block;
	width:732px;
	height:36px;
	position:absolute;
	top:11px;
	right:3px;
	margin:11px 0 0;
	padding:0 200px 0 0;
	border-bottom:1px solid #AEAEAE;
}
#topPanel ul li{float:right; font:12px/36px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold;}
#topPanel ul li a{width:74px; height:36px; display:block; padding:0; color:#555; background:#fff; text-decoration:none; text-align:center; margin:0 1px 0 0; top:0px; left:0px;}
#topPanel ul li a:hover{width:74px; height:36px; text-decoration:none; background:url(img/button.gif) no-repeat 0 0 #AEAEAE; color:#fff;}
#topPanel ul li.active{width:74px; display:block; height:36px; background:url(img/button.gif) no-repeat 0 0 #AEAEAE; color:#fff; text-align:center; margin:0 1px 0 0;}
 .help-and-faqs {  font-weight:bold; line-height: 26px; font-style:italic; font-size:16px; text-align:right; }




/* .homepage-news .news-header .other .wrapper div { background-color:white; border:1px solid #cfcfcf; padding:9px 9px 9px 30px; } */

/* 4.4 Homepage boxes */
.homepage-boxes { clear:both; overflow:hidden; margin:20px 0 0; width:100%; height:135px; }
.homepage-boxes .box { position:relative; left:12px; height:130px;  width:226px; background-image:url(img/button01.jpg); }
.homepage-boxes .box1 { position:relative; left:250px; bottom:130px; height:130px;  width:226px; background-image:url(img/button02.jpg); }
.homepage-boxes .box2 { position:relative; left:488px; bottom:260px; height:130px;  width:226px; background-image:url(img/button03.jpg); }
.homepage-boxes .box3 { position:relative; left:726px; bottom:390px; height:130px; width:226px; background-image:url(img/button04.jpg); }

 .font-box{ width:160px; height:20px; position:relative;top:18px; left:20px; font-weight:bold;}
 .font-box2{width:170px; height:40px; position:relative; top:55px; left:20px; font-weight:600;}


/* 4.5 Footer */
.footer { clear:both; margin-top:30px; padding-bottom:50px; width:100%; height:65px;}
.footer .footer-box{
	height:65px;
	width:80px;
	position:relative;
	top:10px;
}
.footer .footer-box h2{
	 font-weight:bold; line-height: 26px;font-size:16px; color:#666; 
}
.footer .footer-box1{
	width:300px;
	height:30px;
	position:relative;
	bottom:80px;
	left:100px;
	 color:#666;
}

.footer .footer-box2{
	width:300px;
	height:30px;
	position:relative;
	bottom:170px;
	left:400px;
	color:#666;
}

.footer .footer-box3{
	width:160px;
	height:40px;
	position:relative;
	bottom:160px;
	left:800px;
	color:#666;
}