/*####################
##### HTML, BODY #####
#####################*/ 


body {
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 77%;
	color					: #000;
	text-align				: center;
	margin					: 0px 0px 0px 0px;
	padding 				: 15px 0px 0px 0px;
	background-color		: #999;
	background-image		: url(../images/bkgrd.gif);
}

*html body {
	margin					: 15px 0px 0px 0px;
	padding 				: 0px 0px 0px 0px;
}


/*###################
##### CONTAINER #####
###################*/ 


#container{
	width					: 800px;
	min-height				: 450px;
	margin					: 15px auto 0px auto;
	text-align				: left;
	background-color		: #FFF;
	display					: block;
	border					: 1px solid #333;
/*	background-image		: url(../images/bkgrndTop.png);
	background-repeat		: no-repeat;
	background-position		: top;*/
	
}

*html #container{
	height					: 450px;
	
}

#container1{
	width					: 550px;
	height					: auto;
	margin					: 15px auto 15px auto;
	text-align				: left;
	background-color		: #FFF;
	display					: block;
	border					: 1px solid #333;
	
}

*html #container1{
	height					: 250px;
	
}

/*###############
##### FONTS #####
###############*/ 

 
p{
	padding					: 5px 0px 5px 0px;
	margin					: 0px 0px 0px 0px;
	font-size 				: 115%;
	line-height				: 1.4em;
}



h1{  /*  Page Titles */
	padding		 			: 5px 0px 0px 0px;
	margin					: 0px 0px 10px 0px;
	line-height				: 1.2em;
	font-size 				: 135%;
	float					: left;
}


h2{  /*  Page Titles */
	padding		 			: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 0px;
	line-height				: 1.2em;	
	font-size 				: 120%;
}

h3{  /*  Teaser Headers */
	padding		 			: 0px 5px 0px 10px;
	margin					: 0px 0px 0px 0px;
	height					: 36px;
	line-height				: 2.0em;
	font-size 				: 130%;
	font-weight				: normal;
	background-image		: url(../images/teaserHeader.jpg);
	background-repeat		: repeat-x;

}


#contentFull ul {
	padding 				: 0px 0px 0px 0px;
	margin					: 5px 0px 20px 30px;
	font-size 				: 115%;
}

#contentFull ul ul {
	padding 				: 0px 0px 0px 0px;
	margin					: 5px 0px 0px 30px;
	font-size 				: 100%;
}

#contentFull ul li{
	padding 				: 0px 0px 5px 5px;
	margin					: 0px 0px 0px 0px;
	line-height				: 1.4em;
}


#contentRight ul {
	list-style				: none;
	padding 				: 0px 0px 0px 0px;
	margin					: 5px 0px 0px 0px;
	font-size				: 80%;
}


#contentRight ul li{
	padding 				: 0px 10px 5px 12px;
	margin					: 0px 0px 5px 10px;
	font-size 				: 110%;
	line-height				: 1.4em;
	background-image		: url(../images/bullet.gif);
	background-position		: top left;
	background-repeat		: no-repeat;
}

a{
	color					: #CC0000;
	text-decoration			: none;
}

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



/*################
##### HEADER #####
################*/ 


#header{
	width					: 800px;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	height 					: 140px;
	
}

.logo{
	margin					: 35px 0px 0px 10px;
	border					: none;
	float					: left;
}

.banner{
	margin					: 0px 5px 4px 0px;
	border					: none;
	float					: right;
}


/*################
### NAVIGATION ###
################*/ 

.headerNav{
	clear					: both;
	display 				: block;
}

ul.navMain{
	margin 					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	list-style 				: none;
	width					: 800px;
	height					: 40px;
	background-image		: url(../images/navBar.jpg);
}

*html ul.navMain{
	width					: 800px;
}

ul.navMain li{
	display 				: inline;
}


ul.navMain li a{
	margin					: 1px 0px 0px 0px;
/*	padding					: 0px 17px 0px 16px;*/
	padding					: 0px 16px 0px 16px;
	display 				: block;
	float 					: left;
	color					: #FFF;
	text-decoration 		: none;
	font-size 				: 15px;
	line-height				: 2.6em;
	height 					: 39px;
	border-left				: 1px solid #C50404;
	border-right			: 1px solid #D33F3F;
	
}


.navMain li a:hover, .navMain li a.selected{
	text-decoration 		: none;
	color					: #FFF;
	background-image		: url(../images/navOver.gif);
	background-position		: center bottom;
	background-repeat		: no-repeat;
}


.navMain li:hover ul, .navMain li:hover .navMain li:hover ul {
	display					: block;
}



/*###############
#### CONTENT ####
###############*/ 
	
	
#content{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	width 					: 800px;
	clear					: both;
	display 				: block;
	background-image		: url(../images/bkgrndDragon.jpg);
	background-position		: top center;
	background-repeat		: no-repeat;
}

