/* .......... Table of content ......... */



/* .......... STRUCTURE elements ......... */
/* .......... STRUCTURE elements ......... */
/* .......... STRUCTURE elements ......... */

body{
	padding-top: 1em;
	background: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #222222;;
	margin: 0;
	font-size:  .95em; 
	margin-top: -20px;
	
}

img {
	 border: 0px;
}

form {
	margin: 0px;
	padding: 0px;
}

#wrap {
	width: 680px;
	background-color: White;
	margin:0px auto;
	padding-left: 15px;
   padding-right: 10px;
  padding-left: 0px\9;
   padding-right: 0px\9;
  
}


#content {
	clear: both;
	float: right;
	width: 770px;
	padding: 0;
	background: #FFFFFF;
}

#sidebar {
	clear: both;
	float: left;
	width: 210px;
	padding: 0;
	background: #CCFFFF;
}

#footer {
	/*clear: both;
	background: #233238 url(../images/backgroundfooter.jpg) top repeat-x;
	width: 100%;
	height: 400px;*/
	display: none;
}



/* Search Header elements - style */
/* Search Header elements - style */

#logo {
	width: 240px;
	float: left;
	background: #FFFFFF;
}

#searchbar {
	width: 300px;
	float: left;
	background: #FFFFFF;
	padding: 1em 1em;
}

#searchbar input.styled {
	width:180px;
	border-top:1px solid #C9CBCC;
	margin-right:5px;
	padding-left:20px;
	background:url('../images/seach-icon.gif') top left no-repeat;
}

input.button {
	cursor:pointer;
	outline:none;
	background:url('../images/blue-btn.gif') top left no-repeat;
	border:none;
	width:80px;
	font-size:10px;
	color:#FFFFFF;
	line-height:12px;
	padding:2px 5px 4px 0;
	text-transform:uppercase;
}

input.button.go {
	cursor:pointer;
	outline:none;
	background:url('../images/go-btn.jpg') top left no-repeat;
	border:none;
	width:30px;
	color:#FFFFFF;
	padding:1px 5px 4px 0;
}  

select.styled {
  border:1px solid #dddddd;
  padding:0;
  width:250px;
}


/* Graphic bar - home page - style */
/* Graphic bar - home page - style */



#graphzone {
	width: 979px;
	background-color: #d0d7dd;
	border-top: 10px solid white;
	clear: both;
	padding: 10px 0;
	height: 290px;
	margin: 0;
}

#aboutec {
/*	clear: both;*/
	float: left;
	width: 210px;
	height: 270px;
	padding: 10px;
	margin: 0 0 0 10px;
	background: url(../images/aboutecback.jpg) top center no-repeat;
	display: inline; /* fixes IE/Win double margin bug */
	background-color: #233239;
	
}

.aboutecsmall {
	font-size: 0.8em;
	color: white;
}

.aboutec li {
	font-size: 0.8em;
	list-style-image: url(../images/arrow-footer.gif);
	margin-left: -20px;
	
}

.aboutec a {
	text-decoration; none;
	color: white;
}

.aboutec a:hover {
	text-decoration; underline;
	color: white;
}

/* start of banner switch on main page */
#banner {
float:left;
margin: 0 1px 0 0px;
}
#banner ul, #banner li {
padding: 0px;
margin: 0px;
list-style:none;
}
#banner ul {
position:relative;
width:710px;
margin:auto; 
background: #ffffff url(../images/becomeCandidate.jpg) no-repeat;
border:10px solid #fff; 
height:270px;
}
#banner li {
margin:0px 0px 0px 480px; 
padding-top: 5px; 
float:right; 
width:220px;
height:83px;
border-bottom:1px solid #000;
background-position:center center;
background-repeat:no-repeat; 
} 

#banner li.last {
border-bottom:0px solid #000;
}

#banner a {
display:block;
height:83px;
}
#banner a img {
position:absolute;
/*top:90px; */
left:0px;
width:1px;
border:0;
}
#banner a:hover {
display:block;
height:82px; /* must have for IE6 and cannot be >= a.height */
text-decoration: none;
}
#banner a:hover img {
width:480px;
top: 0px; 
}
#banner a:active img,
#banner a:focus img {
z-index:1;
width:480px;
}
/* end of banner switch on main page */

#impact-right {
	width:210px;/*240px*/
	height:250px;/*310px*/
	padding:0px 0px 30px 0px;
	float: left;
	margin: 0 0 0 10px;
	
}

