/* =================== Import Styles =================== */

@import "resources.css";

@import "activities.css";

@import "knowledge.css";

@import "supporters.css";

@import "about.css";

@import "login.css";

@import "thickbox.css";

/* =================== TAG Definitions =================== */

body {
	font-family:Helvetica, Arial, sans-serif;
	margin:0px;
}

form {
	margin:0px;
}

h1 {
	font-weight:normal;
}

h2 {
	font-size:12px;
}

h3 {
	font-size:11px;
}
.contentImageRight{
	float:right;
	padding:24px 0 8px 8px;
}
/* =================== ID Definitions =================== */

#header {
	height:132px;
	background-image:url(/images/bkg/bkg_banner.gif);
	background-repeat:repeat-x;
}

#logo {
	position:absolute;
	top:12px;
	text-align:left;
	padding-left:5px;
	height:82px;
}

#navcontainer { 
	margin-left: auto; margin-right: auto;
	width: 760px;
}

#navcontainer div {
	font-size:11px;
	color:#333333;
	float:left;
	margin-left: 0;
	margin-right:2px;
	padding-left: 0;
	padding-top:3px;
	margin-top:105px;
	text-align:center;
	font-weight:normal;
}

#navcontainer div.tab1 a, #navcontainer div.tab2 a, #navcontainer div.tab3 a, 
#navcontainer div.tab4 a, #navcontainer div.tab5 a, #navcontainer div.tab6 a, 
#navcontainer div.tabLogin a, div.tab1Active a, div.tab4Active a, 
div.tab2Active a, div.tab3Active a, div.tab5Active a, div.tabLoginActive a, div.tab6Active a   {
	font-size:11px;
	font-family:Helvetica, Arial, sans-serif;
	color:#333;
	text-decoration:none;
	background-image:url(/images/tab/tab_home.gif);
	background-repeat:no-repeat;
	display: block;
	padding: 6px 3px 3px 3px;
	width: 94px;
	height:16px;
	font-weight:normal;
}

#navcontainer div.tab2 a {
	background-image:url(/images/tab/tab_activities.gif);
}

#navcontainer div.tab3 a {
	background-image:url(/images/tab/tab_knowledge.gif);
} 

#navcontainer div.tab4 a {
	background-image:url(/images/tab/tab_resources.gif);
}

#navcontainer div.tab5 a {
	background-image:url(/images/tab/tab_supporters.gif);
} 

#navcontainer div.tab6 a {
	background-image:url(/images/tab/tab_about.gif);
}

#navcontainer div.tabLogin a {
	background-image:url(/images/tab/tab_login.gif);
}

#navcontainer div.tab2Active a {
	background-image:url(/images/tab/tab_activities_f2.gif);
}

#navcontainer div.tab3Active a {
	background-image:url(/images/tab/tab_knowledge_f2.gif);
}

#navcontainer div.tab4Active a {
	background-image:url(/images/tab/tab_resources_f2.gif);
}

#navcontainer div.tab5Active a {
	background-image:url(/images/tab/tab_supporters_f2.gif);
}

#navcontainer div.tab6Active a {
	background-image:url(/images/tab/tab_about_f2.gif);
}

#navcontainer div.tabLoginActive a {
	background-image:url(/images/tab/tab_login_f2.gif);
}

#navcontainer div.tab1Active a {
	background-image:url(/images/tab/tab_home_f2.gif);
}

#navcontainer a:link, #navlist a:visited {
	color: #333;
	text-decoration: none;
}

#navcontainer a:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	font-size:11px;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:normal;
	color: #000;
	text-decoration:underline;
}

#navcontainer div.loginPad {
	float:right;
}

#topRow, #middleRow, #bottomRow {
	width:760px;
	margin-left:auto; margin-right:auto;
	padding:0px;
	}

#middleRow {
	background-image:url(/images/bkg/bkg_middle_row_breakers.gif);
	background-repeat:no-repeat;
}

#footerContainer {
	display:table;
	border-top:solid #FFF 2px;
	clear:both;
	background-color:#FFF;
	padding-top:24px;
	padding-bottom:24px;
	background-image:url(/images/bkg/bkg_footer.gif);
	background-repeat:repeat-x;
	width: 100%;
}


/* =================== CLASS Definitions =================== */

.leftColumn {
	float:left;
	width:180px;
}

.centreColumn {
	border-left:1px solid #D9D9D9; 
	border-right:1px solid #D9D9D9; 
	font-size:11px; color:#666666;
	line-height:1.5em;
	float:left;
	width:373px;
	padding:5px 10px 20px 10px;
}

.centreColumn img {
	float:left;
	margin-right:15px;
	border:1px solid #999;
}