*html #content{
	margin					: 0px 0px -20px 0px;
}

#contentFull{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 5px 0px 15px;
	width 					: 775px;
	min-height				: 410px;
	display 				: block;
	
}

*html #contentFull{
	height					: 410px;
	margin					: -20px 5px 0px 0px;
}

#contentLeft{
	margin					: 0px 0px 0px 15px;
	padding					: 0px 0px 0px 0px;
	width 					: 390px;
	min-height				: 410px;
	display 				: block;
	float 					: left;
	
}

*html #contentLeft{
	height					: 410px;
	margin					: -20px 0px 0px 8px;
}


#contentRight{
	margin					: 0px 10px 0px 0px;
	padding					: 0px 0px 0px 0px;
	width 					: 360px;
	min-height				: 410px;
	float					: right;
}

*html #contentRight{
	height					: 410px;
	margin					: -20px 5px 0px 0px;
}

.pageTitle{
	margin					: 0px 0px 0px 0px;
	padding					: 5px 10px 0px 15px;
}



/*#################
##### TEASERS #####
#################*/ 

#teaser1{
	margin					: 10px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	height					: auto;
	background-color		: #676767;
	border					: 1px solid #333;
	color					: #FFF;	
	width					: 165px;
	float					: left;
	
}

#teaser2{
	margin					: 10px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	height					: auto;
	background-color		: #676767;
	border					: 1px solid #333;
	color					: #FFF;	
	width					: 175px;
	float					: right;
}

#teaser1 p, #teaser2 p{
	font-size				: 90%;
	color					: #CCCCCC;	
	margin					: 0px 0px 0px 0px;
	padding					: 10px 10px 10px 10px;
}

#teaser1 a, #teaser2 a{
	color					: #FFF;
	text-decoration			: none;
}

#teaser1 a:hover, #teaser2 a:hover{
	color					: #FFF;
	text-decoration			: underline;
}



/*###################
### HOMEPAGE NEWS ###
###################*/ 


#news{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	height					: auto;
	background-color		: #676767;
	border					: 1px solid #333;
	color					: #FFF;	
	
}

#news p{
	color					: #CCCCCC;
	font-size				: 100%;
	margin					: 0px 0px 5px 0px;
	padding					: 0px 0px 0px 0px;	
	
}

#news a{
	color					: #FFF;
	text-decoration			: none;
}

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




/*######################
### LATEST NEWS PAGE ###
######################*/ 

.newsArea{
	padding					: 10px;
	margin					: 0px 0px 0px 0px;
	border					: 1px solid #CCC;
	float					: left;
	width 					: 355px;
	min-height				: 250px;
	display 				: block;
	line-height 			: 175%;
	background-image		: url(../images/aplhaBkgrd.png);
}

*html .newsArea{
	height					: 250px;
}


.assemblyArea{
	padding					: 10px;
	margin					: 0px 5px 0px 0px;
	border					: 1px solid #CCC;
	float					: right;
	width 					: 355px;
	min-height				: 250px;
	height					: auto;
	display 				: block;
	line-height 			: 175%;
	background-image		: url(../images/aplhaBkgrd.png);
}

*html .assemblyArea{
	height					: 250px;
}


ul#newsMain  {
	padding 				: 0px 0px 0px 0px;
	margin					: 10px 0px 0px 0px;
	font-size				: 105%;
	list-style 				: none;
}


ul#newsMain li a{
	padding 				: 0px 10px 5px 15px;
	margin					: 0px 0px 5px 0px;
	font-size 				: 110%;
	line-height				: 1.4em;
	background-image		: url(../images/linkArrow.gif);
	background-position		: top left;
	background-repeat		: no-repeat;
}

ul#newsMain li a:hover {
	background-image		: url(../images/linkArrowOver.gif);
	background-position		: top left;
	background-repeat		: no-repeat;
}

ul#questionsMain  {
	padding 				: 0px 0px 0px 0px;
	margin					: 10px 0px 0px 0px;
	font-size				: 105%;
	list-style 				: none;
}


ul#questionsMain li a{
	padding 				: 0px 10px 5px 15px;
	margin					: 0px 0px 5px 0px;
	font-size 				: 110%;
	line-height				: 1.4em;
	background-image		: url(../images/linkArrow.gif);
	background-position		: top left;
	background-repeat		: no-repeat;
}

ul#questionsMain li a:hover {
	background-image		: url(../images/linkArrowOver.gif);
	background-position		: top left;
	background-repeat		: no-repeat;
}
.newsInfo{
	float					: right;
	padding 				: 10px;
	margin					: 0px 10px 0px 20px;
	width					: 200px;
	display					: block;
	height					: auto;
	border					: 1px solid #CCC;
	font-size				: 95%;
	color					: #666666;
	background-image		: url(../images/aplhaBkgrd.png);

	
}