.title {
	color:#8B2841;
	font-size:.8em;
	background: url('../images/arrow.gif') no-repeat 0px 5px;
	padding:0px 0 0px 10px;
	text-decoration:none;
	display:block;
	font-weight:bold;
}

a:hover.title  {
	color:#333333;
	text-decoration:underline;
}

.text {
	color:#666666;
	font-size:0.7em;
	padding:5px 0 3px 10px;
	display:block;
}

.morelink {
	display:block;
	background:url('../images/more-link.gif') 10px 3px no-repeat;
	padding:0 0 0px 25px;
	color:#8B2942;
	text-decoration:none;
	font-size: 0.75em;
/*	border-bottom: 1px solid #233239;*/
	float: right;
	
}
a:hover.morelink {
	color:#333333;
	text-decoration: underline;
}

#columntop {
	background: url(../images/columnhome.jpg) top center no-repeat;
	height: 47px;
	width: 980px;
}

/* BEGIN - three columns in the middle home page */
/* BEGIN - three columns in the middle home page */


#col1 {
	float: left;
	width: 313px;
	padding: 0 6px 0 6px;
	background-color: #f5f6f8;
	height: 300px;
	border-bottom: 1px solid #E2E5E7;
	border-left: 1px solid #E2E5E7;
	
}

#col2 {
	float: left;
	width: 314px;
	padding: 0 6px 0 6px;
	background-color: #ECECF0;
	background: #d3d3d4 url(../images/backcol2.jpg) top repeat-x;
	height: 300px;
	border-right: 1px solid #E2E5E7;
	border-left: 1px solid #E2E5E7;
	border-bottom: 1px solid #E2E5E7;
	
	
}

#col3 {
	float: left;
	width: 313px;
	padding: 0 6px 0 6px;
	background-color: #f5f6f8;
	height: 300px;
	border-bottom: 1px solid #E2E5E7;
	border-right: 1px solid #E2E5E7;
	
}

h2.whatsnew {
	padding: 0 0 0 40px;
	font-size: 1.2em;
	line-height: 2em;
	color: #333333;
	margin: 0;
	background: url(../images/whatsnew.jpg) top left no-repeat;
}

.date {
	font-size: 0.7em;
	margin: 0;
	padding: 10px 0 0 0;
}

.titlenew a {
	color:#8B2841;
	font-size:13px;
	background:url('../images/arrow.gif') 0px 4px no-repeat;
	padding:5px 0 5px 10px;
	text-decoration:none;
	display:block;
	font-weight:bold;
}
.titlenew a:hover {
	color:#333333;
	text-decoration:underline;
}

h2.vis {
	padding: 0 0 10px 40px;
	font-size: 1.2em;
	line-height: 1.2em;
	color: #333333;
	margin: 0;
	background: url(../images/vis.jpg) top left no-repeat;
}



h2.find {
	padding: 10px 0 0 0px;
	font-size: 1em;
	line-height: 1em;
	font-weight: 400;
	color: #333333;
	margin: 0;
	
}

#col2 p {
	font-size: 0.9em;
}

.box {
	background: #FFFFFF url(../images/backpc.jpg) bottom center no-repeat;
	width: 220px;
	margin: 0 auto;
	padding: 20px 10px 0px 20px;
	height: 60px;
	border: 1px solid #AEAEAE;
	
}

.box p {
	margin: 0;
	padding: 0;	
}

.box2 {
	/*background: #F3F3F3;*/
	background: #FFFFFF url(../images/backpc.jpg) bottom center no-repeat;
	width: 260px;
	margin: 0 auto;
	padding: 5px;
	border: 1px solid #AEAEAE;
}

.box2title {
	padding:10px 0px 10px 30px;
	background: url(../images/iam.gif) top left no-repeat;
}

.box2popular {
	padding:10px 0 10px 30px;
	background: url(../images/popular.gif) top left no-repeat;
}

/* END - three columns section on home page */

/* Begin - buttons/icons section on home page */

#icons {
	clear: both;
	background:#EFEFEF;
	height: 160px;
	width: 980px;
	border-top: 1px solid #E2E2E2;
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #AAAAAA;
	/*margin: 330px 0 0 0;*/
	margin: 10px 0 0 0;
	
}
 .iconspacer {
 	width: 100px;
	padding: 5px;
	margin: 5px 4px 5px 4px;
	float: left;
	
 }


.iconwrap {
	width: 224px;
	padding: 5px;
	margin: 5px 4px 5px 4px;
	float: left;
	display: inline; /*fixes IE/Win double margin bug */
}

