/* Global elements */

body {background-color: #ffffff; margin:0;}
body, td, tr {font-family: verdana; color:#444; font-size:90%; font-weight:normal;}

h1 {font-weight: normal; font-size: 180%; margin-bottom: 10px; color: #99b2e6; font-family:rockwell, Tahoma;}
h2 {font-weight: normal; font-size: 125%; margin-bottom: 10px; color: #99b2e6; font-family:rockwell, Tahoma;}
h3 {font-weight: bold; font-size: 120%; margin-bottom: 10px;color:#99b2e6; font-family:rockwell, Tahoma;}

a {color: #333; font-weight: bold; text-decoration: none;}
a img {border:none;}
a:hover {color: #ccc; font-weight: bold; }
pre {margin: 0; font-family: "Verdana";}

/* Layout */

div#container {background-color: #fff; width: 760px; text-align: justify; margin: 0 auto; border:1px solid #6580b6;}
div#container.home div.crumbtrail {display: none;}

div#belowcontainer {width: 760px; margin: 0 auto; height:34px; border-top:1px solid #6580b6;}

div#header {height: 158px; padding: 0px; background-color:#9ab1e5;}
div#header img.rightheader{float:right;}
div#header object {float:left;}
div#mainheader {background:#9AB1E5 url(/images/logo.gif) no-repeat scroll 0 0; float:right; height:158px; width:431px;}





/*Styling for Community page*/

body.community div#header {background-color:#d47c9d;}
body.community div#mainheader {background:#d47c9d url(/images/logocomm.gif) no-repeat scroll 0 0; float:right; height:158px; width:431px;}
body.community div#topnav {background-color:#ca5480; border-top:1px solid #b33e6a; border-bottom:1px solid #b33e6a; margin-top:0px;}
body.community h1{color:#D47C9D;}
body.community h2{color:#D47C9D;}
body.community h3{color:#D47C9D;  font-weight:normal; font-size:118%;}
body.community h3 a{color:#D47C9D;}
body.community div.subnav ul a {color:#ba4a74;}
body.community div.subnav ul li a {background-image:url(/images/pinksubarrow.gif); background-position:0 4px; background-repeat:no-repeat;
	padding: 0px 0px 0px 10px; display:block; }
body.community div#content-inner ul li {list-style-image:url(/images/pinkmainarrow.gif); margin:5px;}
body.community div.subnav ul li.selected a {color:#d47c9d;}
body.community div.subnav ul li a.selected {text-decoration:underline;}
body.community div.subnav ul li a:hover {color: #d47c9d;}
body.community div.subnav ul li ul li a:hover {color: #d47c9d;}



/*End of Community page styling*/

/*Styling for Organsiation page*/
body.organisation div#header {background-color:#7dc361;}
body.organisation div#mainheader {background:#7dc361 url(/images/logoorg.gif) no-repeat scroll 0 0; float:right; height:158px; width:431px;}
body.organisation div#topnav {background-color:#59a23b; border-top:1px solid #3c7723; border-bottom:1px solid #ffffff; margin-top:0px;}
body.organisation h1{color:#7dc361;}
body.organisation h2{color:#7dc361;}
body.organisation h3{color:#7dc361; font-weight:normal; font-size:118%;}
body.organisation div.subnav ul a {color:#59a23b;}
body.organisation div.subnav ul li a {background-image:url(/images/greensubarrow.gif); background-position:0 4px; background-repeat:no-repeat;
	padding: 0px 0px 0px 10px; display:block;}
body.organisation div.subnav ul li.selected a {color:#7dc361;}
body.organisation div.subnav ul li a:hover {color: #7dc361;}
body.organisation div.subnav ul li ul li a:hover {color: #7dc361;}
body.organisation div#content-inner ul li {list-style-image:url(/images/greenarrow.gif); margin:5px; }
/*End of Organisation page styling*/


div#topnav {background-color: #7D98CF; height: 25px; margin-top:1px; margin-bottom:10px;}
div#topnav a:hover {text-decoration: underline;}
div#topnav ul {list-style: none; margin: 0; padding: 0; /*width: 750px;*/ float: left; height: 30px; font-size:80%; font-family:rockwell, Tahoma; /*font-family:"Courier New",Courier,Verdana,Arial,Helvetica,sans-serif;*/}
div#topnav li a {color: #fff; padding: 0px 10px 0px 10px; font-weight:normal; font-size:120%;}
div#topnav li {list-style-type: none; display: block; border-left: solid 1px #C0C0C0; float: left; margin-top:4px; margin-bottom:4px; height: 15px;}
div#topnav li.selected a {text-decoration: underline;}
div#topnav li:first-child {border-left: none;}

div#topnav div.searchbox {width: 160px; float: right; margin: 5px; vertical-align: top; text-align: right;}
div#topnav div.searchbox input {width: 110px; font-family: "Verdana"; color: #000; border: 1px solid #99b2e6; padding: 2px;}
div#topnav div.searchbox input.button {width: 30px; border: none; padding: 1px;}

div#content {background: #fff; margin: 10px 0px 0px 0px; padding: 0; display: block; border-top: solid 0px #202020; font-size: small; min-height: 300px;}
div#content-inner {margin: -30px 25px 10px 25px; min-height:300px; }
div#content-inner ul li {list-style-image:url(/images/bluearrow.gif); margin:5px; }
img#header-image-page {float: right; margin: 0px 0px 5px 10px;}
.belowcontent {width:90%; margin:10px;}

div.subnav {float: right; margin: 30px 20px 0 10px; min-height: 150px; font-size: 104%; width:27%; font-family:rockwell, Tahoma;}
div.subnav a.morelink {margin-left: 5px;}
div.subnav h2 {font-size: 150%; color:#000000; font-family:rockwell, Tahoma; /*font-family:"Courier New",Courier,Verdana,Arial,Helvetica,sans-serif;*/}
div.subnav ul {text-align:left; padding: 0px; margin: 0; margin-bottom: 10px; background-color:#F1F0F1; width:105%;}
div.subnav ul a {color: #7d98cf;}
div.subnav ul li a:hover {color: #9ab1e5;}
div.subnav ul li ul li a:hover {color: #9ab1e5;}
div.subnav ul li {list-style-type: none; margin: 0; padding: 5px 0px; border-bottom:1px solid #afaeae;}
div.subnav ul li ul li {border-bottom:none;}
div.subnav ul li a.selected {color: #9ab1e5; text-decoration:underline; }
div.subnav ul li.sub-sub {margin-left: 20px; margin-top: 0px;}
div.subnav ul li.selected ul {display:block; width:100%;}
div.subnav ul li ul {display:none;}
div.subnav ul li ul li a.selected { text-decoration:underline;}
div.subnav ul li ul li a:hover { text-decoration:underline;}
div.subnav ul li ul li a {margin-left:23px;}
div.subnav ul li ul li ul li a {margin-left:36px;}
div.subnav ul li a {background-image:url(/images/bluesubarrow.gif); background-position:0 4px; background-repeat:no-repeat;
	padding: 0px 0px 0px 10px; margin-left:6px; font-weight:normal;
}

div.homenews {float:right; font-size:100%; margin:20px 35px 0px 0px; height:220px; width:135px; text-align:left; border-left:1px solid #99b2e6; padding-left:20px;}
div#newsheader {font-weight:bold; font-size:120%;}

div.crumbtrail {margin-left: 0px; margin-top: 5px; font-size: smaller;}
div.crumbtrail a {color: #666; font-weight: normal; color: #666;}

div.copyright {color: #a5a6a6; margin: 5px 0px 5px 0px; font-size:81%;}
div.copyright.left-detail {float:left; padding-left:10px;}
div.copyright.right-detail {float:right; padding-right:10px;}

div.belowsubnav {float: left;}
div.columnright {float:right; padding:0px 10px; margin-right:-15px; background-color:#E7E2E7;}
div.columnrighthome {float:right; padding:0px 10px;}
div.clear {clear: both;}

/*Home Page*/
div#push-home {width:760px;}




/* Pages */

div.newsentry div.newsthumb {width: 85px; float: right;}
div.newsentry div.newsdate {padding-top: 5px;}
div.newsentry div.newstitle {}

div.casestudyview img {border: 0;}
div.casestudy {border-bottom: 1px solid #DADADA; padding: 10px 0px 0px 10px;}
div.caseimage {float:right; margin: 20px 10px 20px 20px; vertical-align: top; position: relative; width: 100px; }
p.case {float:left; position: relative; width: 80%;}

.panelcommunities {float:left; width:352px; margin-right:10px;}
.commrndcornertop {background: url(/userfiles/image/homeimages/communities.jpg) no-repeat scroll 0 0; height:87px;}
.commmiddle {background-color:#ca5480; height:26px; color:#ffffff; font-size:170%; font-weight:normal; text-align:center; padding:5px 0px 0px 0px; font-family:rockwell, Tahoma;/*font-family:"Courier New",Courier,Verdana,Arial,Helvetica,sans-serif;*/}
.commmiddle a {color:#ffffff; font-weight:normal;}
.commtext {background-color:#e09db6; font-size:81%; padding:5px 36px 5px 45px; height:50px; text-align:left;}
.commtext a:hover{color:#ffffff;}
.commtext img {float:left; margin-top:-7px; border:none; margin-bottom:30px;}
.commrndcornerbottom {background:#e09db6 url(/images/pushthroughs/communitiesbottom.gif) no-repeat scroll 0 0;
					  height:9px;
					  margin-bottom:3px;
					  width:352px;}
					  
.panelorganisations {float:left; width:352px; margin-right:10px;}
.orgrndcornertop {background: url(/userfiles/image/homeimages/organisations.jpg) no-repeat scroll 0 0; height:87px;}
.orgmiddle {background-color:#5fab40; height:26px; color:#ffffff; font-size:170%; font-weight:bold; text-align:center; padding:5px 0px 0px 0px;  font-family:rockwell, Tahoma; /*font-family:"Courier New",Courier,Verdana,Arial,Helvetica,sans-serif;*/}
.orgmiddle a{color:#ffffff; font-weight:normal;}
.orgtext {background-color:#9ad483; font-size:81%; padding:5px 36px 5px 45px; height:50px; text-align:left;}
.orgtext a:hover{color:#ffffff;}
.orgtext img {float:left; margin-top:-7px; border:none;}
.orgrndcornerbottom {background:#9ad483 url(/images/pushthroughs/organisationsbottom.gif) no-repeat scroll 0 0;
					  height:9px;
					  margin-bottom:3px;
					  width:352px;}
					  
div#flashheader {	float:left;
				margin-right:19px;
				width:35%;}
				
div#header img#logoprint{ visibility:hidden; display:none;}
				
div#homemain {	float:left;
margin-right:19px;
width:70%;}


.logoleft {float:left;}
.logoright {float:right;}

.searchbox {float:right; margin-right:5px;}

div#footer {}
.footertext {color:#a5a6a6; font-size:81%;}

.actionbutton {float:left; margin-top:0px; margin-right:10px; background:#3C3354; padding:2px 9px; border: solid 1px #22232F;}
.actionbutton a {color:#ccc;}
.actionbutton a:hover {color:#fff;}

.gallery {background-color:#e7e2e7; border:1px solid #FFFFFF; float:left; margin:0; padding:10px; text-align:center; vertical-align:middle; width:220px; height:210px;}
.gallery a:hover {color:#000000;}

/*homepage marquee ONLY!*/
#marqueecontainer{
	position: relative;
	height:188px; /*marquee height */
	overflow: hidden;
	background-position:bottom;
	background-repeat:repeat-x;
	margin:0px 0px 2px 0px;
	
}
#vmarquee{
	position: absolute;
	width: 98%;
}

#vmarquee p{
	text-align:left;
	
}

.quotes {width:25px; float:left; margin-left:20px; margin-top:-5px; }

div#social-icons {float:right; margin-right:30px;} 