/*################
##### FOOTER #####
################*/ 


#footer{
	height					: 60px;
	width					: 800px;
	line-height				: 1.2em;
	font-size				: 11px;
	color					: #666;
	clear					: both;
	margin					: 15px auto 0px auto;
}


#copyright{
	margin					: 0px;
	padding		 			: 5px 10px 0px 0px;
	float					: right;
	text-align				: right;
	
}

#copyright a {
	text-decoration			: none;
	color					: #999;
}


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

.labourLogo{
	margin					: -35px 0px 0px -385px;
	padding		 			: 0px 0px 0px 0px;
	position				: absolute;

}

*html .labourLogo{
	margin					: -35px 0px 0px -137px;

}


.coopLogo{
	margin					: -35px 0px 0px -215px;
	padding		 			: 0px 0px 0px 0px;
	position				: absolute;

}

*html .coopLogo{
	margin					: -35px 0px 0px 35px;

}




/*################
##### TABLES #####
################*/ 


.table{
	width					: 355px;
	margin					: 10px 0px 10px 0px;
	padding					: 0px 0px 0px 0px;
}


.table td{
	height					: 25px;
	font-size				: 115%;
	vertical-align			: top;
}

.tableWide{
	width					: 750px;
	margin					: 10px 0px 10px 0px;
	padding					: 0px 0px 0px 0px;
}


.tableWide td{
	height					: 25px;
	font-size				: 115%;
	vertical-align			: top;
	
}


.tablePopup{
	width					: 550px;
	margin					: 10px 0px 10px 0px;
	padding					: 0px 0px 0px 0px;
}


.tablePopup td{
	height					: 25px;
	font-size				: 115%;
	vertical-align			: top;
	
}
/*###############
##### FORMS #####
###############*/ 


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

.formField1{
	width 					: 256px;
	font-family				: Arial, Helvetica, sans-serif;
}


.formArea{
	width 					: 250px;
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 100%;
}


.submitBtn{
	margin					: 20px 35px 0px 0px;
	padding					: 0px 0px 0px 0px;
	float					: right;
}

*html .submitBtn{
	margin					: 32px 32px 0px 0px;
	padding					: 0px 0px 0px 0px;
}

/*###############
##### MISC. #####
###############*/ 


.voteArea{
	padding					: 10px;
	margin					: 0px 0px 20px 0px;
	border					: 1px solid #CCC;
	width 					: 355px;
	min-height				: 100px;
	display 				: block;
	line-height 			: 175%;
	background-image		: url(../images/aplhaBkgrd.png);
}

*html .voteArea{
	height					: 100px;
}

.albumArea{
	padding					: 10px;
	margin					: 0px 15px 20px 0px;
	border					: 1px solid #CCC;
	width 					: 350px;
	height					: auto;
	display 				: block;
	float					: left;
	line-height 			: 175%;
	background-image		: url(../images/aplhaBkgrd.png);
}

*html .albumArea{
	height					: 150px;
}

.galleryArea{
	padding					: 10px;
	margin					: 0px 0px 20px 0px;
	border					: 1px solid #CCC;
	height					: auto;
	display 				: block;
	float					: left;
	line-height 			: 175%;
	background-image		: url(../images/aplhaBkgrd.png);
}

*html .galleryArea{
	height					: 100px;
}

.hr{
	height					: 1px;
	color					: #CCCCCC;
}

.bottomPage{
	margin					: 20px 0px 0px 0px;
	padding					: 5px 0px 20px 0px;
	clear					: both;
}

.clear{
	clear					: both;
	height					: 1px;
}

.imgFrame{
	margin					: 5px 15px 0px 0px;
	padding					: 0px 0px 0px 0px;
	float					: left;
	font-size				: 90%;
	color					: #666666;
	text-align				: center;
}

.galleryFrame{
	margin					: 5px 10px 10px 10px;
	padding					: 0px 0px 0px 0px;
	display					: block;
	width					: 165px;
	height					: 140px;
	float					: left;
	font-size				: 90%;
	line-height				: 1.2em;
	color					: #666666;
	text-align				: center;
}

.contentImg{
	border 					: 1px solid #353535;
}

.teaserPhoto{
	border 					: 1px solid #353535;
	margin					: 0px 0px 2px 5px;
	padding					: 0px 0px 0px 0px;
}

.photo{
	margin					: 0px 0px 2px 2px;
	padding					: 0px 0px 0px 0px;
	border					: 1px solid #353535
}

.popupPhoto{
	border 					: 1px solid #353535;
	margin					: 0px 10px 0px 10px;
	padding					: 0px 0px 0px 0px;
}

.txtResizer{
	border					: none;
	float					: right;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
}


.pollForm{
	font-size				: 90%;
	color					: #CCCCCC;	
	margin					: 0px 0px 0px 5px;
	padding					: 0px 0px 0px 0px;
}