.centreColumnImage {
	/*border-left:1px solid #D9D9D9; border-right:1px solid #D9D9D9; */
	font-size:11px;
	color:#666666;
	line-height:1.5em;
	float:left;
	width:390px;
	padding:0px 2px 20px 3px;
}

.centreColumnImage2 {
	/*border-left:1px solid #D9D9D9; border-right:1px solid #D9D9D9; */
	font-size:11px;
	color:#666666;
	line-height:1.5em;
	float:left;
	width:570px;
	padding:0px 2px 0px 3px;
}

.centreColumnImage a{
	/*border-left:1px solid #D9D9D9; border-right:1px solid #D9D9D9; 
	font-size:11px;
	color:#666666;
	text-decoration:none;*/
}

.centreColumnImage a:hover{
	/*border-left:1px solid #D9D9D9; border-right:1px solid #D9D9D9; 
	font-size:11px;
	color:#666666;
	text-decoration:underline;*/
}

.centreImage {
	padding:0px; margin:0px;
	width:389px
}

.formTextBox{
	font-size:11px;
	width:200px;
}

.formTextArea{
	font-size:11px;
	width:200px;
}

.cmbBox{
	font-size:11px;
	width:205px;
}

.rightColumn {
	float:right;
	width:140px;
	padding:10px 20px 10px 15px;
}
.rightColumn p{
	margin:0;
	padding:7px 0 7px 0;
}

.moduleBreaker{
	background-image:url(/images/bkg/bkg_module_breaker.gif); /* IE6 Fix for dotted lines */
	background-repeat:repeat-x; background-position:bottom;
	padding-bottom:15px; margin-bottom:15px;
}

.moduleNoBreaker {
	padding-bottom:15px; margin-bottom:15px;
}

.topFunctions {
	position:absolute;
	left:48%;
	top:20px; 
	font-size:11px;
	width:450px;
}

.topFunctions a {
	color:#666;
	text-decoration:none;
}

.topFunctions a:hover {
	color:#000;
	text-decoration:underline;
}

.tab1 {
	padding-top:5px;
}

.moduleTitle, .moduleTitleRight {
	text-transform:UPPERCASE;
	font-weight:bold;
	font-size:12px;
	margin:0px;
	padding:0px;
	text-align:left;
}

.moduleTitleRight {
	text-align:right;
}

.pageTitle {
	clear:both;
	font-size:13px;
	color:#333;
	text-transform:uppercase;
	font-weight:bold;
}

.subTitle {
	clear:both;
	font-size:11px;
	color:#333;
	text-transform:uppercase;
	font-weight:bold;
}

.txtRegular {
	color:#666666;
	font-size:11px;
	line-height:1.5em;
}

.setForm {
	margin:5px 0px 0px 0px; padding:0px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
}

.homeTopPic {
	background-image:url(/images/pic/pic_home_1.jpg);
	background-repeat:no-repeat;
	height:190px;
}

.picPanelHome {
	width:250px;
	height:190px;
	background-color:#003366;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	/*background-color: rgba(51, 102, 153, 0.7);*/
}

.picTextPanel {
	position:relative; /* Make text Opaque */
	color:#FFFFFF;
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:0px;
	font-size:11px;
}

.floatRight {
	float:right;
}

.txtRight {
	text-align:right;
}

.horizontalBreaker1 {
	clear:both; margin-top:0px;
	font-size:3px;
	clear:both;
	width:760px;
	height:10px;
	background-image:url(/images/bdr/bdr_horizontal_1.gif);
	background-repeat:no-repeat;
	margin:0px auto;
	border-top:2px solid #FFF;
}

.horizontalBreaker2 {
	clear:both;
	width:760px;
	height:10px;
	background-image:url(/images/bdr/bdr_horizontal_2.gif);
	background-repeat:no-repeat;
	margin:0px auto;
}

.rightColBreaker {
	font-size:1px; /* Crazy IE hack! */ 
	height:1px;
	border-bottom:1px dotted #FFF;
	padding-top:0px; margin-top:0px;
	margin-bottom:10px; padding-bottom:px;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	border-bottom:1px dotted rgba(255, 255, 255, 0.7);
	
	
}

.pic220shadow {
	width:220px;
	margin-left:auto; margin-right:auto;
	margin-top:2px;
	left:-15px;
	top:135px;
	position:relative;
}

.innerContainer {
	margin-left:auto;
	margin-right: auto;
	width: 760px;
}

.subLinks {
	float:left;
	margin-left:10px; /*margin-top:25px;*/
	font-size:11px; color:#666666;
}

.subLinks ul {
	list-style:none;
	margin:0px;
	padding:0px;
}


.subLinks ul li.subFirst {
	background-image:none;
	padding-left:0px;
}

.subLinks ul li {
	display:inline;
	padding-right:20px; padding-left:20px;
	background-image:url(/images/blt/blt_breaker.gif);
	background-repeat:no-repeat;
}

