body {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 140%;
	border: 1px solid #433673;
}

/**************** Header *************/

#header  {
	width: 100%;
	overflow: hidden;
	background: #fff;
	padding-top: 5px;
}

#header .logo {float: left; border-top: 8px solid #433673; width: 58%;}

#header .headerRight1 {
	overflow: hidden;
	text-align: right;
	color: #1f1f1f;
	margin-right: 10px;
}

.skipLink {
	font-size: 90%;
	display: inline;
	position: relative;
	top: -5px;
}

.textChange {display: inline; }

.textChange .imgGroup1 {display: inline; padding-left: 5px;}

#header .headerRight2 {text-align: right; float: right; width: 42%; padding-top: 10px; background: #433673 url('images/purple_curve.gif') no-repeat bottom left;; color: #fff;}

#header .headerRight2 ul {display: inline; position: relative; top: -5px;}

#header .headerRight2 ul li {display: inline;}

#header .headerRight2 .home {background: url('images/home.gif') no-repeat 0 50%;}

#header .headerRight2 .contact {background: url('images/contact.gif') no-repeat 0 50%;}

#header .headerRight2 .sitemap {background: url('images/sitemap.gif') no-repeat 0 50%;}

#header .headerRight2 a,
#header .headerRight2 a:visited,
#header .headerRight2 a:hover,
#header .headerRight2 a:active,
#header .headerRight2 a:focus {padding: 1px 10px 0 22px; color: #fff;}

#header .headerRight2 .contact-current {background: url('images/contact.gif') no-repeat 0 50%; padding: 1px 10px 0 22px;}

#header .headerRight2 .sitemap-current {background: url('images/sitemap.gif') no-repeat 0 50%; padding: 1px 10px 0 22px;}

#header .screenR {margin: 12px 5px 0 0; float: left; display: inline; }

#header .screenR .screenR-image {background: url('images/screen_reader_icon.jpg') no-repeat 0 50%; line-height: 200%;}

#header .screenR a,
#header .screenR a:visited,
#header .screenR a:hover,
#header .screenR a:active,
#header .screenR a:focus, 
#header .screenR span {padding: 20px 0 20px 50px;}

#header form {margin: 10px 0 0 0; padding: 0 10px 0 0; float: right;}

#header form input {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%;}

#header form .inputimg {position: relative; top: 4px;}

/************** Main Content Area **************/

.mainContent {
	padding: 10px 15px;
	margin-bottom: 5px;
}

.mainContent ul {margin-left: 20px; padding: 0;}

.mainContent li {margin-bottom: 5px;}

ul li {list-style-image: url('images/arrow_grey.gif');}

ol li {list-style-image: none;}

.mainContent ul ul,
.mainContent ol ol,
.mainContent ul ol,
.mainContent ol ul
{margin-top: 10px; margin-bottom: 10px;}

.mainContent .more {padding: 0 0 0 25px; }

.mainContent .more a {
	padding: 0 13px 0 0;
	background: url('images/arrow_two.gif') no-repeat 100% 60%;
}