a.moreicon {
	display:block;
	background:url('../images/more-link.gif') 10px 2px no-repeat;
	padding:0 0 10px 25px;
	color:#8B2942;
	text-decoration:none;
	font-size: 0.75em;
	width: 100px;
	margin-left: 130px;
	display: inline; /*fixes IE/Win double margin bug */
}

a:hover.moreicon {
	color:#333333;
	text-decoration:underline;
}

/* Footer styles */

#footerwrap1 {
	width: 980px;
	margin:0 auto;
	padding: 0;
}

.socialwrap {
	float: left;
	width: 260px;
	margin: 0 0 0 20px;
	padding: 10px 10px 10px 10px;
	background: #E3E3E3;
	height: 60px;
	border: 1px solid #C7C7C7;
	font-size: 0.8em;
	line-height: 2em;
	display: inline; /*fixes IE/Win double margin bug */
}

input.button {
	cursor:pointer;
	outline:none;
	background:url('../images/blue-btn.gif') top left no-repeat;
	border:none;
	width:70px;
	font-size:10px;
	color:#FFFFFF;
	line-height:12px;
	padding:2px 5px 4px 0;
	text-transform:uppercase;
}

.share1,
.share2,
.share3 {
	color:#666666;
	font-size:12px;
	background:url('../images/share1.jpg') top left no-repeat;
	padding:0 10px 0 20px;
	text-decoration:none;
}
.share2 {
	background:url('../images/share2.jpg') top left no-repeat;
}
.share3 {
	background:url('../images/share3.jpg') top left no-repeat;
}

.contact {
	background:url('../images/mail-icon.jpg') top left no-repeat;
	padding:4px 0 10px 40px;
}

#footerwrap2 {
	clear: both;
	width: 980px;
	margin: 0 auto;
	padding: 20px 0;
	font-size: 0.85em;
}

.footercol {
	float: left;
	width: 120px;
	margin: 0 0 0 10px;
	padding: 3px;
	font-size: 0.85em;
	line-height: 2em;
	color: white;
}

.large {
	width: 150px;
}

.larger {
	width: 180px;
}

.separator {
	
	border-left: 1px solid white;
	padding-left: 10px;
}

.notop {
	margin-top: -10px;
}

.footercol li {
	list-style-image: url(../images/arrow-footer.gif);
	margin-left: -20px;
}

.footercol a {
	text-decoration: none;
	color: white;
}

.footercol a:hover {
	text-decoration: underline;
	color: white;
}

#footerwrap3 {
	clear: both;
	width: 980px;
	margin: 0 auto;
	padding: 10px 0;
	border-top: 1px solid white;
	font-size: 0.9em;
	color: white;
}

#footerwrap3 a {
	color: white;
	text-decoration: none;
}

#footerwrap3 a:hover {
	color: white;
	text-decoration: underline;
}

#footerwrap3 .column1 {
	float: left;
	width: 40%;
}

#footerwrap3 .column2 {
	float: right;
	width: 50%;
	text-align: right;
}







/* LEFT NAVIGATION BAR - CONTENT - STYLES */
/* LEFT NAVIGATION BAR - CONTENT - STYLES */

#rootname{
	font-size:1em;
	line-height: 1.5em;
	color:#ffffff;
	padding:9px 0px 0px 15px;
	background: url('../images/nav-bg-top2.jpg') top left no-repeat;
	min-height:31px;
	height:auto !important;
	height:31px;
	margin: 0;
	width: 175px;
}
#rootname a{
    color:White;
}

#rootname-bg{
	background: url('../images/nav-bg-top-y.jpg') top left repeat-y;
	width: 175px;
	overflow: hidden;
}

#navbox {
	/*width: 174px;
	float: left;
	padding: 5px 0 0 0;
	margin: 0px 0px 10px 0px;*/
	display: none;
}

/* LEFT NAVIGATION BAR - CONTENT - STYLES ---NEW--- */
/* LEFT NAVIGATION BAR - CONTENT - STYLES ---NEW--- */

div.leftnav {
	/*font-size:1em;
	line-height: 1.2em;
	float:left;
	padding-right: 10px;*/
	display: none;
}
div.leftnav h2{
	background-color: #333;
	color: #666666;
	border-bottom: 1px solid #fff;
	padding: 0px 0px 0px 0px;
	text-align: center;
	margin: 0px;
	width: auto;
	overflow: hidden;
}

div.leftnav h2 a, div.leftnav h2 a:hover {
	color: #666666;
	text-decoration: none;
	border: none;
	background-image:url('../images/nav-bg-current.jpg') top left no-repeat;	

}