.subLinks ul li a {
	color:#666;
	text-decoration:none;
}

.subLinks ul li a:hover {
	color:#000;
	text-decoration:underline;
}

.ihub {
	float:right;
	margin-top:0px;
}

.titleGeneric {
	color:#012951;
}

.titleSupporters {
	color:#9F3131;
}

.titleKnowledge {
	color:#437491;
}

.titleResources {
	color:#666699;
}

.subBreaker {
	margin:0px 10px 3px 10px;
}

ul.bltSupporters, ul.bltKnowledge, ul.bltMoreSupporters, ul.bltMoreKnowledge, ul.bltResources, ul.bltMoreResources, ul.bltActivities, ul.bltMoreActivities  {
	margin:0px; padding:0px;
	list-style:none;
	
}

.bltSupporters li {
	margin-top:5px; padding-left:15px;
	background-image:url(/images/blt/blt_red_1.gif);
	background-repeat:no-repeat;
}

.bltSupporters li a, .bltMoreSupporters li a, .bltKnowledge li a, .bltMoreKnowledge li a, .bltResources li a, .bltMoreResources li a, .bltActivities li a, .bltMoreActivities li a {

	font-size:11px;
	color:#666;
	text-decoration:none;
}

.bltSupporters li a:hover, .bltMoreSupporters li a:hover, .bltKnowledge li a:hover, .bltMoreKnowledge li a:hover, .bltResources li a:hover, .bltMoreResources li a:hover, .bltActivities li a:hover, .bltMoreActivities li a:hover {
	font-size:11px;
	color:#333;
	text-decoration:underline;
}

.bltMoreSupporters li {
	text-transform:uppercase; font-weight:bold;
	margin-top:15px; padding-left:15px;
	background-image:url(/images/blt/blt_red_more_1.gif);
	background-repeat:no-repeat;
}

.bltKnowledge li {
	margin-top:5px; padding-left:15px;
	background-image:url(/images/blt/blt_blu_1.gif);
	background-repeat:no-repeat;
}

.bltMoreKnowledge li {
	text-transform:uppercase; font-weight:bold;
	margin-top:15px; padding-left:15px;
	background-image:url(/images/blt/blt_blu_more_1.gif);
	background-repeat:no-repeat;
}

.topSearch {
	width:130px;
	height:15px;
	font-size:11px;
	margin-right:10px;
	border:1px solid #999999;
}

.topSearch:focus {
	border:1px solid #333;
}

/* ------ Arrow classes ------ */

ul.arrowHome, ul.arrowAbout, ul.arrowActivities, ul.arrowKnowledge, ul.arrowResources, ul.arrowSupporters, ul.dashActivities, ul.squareActivities, ul.dashAbout, ul.dashKnowledge {
	padding:16px 0 16px 0;
	margin:0;
	list-style:none;
}
ul.arrowHome li, ul.arrowAbout li, ul.arrowActivities li, ul.arrowKnowledge li, ul.arrowResources li, ul.arrowSupporters li, ul.dashActivities li, ul.squareActivities li, ul.dashAbout li, ul.dashKnowledge li{
	padding:1px 6px 1px 16px;
	background-repeat:no-repeat;
}

ul.arrowHome li{
	background-image:url(/images/arw/arw_home.gif);
}
ul.arrowAbout li{
	background-image:url(/images/arw/arw_about.gif);
}
ul.arrowActivities li{
	background-image:url(/images/arw/arw_activities.gif);
}
ul.arrowKnowledge li{
	background-image:url(/images/arw/arw_knowledge.gif);
}
ul.arrowResources li{
	background-image:url(/images/arw/arw_resources.gif);
}
ul.arrowSupporters li{
	background-image:url(/images/arw/arw_supporters.gif);
}
ul.dashActivities li{
	background-image:url(/images/arw/dash_activities.gif);
}
ul.squareActivities li{
	background-image:url(/images/arw/square_activities.gif);
}
ul.dashAbout li{
	background-image:url(/images/arw/dash_about.gif);
}
ul.dashKnowledge li{
	background-image:url(/images/arw/dash_knowledge.gif);
}

.siteMapLinks li a {
	color:#333333;
	font-weight:normal;
	text-decoration:none;
}

.siteMapLinks li a:hover {
	color:#333333;
	font-weight:normal;
	text-decoration:underline;
}


.rightColResources, .rightColAbout, .rightColActivities, .rightColKnowledge, .rightColSupporters, .rightColLogin {
	line-height:1.25em;
	background-image:url(/images/blt/blt_right_white_arrow.gif);
	background-repeat:no-repeat;
	background-position:top right;
	margin-bottom:10px;
	margin-top:10px;
	padding-right:15px;
}

.rightColAbout {
	background-image:url(/images/blt/blt_right_about_arrow.gif);
}