.mainContent .more a:visited {color: #983C00;}

.mainContent .imageRight {float: right; margin-left: 15px; margin-bottom: 2px;}

.mainContent .imageLeft {float: left; margin-right: 30px; margin-bottom: 2px;}

.blockRight {
	width: 30%; 
	float: right; 
	background: #F1F0F5; 
	margin-left: 10px; 
	padding: 0 5px;
}

/************** Heading Level **************/

h1 {
	font-size: 160%;
	font-weight: normal;
	position: relative;
	line-height: 120%;
	margin-top: 9px;
	background: url('images/heading_line1.gif') no-repeat bottom left;
	padding-left: 1px;
	padding-bottom: 5px;
}

h2 {
	color: #000;
	background: #F1F0F5;
	border-bottom: 1px solid #443673;
	font-size: 115%;
	padding: 4px 5px;
	position: relative;
	font-family: 'Arial';
}

h3 {
	font-size: 100%;
	color: #983C00;
}


h4 {
	font-size: 95%;
}

h5 {
	font-size: 90%;
}

h6 {
	font-size: 85%;
}


.subLinks {margin: 0; padding: 2px 10px 3px 10px;
	background: #F1F0F5 url('images/dottedLine_hoz.gif') repeat-x bottom; color: #1f1f1f;}

.subLinks ul { margin: 0; padding: 0;}

.subLinks ul li {
	display: inline;
	border-left: 1px solid #330066;
	padding: 0 0.2em 0 0.4em;
	margin: 0;
	line-height: 170%;
}

.subLinks li.first  {
	border-left-width: 0;
	margin: 0; padding: 0 0.2em 0 0;
}

.subLinks ul li a {white-space: nowrap;}

.subLinks a:visited {color: #572B57;}

/********** Breadcrumbs *************/

.topContainer {width: 100%; overflow: hidden; background: #fff url('images/dottedLine_hoz1.gif') repeat-x bottom; padding: 5px 0;}

.breadcrumb {float: left; width: 70%; padding-left: 10px;}

.breadcrumb ol {padding: 0; margin: 0; display: inline;}

.breadcrumb ol li { display: inline; }

.topContainer .breadcrumb a,
.topContainer .breadcrumb a:visited,
.topContainer .breadcrumb a:hover,
.topContainer .breadcrumb a:active,
.topContainer .breadcrumb a:focus {
	padding: 0 13px 0 3px;
	background: url('images/arrow_black.gif') no-repeat 100% 60%;
}

.printIcons {float: right; padding-top: 2px; padding-bottom: 2px; width: 28%; text-align: right;}

.printIcons a.print1,
.printIcons a.print1:visited,
.printIcons a.print1:hover,
.printIcons a.print1:active,
.printIcons a.print1:focus {background: url('images/print_icon.gif') no-repeat 0 50%; padding: 5px 10px 5px 22px;}

.printIcons a.print2,
.printIcons a.print2:visited,
.printIcons a.print2:hover,
.printIcons a.print2:active,
.printIcons a.print2:focus {background: url('images/largeprint_icon.gif') no-repeat 0 50%; padding: 5px 10px 5px 22px;}

/************** Page Layout **************/

#columnColours  {
	width: 100%;
	color: inherit;
	overflow: hidden;
	background: #EDE6D5;
	border-bottom: 2px solid #fff;
	}

#mainContentWrapper {margin: 0 0 0 25%;}

#mainContentWrapper1 {
	width: 100%;
	float: left;
	margin: 0;
	background: #fff;
	}

#mainContentWrapper2 {
	width: 100%;
	float: right;
	margin: 0;
}

#mainContentWrapper1, #mainContentWrapper2, #leftColumnWrapper {
	overflow: visible;
	position: relative;
}

/************** Left Sidebar **************/

#leftColumnWrapper {
	float: left;
	margin: 0 0 0 -33.3%;
	width: 33.3%;
	padding: 0;
    overflow: hidden;
}

#leftColumnWrapper .leftContent {
	padding-bottom: 10px;
	margin: 0;
	border-top: 5px solid #fff;
	background: #433673 url(images/left_bkgd1.gif) repeat-x top left;
	position: relative;
}

#leftColumnWrapper .leftContent h2 {
	padding: 4px 10px;
	color: #813300;
	background: #fff;
	text-transform: uppercase;
	font-size: 90%;
	border-top: 3px solid #E5B061;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#leftColumnWrapper .leftContent ul{
	margin: 16px 5px 0 5px;
	padding: 0 0 10px 0;
}

#leftColumnWrapper .leftContent ul li {
	list-style-image: url('images/transparent.gif');
	color: #fff;
	text-transform: uppercase;
	font-size: 90%;
	padding: 6px 0;
	margin-bottom: 0;
   	width: 100%;
  	background: url('images/dottedLine_hoz.gif') repeat-x bottom;
}