div.leftnav a{
	display: block;
	width: auto;
	padding: 2px 2px 2px 2px;
	margin: 0px;
	text-decoration: none;
}
div.leftnav a:hover {
	color: white;
	background:url('../images/nav-bg-current.jpg') top left no-repeat;
	text-decoration: none;
}

div.leftnav .currentleftnav {
	clear: both;
	color: white;
	font-weight: bold;
	background:url('../images/nav-bg-current.jpg') top left no-repeat;
}
div.leftnav ul, div.leftnav ul.menugroup {
	margin: 0px;
	padding: 0px;
	list-style: none;
	color: #666666;
	font-size: 0.8em;
	display: block;
	width: 174px; /* seems to control the bg colour width */
}
ul.menugroup_hide, ul.menugroup_hide li {
	display: none;
}
div.leftnav ul, div.leftnav ul.menugroup li.current-active
{
    color: white;
	background: black;
}
div.leftnav ul, div.leftnav ul.menugroup li a.current-active
{
    color: white;
	background: black;
}

div.leftnav li {
	margin: 0px;
	padding: 0px;
}

/* level 1 and all levels */
div.leftnav ul li{
	background: #fafafa;
}
div.leftnav ul li {
	background: #fafafa;
}
div.leftnav ul li.menugroup_hide {
	background: #fafafa;
}
div.leftnav ul li.menugroup {
	background: #fafafa;
}
div.leftnav ul li a {
	width: 161px; /* controls first level width */
	margin: 0px;
	padding: 4px 0px 4px 12px;
	color: #666666;
	border-left: 1px solid #B0B0B0;
	border-right: 1px solid #B0B0B0;
	border-bottom: 1px solid #B0B0B0;
}
div.leftnav ul li a.extlink_lhn {
	width: 162px;
	margin: 0px;
	padding: 4px 18px 4px 12px;
}

div.leftnav ul li a:hover { color: white; }

/* level 2 */
div.leftnav ul ul li {
	background: #cccccc;
}
div.leftnav ul ul li {
	background: #cccccc;
}
div.leftnav ul ul li.menugroup_hide {
	background: #cccccc;
}
div.leftnav ul ul li.menugroup {
	background: #cccccc;
}
div.leftnav ul ul.menugroup li a {
	color: #666666;
	width: 153px; /* controls second level width */
	margin: 0px;
	padding: 4px 0px 4px 20px;
	border-bottom: 1px solid #999999;
}

div.leftnav ul ul.menugroup li.activate a {
	color: #666666;
	width: 153px;  controls second level width 
	margin: 0px;
	padding: 4px 0px 4px 20px;
	border-bottom: 1px solid #999999;
	background: url(../images/arrow_submenu.jpg) top left no-repeat;
}
div.leftnav ul ul.menugroup li a.extlink_lhn {
	width: 162px;
	margin: 0px;
	padding: 4px 18px 4px 20px;
}
/* level 3 */
div.leftnav ul ul ul li {
	background: #fafafa;
}
div.leftnav ul ul ul li {
	background: #ffcc66;
}
div.leftnav ul ul ul li.menugroup_hide {
	background: #ffcc66;
}
div.leftnav ul ul ul li.menugroup {
	background: #ffcc66;
}
div.leftnav ul ul ul.menugroup li a {
	color: #333;
	width: 145px; /* controls third level width */
	margin: 0px;
	padding: 4px 0px 4px 28px;
	border-bottom: 1px solid #999999;
	font-size: 1.2em;
}

div.leftnav ul ul ul li.menugroup_hide a { }

div.leftnav ul ul ul li.menugroup a { }

div.leftnav ul ul li a.extlink_lhn {
	width: 104px;
	margin: 0px;
	padding: 4px 18px 4px 28px;
}

div.leftnav ul ul li a:hover { color: white; }

div.leftnav ul ul ul li a:hover { color: white; }

/*#vr.menugroup  { 
	background-color: #cccc99; 
	background-color: #8b2942; 
	color: white; 
	font-weight:bold;
	color: white !important;
	background:url('../images/nav-bg-current.jpg') top left no-repeat;
}*/

 
#vr.menugroup { background-color: #000000; font-weight: bold; }
 
#vr.menugroup a { color: White; }
 
#vr.menugroup li a { color: #666666; }



/* ------------------------------END NEW LEFT NAV STYLE ------------------------------ */
/* ------------------------------END NEW LEFT NAV STYLE ------------------------------ */