.rightColActivities {
	background-image:url(/images/blt/blt_right_activities_arrow.gif);
}

.rightColKnowledge {
	background-image:url(/images/blt/blt_right_knowledge_arrow.gif);
}

.rightColSupporters {
	background-image:url(/images/blt/blt_right_supporters_arrow.gif);
}

.rightColLogin {
	background-image:url(/images/blt/blt_right_about_arrow.gif);
}


/* =================== MODULES =================== */

#topHomeLeft {
	float:left;
	width:220px; height:160px;
	margin-top:10px; margin-right:2px;
	padding:15px;
	background-color:#EBEFF5;
}

#topHomeRight {
	float:left;
	width:500px; height:190px;
	margin-top:10px;
}

#middleHomeLeft, #middleHomeMiddle, #middleHomeRight  {
	float:left;
	padding:15px;
	margin-right:0px;
	width:219px; height:160px;
	margin-top:-5px;
}

#bottomLeft {
	float:left;
	width:220px;
	padding:15px;
	position:relative;
	left:20px;
	top:10px;
}

#bottomRight {
	float:right;
	width:480px;
	height:160px;
	padding:15px;
}

#pscroller1{
	width: 207px;
	height: 145px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:0px;
	padding-top:5px;
	margin-top:0px;
	color:#FFFFFF;
	font-size:11px;
	line-height:1.25em;
}

#pscroller1 a{
	text-decoration: underline;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}

#pscroller1 a:hover{
	text-decoration: none;
	color:#FFFFFF;
	font-size:12px;
}

.txtBox{
	width:250px;
	font-size:11px;
	font-family:Helvetica, Arial, sans-serif;
	
}

.txtArea{
	font-size:11px;
	font-family:Helvetica, Arial, sans-serif;
	border:#D2D2D2 solid 1px;
	width:250px;
}

.content{
	margin-top:-15px;
}

.content a {
	font-weight:bold;
	color:#6A6A6A;
	text-decoration:none;
}

.content a:hover {
	color:#6A6A6A;
	text-decoration:underline;
}

#contentContainer{
	clear:both; display:table;
	width:760px;
	background-image:url(/images/bkg/bkg_blank.gif);
	background-repeat:no-repeat;
	margin-left:auto; 
	margin-right:auto; 
	margin-bottom:10px;
	padding:0px;
}

#containerBack {
	clear:both;
	display:table;
	width:760px; 
	margin-left:auto;
	margin-right:auto;
	background-image:url(/images/bkg/bkg_blank_y.gif); 
	background-repeat:repeat-y;
	margin-top:10px; 
	margin-bottom:10px;
}


.pic1 {
	height:15px; width:568px;
	position:relative;
	margin-left:-10px;
	margin-bottom:-5px;
	padding-left:10px;
	padding-bottom:10px;
	margin-right:-20px;
	padding-top:60px;
	background-color:#FFFFFF;
	background-image:url(/images/bkg/bkg_login_pic_1.jpg);
	background-repeat:no-repeat;
	font-size:1.1em;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:uppercase;
}

.pic2 {
	height:15px; width:568px;
	position:relative;
	margin-left:-10px;
	margin-bottom:-5px;
	padding-left:10px;
	padding-bottom:10px;
	margin-right:-20px;
	padding-top:60px;
	background-color:#FFFFFF;
	background-image:url(/images/bkg/bkg_login_pic_2.jpg);
	background-repeat:no-repeat;
	font-size:1.1em;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:uppercase;
}

.pic3 {
	height:15px; width:568px;
	position:relative;
	margin-left:-10px;
	margin-bottom:-5px;
	padding-left:10px;
	padding-bottom:10px;
	margin-right:-20px;
	padding-top:60px;
	background-color:#FFFFFF;
	background-image:url(/images/bkg/bkg_login_pic_3.jpg);
	background-repeat:no-repeat;
	font-size:1.1em;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:uppercase;
}

.leftContentColumn{
	float:left;
	width:360px;
	margin-right:10px;
	margin-top:10px;
	/*border:1px solid #000000;*/
}

.rightContentColumn{
	padding:0;
	margin:0;
	margin-top:2px;
	float:right;
	width:170px;
	margin-left:10px;
	padding-top:10px;
	color:#666666;
}
html>body .rightContentColumn{
	padding-top:18px;
} 

.emailIcon{
	background-image:url(/images/ico/ico_email.jpg);
	background-repeat:no-repeat;
	background-position:left;
	padding-top:12px;
	float:left;
	width:15px;
}

.emailLink{
	padding-top:5px;
	float:right;
	width:100px;
}
.contactField{
	border:#D2D2D2 solid 1px;
	width:250px;
}

.registerTable select {
	border:1px solid #FF0000;
}

.linkRow{
	padding-bottom:7px;
}