#leftColumnWrapper .leftContent ul li .media {
	background: url('images/media_icon.gif') no-repeat;
	padding-bottom: 5px;
	margin-left: 5px;
	display: block;
}

#leftColumnWrapper .leftContent ul li .defence {
	background: url('images/welfare_icon1.gif') no-repeat;
	padding-bottom: 5px;
	margin-left: 5px;
	display: block;
}


#leftColumnWrapper .leftContent ul li .lang {
	background: url('images/lang_icon.gif') no-repeat;
	padding-bottom: 5px;
	margin-left: 5px;
	display: block;
}

#leftColumnWrapper .leftContent ul li .prem {

	background: url('images/prem_icon.gif') no-repeat;
	padding-bottom: 5px;
	margin-left: 5px;
	display: block;
}

#leftColumnWrapper .leftContent ul li .epwd {
	background: url('images/epwd_icon.gif') no-repeat;
	padding-bottom: 5px;
	margin-left: 5px;
	display: block;
}

#leftColumnWrapper .leftContent ul li .ngo {
	background: url('images/ngo_icon.gif') no-repeat;
	padding-bottom: 5px;
	margin-left: 5px;
	display: block;
}

#leftColumnWrapper .leftContent ul li .welfare1 {
    background: url('images/SC_icon.gif') no-repeat;
	padding-bottom: 5px;
	margin-left: 5px;
	display: block;
}

#leftColumnWrapper .leftContent ul li .welfare2 {
	background: url('images/OBC_icon.gif') no-repeat;
	padding-bottom: 5px;
	margin-left: 5px;
	display: block;
}

#leftColumnWrapper .leftContent ul li .ngo-partner {
	background: url('images/ngo_partership_icon.gif') no-repeat;
	padding-bottom: 5px;
	margin-left: 5px;
	display: block;
}

#leftColumnWrapper .leftContent ul li .ngo-partner a,
#leftColumnWrapper .leftContent ul li .ngo-partner .current {
	background: url('images/transparent.gif') no-repeat 100% 50%;
	color: #fff;
	margin-left: 30px;
	margin-right: 5px;
	display: block;
	padding-right: 10px;
}

#leftColumnWrapper .leftContent ul li a{
    background: url('images/arrowWhite_down.gif') no-repeat 100% 50%;
	color: #fff;
	margin-left: 30px;
	margin-right: 5px;
	display: block;
	padding-right: 10px;
}

#leftColumnWrapper .leftContent ul li a.arrowLeft{
    background: url('images/arrow_white.gif') no-repeat 100% 50%;
}

#leftColumnWrapper .leftContent ul ul{
	padding: 10px 5px 10px 35px;
	margin: 0;
	background: #F1F0F5;
}

#leftColumnWrapper .leftContent ul ul li{
	list-style-image: url('images/arrow_grey.gif');
	border: none;
	background: none;
	font-weight: normal;
	font-size: 110%;
	text-transform: none;
	padding: 2px 0;
	color: #000;
}

#leftColumnWrapper .leftContent ul ul li a{
	padding: 0;
	margin: 0;
	color: #330066;
    background: none;
    text-decoration: underline;
}

#leftColumnWrapper .leftContent ul ul li a:visited {color: #572B57; text-decoration: underline;}

#leftColumnWrapper .leftContent ul ul li a:hover,
#leftColumnWrapper .leftContent ul ul li a:active,
#leftColumnWrapper .leftContent ul ul li a:focus
{color: #983C00; text-decoration: underline; border: 0;}


#leftColumnWrapper .leftContent ul ul.subList{
	margin: 5px 0 0 35px;
	padding: 0;
	background: none;
}