/* CONTENT AREA - LEVEL 1 - CONTENT - STYLES */
/* CONTENT AREA - LEVEL 1 - CONTENT - STYLES */

#content-content{
	width:680px;
	float:left;
	color:#222222;
	padding:5px 0px 0px 12px;
	background: none;
	font-size: .9em; 
	margin: 0;
}
#content-content{
	width:670px\9;
	padding:5px\9 0px\9 0px\9 5px\9; /*5px 0px 0px 0px;*/
	
}
#content-content a, #content-main a {
	text-decoration: underline;
}

#content-content h1{
	background: url('../images/content-h1.jpg') bottom left no-repeat;
	padding:15px 10px 20px 0px;
	font-size:1.4em;
	color:#333333;
}


#content-content ul li{
	/*background: url('../images/grey-arrow.gif') 0px 5px no-repeat;*/
	padding:0px 0px 5px 8px;
	margin:0px;	
}

#content-content ul ul{
	margin:10px 0px 10px 0px;	
}

#content-content ul ul li{
	background: url('../images/bullet.gif') 0px 5px no-repeat;
	margin:0px 0px 0px 30px;	
}

#content-content .blank{
	background:none;	
}




/* BREADCRUMB STYLES */
/* BREADCRUMB STYLES */
/* BREADCRUMB STYLES */


#breadcrumbs {
	background: #a7afb2 url('../images/breadcrumbs-bg.jpg') top left no-repeat;
	padding: 13px 0px 8px 30px;
	margin:0;
	
	color:#FFFFFF;
}

#breadcrumbs a{
	color:#000000;
	padding:0px 10px 0px 0px;
	background: url('../images/dark-arrow.gif') center right no-repeat;
}

#breadcrumbs a:hover{
	color:#ffffff;	
}

/* THIRD COLUMN - RELATED INFO - LEVEL 1*/
/* THIRD COLUMN - RELATED INFO - LEVEL 1*/

#content-right {
	/*width:170px;325px
	padding:5px 0px 0 10px;
	background: url('../images/rightcol-bg-y.jpg') 0px 20px repeat-y;
	margin-left: 5px;
	float: right;*/
	display: none;
}

#content-right .heading {
	padding:0 5px 40px 10px;
	margin:0;
	font-size:15px;
	color:#2B3E45;
}
#content-right .heading span {
	display:block;
	font-size:18px;
	color:#591110;
}
#content-right .title {
	font-size:13px;
	color:#8B2942;
	padding:0 0 10px 38px;
}
#content-right .help{
	height:100px;
	padding:0 0 0 40px;
}

#cr-bottom{
	background: url('../images/rightcol-bg-bottom.jpg')	bottom left no-repeat;
	height:5px;
}

#cr-content .title{
	display:block;
	font-size:13px;
	padding:0px 0px 10px 0px;
	font-weight:bold;
	color:#333333;
}

#cr-content {
	border: 1px solid #C4C4C4;
	border-bottom-left-radius: 8px; /* for rounded corners in Mozilla */
	border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	
}

#cr-title{
	background:	url('../images/rightcol-bg-top.jpg') top left no-repeat;
	padding:11px 0px 10px 15px;
	font-size:1em;
	color:#ffffff;
	margin-right: 0;
}

#cr-content ul{
	padding:10px 0 0 5px;	
	font-size: 0.8em;
	
}

#cr-content ul li{
	background: url('../images/arrow.gif') 0px 5px no-repeat;
	padding:0px 15px 8px 12px;
	margin:0px;
}

#cr-content ul li a {
	text-decoration: none;
}

#cr-content ul li a:hover {
	text-decoration: underline;
}






/* COMMON STYLES */
/* COMMON STYLES */
/* COMMON STYLES */

/* no margin no padding for elements that need to be contained for w3c validation */
.nopadnomarg { margin: 0px; padding: 0px; }

 
a {
	color:#8B2841;
	text-decoration: none;
}

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

a img {
	border:none;
}


a:selected {
text-decoration: none;
}

a.arrow {
	display:block;
	background:url('../images/dark-arrow.gif') 0px 4px no-repeat;
	padding-left:10px;
	color:#8B2942;
	text-decoration:none;
} 

a:hover.arrow {
	display:block;
	background:url('../images/dark-arrow.gif') 0px 4px no-repeat;
	padding-left:10px;
	color:#333333;
	text-decoration:underline;
} 

h1{
	font-size:1.4em;
	color:#333333;
}

h2 {
	font-size: 1.2em;
	color: #333333;
}

