/* CSS Document */

/* 
copyright shrc limited 2009
-----------------------------------------------------*/

/* main layout */

body {
	margin:0px;
	padding:0px;
	background-color:#adadad;
	color:#444444;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

body .popup {
	background-color:#FFF;
	margin:0px;
	padding:0px;
}

#container {
	background-color:#efefef;
	width:752px;
	margin:0px auto;
	padding-top:0px;
	border-left:#232323 solid 1px;
	border-right:#232323 solid 1px;
	border-bottom:#232323 solid 1px;
}

#header {
	width:752px;
	height:34px;
	background-image:url(header.jpg);
	border-bottom:1px solid #181717;
	margin:0px; 
	padding:0px;
}

#topNavigation {
	width:752px;
	height:24px;
	background-image:url(mainNavBg.jpg);
}

.nav {
	font-size:13px;
	list-style:none;
	display:inline;
	text-decoration:none;
	margin-left:0px;
	padding-left:0px;
	height:24px;
}

.nav li{
	list-style:none;
	display:inline;
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:3px;
	background-image:url(mainNavButBg.jpg);
	height:24px;
}

.subNav {
	font-size:10px;
}

.nav li .subNav{
	font-size:10px;
	margin-left:-3px;
	margin-right:-3px;
	color:#cfdff9;
}

.nav a{
	color:#FFF;
}

.yourHere a{
	color:#cfdff9;
	font-weight:bold;
}


#flash {
	width:752px;
	height:103px;
	background-color:#FFFFFF;
	border-bottom:1px solid #181717;
	margin-top:0px; 
	margin-left:0px; 
	margin-right:0px;
	margin-bottom:7px;
	padding:0px;
}

#content {
	width:752px;
	margin-left:0; 
	margin-right:0;
	padding:0px;
}

#contentMain {
	width:566px;
	margin-left:7px; 
	margin-bottom:7px;
	float:left;
	background-color:#FFFFFF;
	border:1px solid #9d9d9d;
	padding:3px;
}


#contentRight {
	width:155px;
	margin-left:2px; 
	margin-right:7px;
	margin-bottom:7px;
	float:right;
	background-color:#c9d9f8;
	border-left:1px solid #9d9d9d;
	border-right:1px solid #9d9d9d;
	border-bottom:1px solid #9d9d9d;
	padding:0px;
}

#contentRight h2 {
	background-image:url(RightH2bg.jpg);
	margin:0px;
	height:16px;
	color:#2e2e2e;
	font-size:12px;
	font-weight:normal;
	padding-top:2px;
	padding-left:2px;
}

#contentLeft {
	width:212px;
	float:left;
	background-color:#FFFFFF;
	border:1px solid #9d9d9d;
	padding:3px;
}

#contentCentre {
	width:336px;
	margin-left:2px; 
	float:right;
	background-color:#FFFFFF;
	border:1px solid #9d9d9d;
	padding:3px;
}



#footer {
	width:752px;
	height:17px;
	background-image:url(footerBg.jpg);
	background-color:#7a7272;
	color:#232323;
	clear:both;
	border-top:#232323 solid 1px;
	padding-top:3px;
}

#footer a {text-decoration:none; color:#333333}
#footer a:hover {text-decoration:underline; color:#ffffff}

a {text-decoration:none; color:#204d88}
a:hover {text-decoration:underline; color:#444444}



h2 {font-size:14px; font-weight:600; margin-top:12px; color:#204d88;}
h3 {font-size:11px; font-weight:600; margin-bottom:0px; color:#204d88;}

.hidden {
visibility:hidden;
}

.left {
margin-left:7px;
width:350px;
float:left;
}

.right {
float:right;
}


.imgBorder {
padding:1px;
border:1px solid #204d88;
margin-right:3px;
margin-left:2px;
}



.faqs {
margin-top:30px;
margin-bottom:20px;
font-size:13px;
color:#204d88;
list-style-type:square;
}

.faqs li {
list-style:none;
font-weight:bold;
}

.faqs li ul li{
list-style:circle;
font-weight:normal;
}

.aboutImg {
margin-left:5px;
margin-right:5px;
width:280px;
float:right;
font-style:italic;
}

.quote {
color:#000;
text-align:center;
font-weight:bold;
}

.author {
	text-align:right;
	font-size:9px;
	color:#333;
	font-style:italic;
}


.bookmarks {
	list-style:none;
	display:inline;
	text-decoration:none;
	padding-left:0px;
}

.bookmarks li{
	display:inline;
	text-decoration:none;
	list-style:none;
	padding-left:5px;
	width:15px;
}

.contactForm th{
	font-size:10px;
	text-align:right;
}


.btmNav {
	text-align:center;
	font-size:12px;
}

#featuresArea {
	clear:both;
	margin-top:25px;
	padding:5px;
}

.featuresAreaImg{
	margin-right:5px;
	margin-left:1px;
	border:#333 solid 1px;
}

#featuresArea h3{
	margin-top:5px;
}
#featuresArea p{
	margin-top:5px;
	
}

hr {
	width:80%;
	color:#ccc;
	margin:0 auto;
	clear:both;
	margin-top:50px;
}


#tabs {
	margin-top:10px;
	padding: 0px;
	float:right;
	border-top:#9d9d9d 1px solid;
	border-left:#9d9d9d 1px solid;
	border-right:#9d9d9d 1px solid;
	text-align:center;
}

#tabs ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	
}

#tabs ul li {
	background: url(tabsBg.png);
	height: 18px;
	padding:1px;
	width:170px;
	border-bottom:#9d9d9d 1px solid;
}

#tabs ul li a{
text-decoration: none;
font-size: 10px;
margin: 0px;
color:#333;
}

#tabs li a:hover{
background: url(tabBgRoll.png);
color:#204d88;
}

.active {
	font-size:12px;
	color:#204d88;
}

.faqList li{
	margin-bottom:10px;
}

.pdf{
	list-style-image:url(icons/pdfIcon.png);
	list-style-position:-1px;
}

.web{
	list-style-image:url(icons/webIcon.png);
	list-style-position:-1px;
}

.book{
	list-style-image:url(icons/book_16.png);
	list-style-position:-1px;
}

#homeButtons_div {
	margin-right:6px;
	float:right;
	width:278px;
	padding:2px;
	margin-bottom:7px;
}

#twitter_div {
	margin-right:6px;
	float:right;
	width:278px;
	background-color: #efefef;
	border: 1px solid #9d9d9d;
	padding:2px;
}

.more {
	font-weight:bold;
}

#quotation {
	width:200px;
	float:right;
	padding:15px;
	text-align:center;
	color:#204d88;
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	background-image:url(quotationBg.jpg);
	background-repeat:no-repeat;
}

#quotation .name{
	text-align:right;
	font-size:9px;
	color:#666;
}

blockquote {
	font-size:14px;
	color:#204d88;
}



/* ani pop up window */
	.toggler { width: 500px; height: 200px; }
	#button { padding: .5em 1em; text-decoration: none; }
	#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; }
	#effect h3 { margin: 0; padding: 0.4em; text-align: center; }
	.ui-effects-transfer { border: 2px dotted gray; }