#leftColumnWrapper .leftContent ul ul.subList li{
	width: auto;
	color: #fff;
	padding: 0 0 6px 0;
	margin: 0;
	list-style-image: url('images/transparent.gif');
}

#leftColumnWrapper .leftContent ul ul.subList li.senior-citizen{
	background: url('images/seniorCitizen_icon.gif') no-repeat;
}

#leftColumnWrapper .leftContent ul ul.subList li.senior-citizen span{
	margin-left: 22px;
	display: block;
}

#leftColumnWrapper .leftContent ul ul.subList li.substace-abuse{
	background: url('images/substaceAbuse_icon.gif') no-repeat;
}

#leftColumnWrapper .leftContent ul ul.subList li.substace-abuse span{
	margin-left: 22px;
	display: block;
}

#leftColumnWrapper .leftContent ul ul li.first-list{
	width: auto;
}

#leftColumnWrapper a,
#leftColumnWrapper a:visited,
#leftColumnWrapper a:hover
{text-decoration: none;}

#leftColumnWrapper a:active,
#leftColumnWrapper a:focus
{border: 1px dotted #A29BBA;}

/*********** Photogallery image blocks *************/

.imageBlocks {width: 100%; overflow: hidden; background: url('images/dottedLine_hoz1.gif') repeat-x bottom left; padding: 10px 0;}

.imageBlocks .block1 {float: left; width: 15%; margin-right: 20px;}

.imageBlocks img {border: 1px solid #DAD9DC; padding: 2px;}

.imageicon {margin-bottom: -8px;}

/************** Two Column Divs **************/

.leftBlock1 {float: left; width: 46%;
	padding-right: 10px;
	margin: 0;
}

.rightBlock1 {float: left; width: 46%;
	padding-left: 10px;
 	background: url('images/dottedLine_ver.gif') repeat-y left;
 	margin: 0;
}

.leftBlock1 p,
.rightBlock1 p {text-align: center;}


/****** Two Columnar List ********/

ul.twoColumnList{
	float: left;
	width: 45%;
	position: relative;
	padding-left: 20px;
	margin-left: 0;
}

/****** Three Columnar List ********/

ul.ColumnList{
	float: left;
	width: 29%;
	position: relative;
	padding-left: 20px;
	margin-left: 0;
}

/**************** Misc *************/

.blockContainer {width: 100%; clear: both;}

.blockContainer .leftBlock {float: left;}

.blockContainer .rightBlock {float: right;}

.blockContainer .rightBlock2 {float: right; width: 35%;}

.blockContainer .rightBlock3 {float: right; width: 60%;}

.threeBox {float: left; width: 30%; display: inline;}

.columnWidth {width: 25%;}

.hidethis {
	position:absolute;
 	left:0px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
}

.clr {clear: both;}

.center {text-align: center;}

.right {text-align: right;}

.red {color: #983C00;}

.vcText {position: relative; top: -20px; font-size: 115%;}

img {border: 0;}

.underline { text-decoration:underline; }

.separatorLine {border-top: 1px solid #000000; clear: both;}

sup {
	line-height: 180%;
    	text-decoration:none;
}

.tel {background: url('images/tel_icon.gif') no-repeat 0 50%; padding: 5px 0 5px 22px;}

.email {background: url('images/email_icon.gif') no-repeat 0 50%; padding: 5px 0 5px 22px;}

.fax {background: url('images/fax_icon.gif') no-repeat 0 50%; padding: 0 0 3px 22px; line-height: 180%;}

.web {background: url('images/web_icon.gif') no-repeat 0 50%; padding: 3px 0 5px 22px;}


li.hideList{
	list-style-type:none;
}

/**************** Related Links *************/

.relatedLinks { text-align: center; background: url('images/dottedLine_hoz1.gif') repeat-x top left; margin-bottom: 2px; width: 100%; padding-top: 5px; padding-bottom: 5px; }

.relatedLinks .content {margin: 0 15px;}

.relatedLinks ul { margin: 0; padding: 0;}

.relatedLinks ul li a {
	white-space: nowrap; 	
	border-right: 1px solid #330066;
	padding: 0 0.6em 0 0.2em;
	}

.relatedLinks ul li {
	display: inline;
	line-height: 180%;
}

.relatedLinks .last {
	border-right-width: 0;
	}

.relatedLinks ul li .current {
	white-space: nowrap; 	
	border-right: 1px solid #330066;
	padding: 0 0.6em 0 0.2em;
	}

/********** Table *************/

table.general {
	margin-bottom: 10px;
	border: 1px solid #B2ACA0;
	border-collapse: collapse;
	width: 100%;
	clear: both;
}

table.general caption{
	font-weight: bold;
	padding: 10px 5px 4px 5px;
}

table.general tr td{
	border: 1px solid #B2ACA0;
	padding: 5px 10px;
	vertical-align: top;
}

table.general th{
	padding: 3px;
	border: 1px solid #B2ACA0;
	background: #EDE6D5;
}

table.general tr td ul{
	margin: 0 0 0 25px;
	padding: 0;
}

table.general tr td ol{
	margin: 0 0 0 25px;
	padding: 0;
}

.tableContainer-hScroll {
	overflow: scroll;
	width: 98%;
	padding: 1px 5px;
}

/**************** Form *************/

form.general { margin: 0; padding: 0; clear: both; width: 100%; overflow: hidden;}

form.general p {margin: 0 0 5px 0; padding: 0; }

form.general fieldset {padding: 0 10px 10px 10px; margin-bottom: 5px;}

form.general fieldset legend {margin-bottom: 10px; padding: 3px 6px; color: #000; background: #EDE6D5; font-weight: bold; }

form.general fieldset .labels {width: 150px; float: left; padding: 0; margin: 0;}

form.general .labels {width: 170px; float: left; padding: 0; margin: 0;}

form.general span {margin: 0 10px;}

form.general div {clear: both; width: 100%;}

form.general .formcontent {margin-bottom: 5px; clear: both; width: 100%; }

/**************** Footer Area *************/

#footer { width: 100%; overflow: hidden; text-align: center;}

#footer ul { margin: 0; padding: 0;}

#footer ul li {
	display: inline;
	line-height: 170%;
}

#footer ul li a {	
	border-right: 1px solid #000;
	padding: 0 0.6em 0 0.2em;
	}

#footer ul li .current {
	white-space: nowrap; 	
	border-right: 1px solid #000;
	padding: 0 0.6em 0 0.2em;
	}

#footer ul li .last {
	border-right-width: 0;
	}

#footer .footerLinks1 {padding: 5px 0; color: #fff; background: #01743B; margin-bottom: 1px;}

#footer .footerLinks1 a {border-right: 1px solid #fff;}

#footer .footerLinks1 a,
#footer .footerLinks1 a:visited,
#footer .footerLinks1 a:hover,
#footer .footerLinks1 a:active,
#footer .footerLinks1 a:focus {color: #fff; text-decoration: underline;}

#footer .footerLinks1 ul li .current {
	white-space: nowrap; 	
	border-right: 1px solid #fff;
	padding: 0 0.6em 0 0.2em;
	}

#footer .footerLinks2 {border-top: 3px solid #433673; background: #F1F0F5; padding: 5px 0;}

#footer .cr{
	font-size: 85%;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #F1F0F5 url('images/dottedLine_hoz1.gif') repeat-x top left;
}

#footer .cr p{
	margin: 3px 0; padding: 0;
}

#footer a,
#footer a:visited,
#footer a:hover,
#footer a:active,
#footer a:focus
{white-space: nowrap; color: #000;}

/**************** Links *************/

a:link {color: #330066;}

a:visited {color: #6D006D;}

a:hover,
a:active,
a:focus {color: #983C00; text-decoration:underline;}