h3 {
	font-size: 1.2em;
	color: #333333;
}

h4 {
	font-size: 1em;
	color: #333333;
}

h5 {
	font-size: 0.9em;
	color: #333333;
}

.strongred {
	font-size: 1.3em;
	color: #8B2841;
	margin: 0;
}

.right {
	text-align: right;
}

.smallgreytext {
	
	font-size: 0.75em;
	color: #E0E0E0;
	
}

.small {
	font-size: 0.75em;
}

.resetlist, .resetlist ul, .resetlist li {
	padding:0;
	margin:0;
	background:none;
	list-style:none;
}

.italic {
	font-style: italic;
}

.bold {
	font-weight: bold;
}

.rss {
	margin: 0 0 10px 10px;
	float: right;
	color: #FF6600;
	font-size: 0.85em;
}

#content-content .rss a, #content-main .rss a  {
	text-decoration: none;
}

#content-content .rss a:hover, #content-main .rss a.hover  {
	text-decoration: underline;
}

/* 1......... Header structure ......... */
/* 1......... Header structure ......... */
/* 1......... Header structure ......... */

#header {
	margin: 0;
	padding: 15px 0 0 0;
	background: #FFFFFF url('../images/headerback.jpg') top right no-repeat;
	width: 700px;
}


#headercol1 {
	float: left;
	width: 25%;
	padding: 0 1px 0 1px;
	color: black; 
	background-color: #ffffff;
}

#headercol2 {
	/*float: left;
	width: 30%;
	padding: 0 1px 0 1px;
	color: black;
	background-color: #ffffff;*/
	display: none;
}

#headercol3 {
	/*float: right;
	width: 30%;	
	padding: 0 1px 0 1px;
	color: black;*/
	display: none;
}

/* =================================================================== */

/* 2......... TOP Menu Style ......... */
/* 2......... TOP Menu Style ......... */
/* 2......... TOP Menu Style ......... */

#menubar {
	width: 500px;
	float: right;
	
	padding: 5px 0 0 0;
	text-align: right;
}

#navlist li
{
display: inline;
list-style-type: none;
padding: 0em 0.3em;
font-size: 0.75em;
color: #1F2C33;
border-right: 1px solid #1F2C33;
}

#navlist li a {
	text-decoration: none;
	color: #1F2C33;
}

#navlist li a:hover {
	text-decoration: underline;
	color: #660000;
}

#navlist li.last {
	border: 0px solid white;
}

/* 2......... Main Menu Style ......... */
/* 2......... Main Menu Style ......... */
/* 2......... Main Menu Style ......... */


#menualign {
	width: 100%;
	text-align:center;
	margin:auto;
	background-color:#ffffff;
}

#mainmenu
{
/*padding:0;
margin:0;
color:#fff;
font-family: arial, helvetica, sans-serif;
white-space:nowrap;
font-size: 0.8em;
font-weight: bold;
text-align:left;*/
display: none;
}


#mainmenu li {display:inline;}

#mainmenu li a
{
padding: 0.6em 0.3em;
background-color: #232323;
color:#ffffff;
text-decoration:none;
float:left;
border:1px solid #ffffff;
width: 130px;
height: 70px;
}


#mainmenu li a .small  
{
padding: 5px 0 0 0;
color:#EDEDED;
text-decoration:none;
float:left;
width: 130px;
font-size: 0.75em;

}

#mainmenu li a:hover
{
background:#8b2942;
color:#fff;
width: 130px;

}

#mainmenu li a:hover .small  
{
background:#8b2942;
color:#EDEDED;
width: 130px;
cursor: pointer;
}

#mainmenu .current a 
{
background:#8b2942;
color:#fff;
width: 130px;
}

#mainmenu li a .smallcurrent  
{
padding: 5px 0 0 0;
background-color: #8b2942;
color:#EDEDED;
text-decoration:none;
float:left;
width: 130px;
font-size: 0.75em;
}

#mainmenu li.last a
{
padding: 0.6em 0.3em;
background-color: #232323;
color:#ffffff;
text-decoration:none;
float:left;
border:1px solid #ffffff;
height: 70px;
}

#mainmenu li.last a:hover
{
background:#8b2942;
color:#fff;
}

#navlist .current a 
{
background:white;
color:black;
text-decoration: underline;
font-weight: bold;
}

/* ......... 3rl Level Styles - Content ......... */
/* ......... 3rl Level Styles - Content ......... */
/* ......... 3rl Level Styles - Content ......... */

#content-main{
	/*float:left;*/
	width:650px !important; /*to fix IE6 printing issue*/
	/*font-size: 0.9em;*/
	padding: 5px 0 20px 10px;
	
}

#content-main h1{
	background: url('../images/content-h1.gif') bottom left no-repeat;
	padding:6px 10px 20px 0px;
	font-size:1.4em;
	/*color:#333333;*/
}

#content-main p {
	line-height: 1.3em;
}

#content-main ul li {
	line-height: 1.3em;
}


/* Styles for Canadian Forces Electors */

#impact-2col {
	background:url('../images/twocolheader.jpg') top left no-repeat;
	height:150px;
}

#on-this-page{
	background: url('../images/on-this-page.jpg') top left no-repeat;
	width:142px;
	height:32px;
	padding-right:20px;
	float: left;
	font-size: 0.8em;
	
}

#quicklinks{
	margin:0px 0px 20px 0px;	
	float: left;
	font-size: 0.75em;
	
}

.forces  {
	background: url('../images/title-2ndlevel.jpg') top left no-repeat;
	padding:3px 10px 20px 40px;
	margin:20px 60px 0px 0px;
	font-size: 1.2em;
	clear: both;
}

#quicklinks ul{
	/*padding-right:10px;	*/
	display: inline;
	float: left;
	list-style-type: none;
	margin: 0;
}

#quicklinks ul li{
  	background: url('../images/red-arrow.gif') 0px 5px no-repeat;
	margin: 0 0 3px 0;
	padding: 0;
}

#quicklinks ul li a{
  	margin-left: 10px;
	padding: 5px;
}

/* END - Styles for Canadian Forces Electors */

.clearall{
	clear: both;
}



/* BEGIN - Styles for email forms */
.textfield {
float: right;
width:208px;
margin-right: 350px;/*200px;*/

}

label { 
float: left;
font-weight: normal;
margin-left: 20px;
}
.textarea {
float: right;
margin-right: 166px;/*16px;*/
}

.buttonsSpace {
 
  margin-right : 3px;
}


fieldset.style {
	border: 1px solid black;
	background: #FFFFFF url('../images/backemail.jpg') top repeat-x;
	padding: 10px;
}



/* END - Styles for email forms */

/* GENERIC ALIGN CSS */
.alignRight {
	text-align: right;
}
.alignCenter {
	text-align: center;
}
.alignLeft {
	text-align: left;
}
.alignTop {
	vertical-align: top;
}

.alignMiddle {
	vertical-align: middle;
}

.alignBottom {
	vertical-align: bottom;
}
.alignTopRight {
	text-align: right;
	vertical-align: top;
}
.alignTopCenter {
	text-align: center;
	vertical-align: top;
}
.alignTopLeft {
	text-align: left;
	vertical-align: top;
}
.alignBottomRight {
	text-align: right;
	vertical-align: bottom;
}
.alignBottomCenter {
	text-align: center;
	vertical-align: bottom;
}
.alignBottomLeft {
	text-align: left;
	vertical-align: bottom;
}
.image-left { 
	float: left;
	vertical-align: text-top;
	margin-right: 10px;
}
.image-right {
	float: right;
	vertical-align: text-top;
	margin-left: 10px;
}

.borderimg {
	border: 2px solid #C4C4C4;
	padding: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.floatright {
	float: right;
}

/* ---------------------- */

/* GENERIC WIDTH CSS */
.widthFull {
	width: 98.5%;
}
.width95 {
	width: 95%;
}
.width90 {
	width: 90%;
}
.width85 {
	width: 85%;
}
.width80 {
	width: 80%;
}
.width75 {
	width: 75%;
}
.width70 {
	width: 70%;
}
.width65 {
	width: 65%;
}
.width60 {
	width: 60%;
}
.width55 {
	width: 55%;
}
.width50 {
	width: 50%;
}
.width45 {
	width: 45%;
}
.width40 {
	width: 40%;
}
.width35 {
	width: 35%;
}
.width30 {
	width: 30%;
}
.width25 {
	width: 25%;
}
.width20 {
	width: 20%;
}
.width15 {
	width: 15%;
}
.width10 {
	width: 10%;
}
.width5 {
	width: 5%;
}

/* GENERIC BG COLORS CSS */

.lightgreyBG {
	background-color: #CCCCCC;
}

.lightyellowBG {
	background-color: #ffffcc;
}



/* ---------------------- */
/* BEGIN Tables */

td.smallborder, th.smallborder, table.smallborder {
	border-collapse: collapse;
	border: 1px solid black;
	
}

/* BEGIN - Styles for Aboriginal page */

.article {

	margin-left:0px;
	padding:10px;
	border: 1px solid #999999;
	background-image: url("/templates/images/backgrounds/back.jpg");
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:10px;

}
.article2 {
	margin-left:0px;
	padding:10px;
	border: 1px solid #999999;
	background-image: url("/templates/images/backgrounds/back1.jpg");
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:10px;

}
.article3 {
	margin-left:0px;
	padding:10px;
	border: 1px solid #999999;
	background-image: url("/templates/images/backgrounds/back2.jpg");
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:10px;
}

.article4 {
	margin-left:0px;
	padding:10px;
	border: 1px solid #999999;
	background-image: url("/templates/images/backgrounds/back3.jpg");
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:10px;
}

h3.title2 {	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	color:#000000;
	border-bottom:2px solid #999999;
	background-image: url("/templates/images/backgrounds/headers1.jpg");
	background-position:top right;
	background-repeat:no-repeat;
	padding-bottom:5px;
	padding-top:38px;
}

h3.title3 {	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	color:#000000;
	border-bottom:2px solid #999999;
	background-image: url("/templates/images/backgrounds/headers2.jpg");
	background-position:top right;
	background-repeat:no-repeat;
	padding-bottom:5px;
	padding-top:38px;
}

h3.title4 {	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	color:#000000;
	border-bottom:2px solid #999999;
	background-image: url("/templates/images/backgrounds/headers3.jpg");
	background-position:top right;
	background-repeat:no-repeat;
	padding-bottom:5px;
	padding-top:38px;
}
h3.title5 {	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	color:#000000;
	border-bottom:2px solid #999999;
	background-image: url("/templates/images/backgrounds/headers4.jpg");
	background-position:top right;
	background-repeat:no-repeat;
	padding-bottom:5px;
	padding-top:38px;
}

.boldred
{
	font-weight: bold;
	font-variant: small-caps;
	color: Red;
}

/* END - Styles for Aboriginal page */


/* BEGIN - list of political parties page (pol/par/ - positionning */
#party
{
	width: 100%;
	border: 1px solid Black;
	float: left;
	clear: both;	
}

#alert
{
	width: 99%;
	padding: 5px;
	border: 2px solid #990033;
	margin: 2px;
	clear: both;
}

h3.partyname
{
	background-color: #cccc99;
	color: #990033;
	FONT-SIZE: 110%;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
	border-bottom: 1px solid Black;
	padding: 1px;
}

h3.partynamenolink
{
	background-color: #cccc99;
	color: #000000;
	FONT-SIZE: 110%;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
	border-bottom: 1px solid Black;
	padding: 1px;
}

#centrecol
{
	border-color: black;
	border-bottom: 1px solid Black;
	padding: 3px;
	background-color: White;
	text-align:center; 
}

#leftcol
{
	float: left;
	width: 48%;
	border-color: black;
	border-right: 1px solid Black;
	padding: 3px;
	background-color: White;
}

#rightcol
{
	float: left;
	padding: 3px;
	width: 48%;
	background-color: White;
}

#leftcol2
{
	float: left;
	width: 48%;
	padding: 3px;
	background-color: White;
}

#rightcol2
{
	float: left;
	border-color: black;
	border-left: 1px solid Black;
	padding: 3px;
	width: 48%;
	background-color: White;
}
/* END - list of political parties page (pol/par/ - positionning */

/* BEGIN - Voter ID styles for print */

.col
	{
		float: left;
		width: 300px;
		padding: 5px;
		margin-top: 0px;
	}
	
#box_col
	{
		float: left;
		display: block;
		background-color: #E6E7C9; 
		border: 1px #CCCC99 solid;
		width: 200px;
		padding: 0px;
		margin-left: 2px;

	}	
	
/*Third column on election page, for icons */

#boxrightele {
	float: right;
	width: 220px;
	padding-top: 50px;
}
/*END - Third column on election page, for icons */

/*Top anchor link navigation on election page */

#topmenu
{
display: none;
}

.freeboxge {
	
	background: white url(../images/freeboxge.jpg) top center no-repeat;
	padding: 10px;
	border: 1px solid #AEAEAE;
	width: 400px;
}

.vot {
	border-bottom: 1px solid lightgrey;
	margin-bottom: 30px;
	margin-top:40px;
	padding:20px 5px;
	padding-left:10px;
	background:#E5E5E5 url(/templates/images/backx.jpg) top right no-repeat;
	width: 42em;
	line-height: 1em;
	
}