* { margin: 0; padding: 0; border: 0; } /* Everything has 0 unless defined */

html {
	height: 100%;
}

body {
	font-family: verdana, Arial, sans-serif;
}

body.home {
	background: #FFF url('../images/home-background.jpg') top center no-repeat;
}

body.about {
	background: #FFF url('../images/section-background.jpg') top center no-repeat;
}

body.tariffs-and-regulations {
	background: #FFF url('../images/section-background.jpg') top center no-repeat;
}

body.compulsory-areas {
	background: #FFF url('../images/section-background.jpg') top center no-repeat;
}

body.reports {
	background: #FFF url('../images/section-background.jpg') top center no-repeat;
}

body.apa-news {
	background: #FFF url('../images/section-background.jpg') top center no-repeat;
}

body.job-opportunities {
	background: #FFF url('../images/section-background.jpg') top center no-repeat;
}

body.photo-gallery {
	background: #FFF url('../images/section-background.jpg') top center no-repeat;
}

body.links {
	background: #FFF url('../images/section-background.jpg') top center no-repeat;
}

body.contact-us {
	background: #FFF url('../images/section-background.jpg') top center no-repeat;
}

body.site-map {
	background: #FFF url('../images/section-background.jpg') top center no-repeat;
}

.productionnote	{
	background-color: #fff200; 
	color: black;
}

/* ============================================================================= Wrapper === */

#wrapper {
	width: 960px;
        min-height: 100%;
	height: auto !important;
	margin: 0 auto -150px; /* the bottom margin is the negative value of the footer's height */
}

/* ============================================================================= Fonts === */

a {
	color: #627C90;
	text-decoration: underline;
}

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

p {
	color: #000;
	font-size: 12px;
	margin: 10px 0;
	line-height: 18px;	
}

p.quote {
	font-style: italic;
}

strong {
	font-weight: 900;	
}

/* ========================================================= Headers === */

h1 {
	color: #103A53;
	font-size: 20px;
	font-weight: 600;
	margin: 20px 0;
	border-bottom: solid 1px #b4b2a4;
	width: 100%;
	width: 685px;
}

.home h1 {
	color: #891b26;
	font-size: 24px;
	font-weight: 800;
	margin: 10px 0;
	border: none;
	
}
		
h2 {
	color: #103A53;
	font-size: 20px;
	font-weight: 600;
	margin: 20px 0;
	border-bottom: solid 1px #b4b2a4;
	width: 100%;
	width: 685px;
}

.home h2 {
	color: #103A53;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
	border-bottom: none;
	width: 270px;
}

.section h2 {
	color: #817A4E;
	font-size: 18px;
	font-weight: normal;
	margin: 20px 0;
	border: none;
	width: 100%;
	width: 685px;
	margin-bottom: 5px;
	margin-top: 20px;
}

h3 {
	color: #7d7d7d;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 5px;
	margin-top: 15px;
}

hr {
	margin: 20px 0;
	height: 1px;
	background-color: #444;
}

a.more-info {
	background: url('../images/more-arrows.gif') left center no-repeat;
	padding-left: 16px;
	text-transform: uppercase;
	color: #2880bd;
	text-decoration: underline;
	font-size: 11px;
	width: 100px;
}

.clear {
	clear: both;
	height: 0px;
	display: block;
}

.right-image {
	float: right;
	border: 4px #666 solid;
	margin: 10px;
}

/* ============================================================================= Header === */


#header {
	width: 960px;
	height: 283px;
}

.home #header {
	width: 960px;
	height: 363px;
	background: #ffffff url('../images/home-header.jpg') no-repeat;
}

.about #header {
	background: #ffffff url('../images/about-header.jpg') no-repeat;
}

.tariffs-and-regulations #header {
	background: #ffffff url('../images/tariffs-and-regulations-header.jpg') no-repeat;
}

.compulsory-areas #header {
	background: #ffffff url('../images/compulsory-areas-header.jpg') no-repeat;
}

.reports #header {
	background: #ffffff url('../images/reports-header.jpg') no-repeat;
}

.apa-news #header {
	background: #ffffff url('../images/apa-news-header.jpg') no-repeat;
}

.job-opportunities #header {
	background: #ffffff url('../images/job-opportunities-header.jpg') no-repeat;
}

.photo-gallery #header {
	background: #ffffff url('../images/photo-gallery-header.jpg') no-repeat;
}

.links #header {
	background: #ffffff url('../images/links-header.jpg') no-repeat;
}

.contact-us #header {
	background: #ffffff url('../images/contact-us-header.jpg') no-repeat;
}

.site-map #header {
	background: #ffffff url('../images/site-map-header.jpg') no-repeat;
}

#header img {
	float: left;
	margin-left: 42px;
	margin-top: 38px;
}

.home #header img {
	margin-left: 42px;
	margin-top: 82px;
}

#header-flash {
	height: 283px;
	width: 572px;
	float: right;
}

#header-text {
	height: 60px;
}

#header-text h1 {
	margin: 0; 
	padding: 0;
	padding-top: 13px;
	padding-left: 20px;
	font-weight: normal;
	color: #E6E0D2;
	font-size: 26px;
}

#header-text p {
	margin: 0; padding: 0;
	padding-top: 20px;
	padding-left: 20px;
	font-weight: normal;
	color: #E6E0D2;
	font-size: 26px;		
}

#header-text a {
	float: right;
	color: #2880bd;
	font-size: 14px;
	margin-right: 10px;
	margin-top: 25px;
	text-decoration: none;
}

#header-text a:hover {
	text-decoration: underline;
}

#header-text-fra {
	height: 60px;
}

#header-text-fra h1 {
	margin: 0; 
	padding: 0;
	padding-top: 13px;
	padding-left: 20px;
	font-weight: normal;
	color: #E6E0D2;
	font-size: 24px;
}

#header-text-fra p {
	margin: 0; padding: 0;
	padding-top: 20px;
	padding-left: 20px;
	font-weight: normal;
	color: #E6E0D2;
	font-size: 26px;		
}

#header-text-fra a {
	float: right;
	color: #2880bd;
	font-size: 14px;
	margin-right: 10px;
	margin-top: 25px;
	text-decoration: none;
}

#header-text-fra a:hover {
	text-decoration: underline;
}

/* ============================================================================= Side Menu === */

ul#nav {
	float: left;
	display: block;
	width: 195px;
	list-style: none;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
}

ul#nav li {
	font-size: 15px;
	margin: 0;
	
}

ul#nav li a {
	margin: 11px 0;
	display: block;
	height: auto;
	color: #327FB3;
	text-decoration: none;
	padding: 3px 15px;
	
}

ul#nav li.active a {
	margin: 1px 0;
	margin-bottom: 0;
}

ul#nav li a:hover, ul#nav li.active a {
	color: #80794D;
	background: url('../images/menu-hover.png') top left repeat-y;
}

/* ============================================================================= Sub Side Menu === */

ul#nav li.active ul {
	margin: 0;
	margin-left: 5px;
	background: url('../images/sub-menu-bg.png') repeat;
	list-style: none;
	padding: 10px 0;
	
}

ul#nav li.active ul li {
	padding-left: 20px;
}

ul#nav li.active ul li a {
	color: #383836;
	font-size: 12px;
	font-weight: 200;
	text-decoration: none;
	padding: 5px;
	background: none;
	padding-left: 7px;

}

ul#nav li.active ul li a:hover {
	background: none;
	color: #113953;
	border-left: 2px #C7B829 solid;
	text-decoration: none;
	padding-left: 5px;
}

ul#nav li.active ul li.active a {
	background: none;
	color: #113953;
	border-left: 2px #7F784C solid;
	padding-left: 5px;
}

/* ============================================================================= Content Area === */

#content {
	display: block;
	width: 960px;
	min-height: 547px;
	background: #fff url('../images/home-content-bg.jpg') top left no-repeat;
}

#home-image {
	float: left;
	height: 350px;
}

#left-col {
	display: block;
	float: left;
	width: 220px;
}

#body {
	float: left;
	display: block;
	width: 700px;
	padding: 10px;
}

.home #body {
	margin-top: 22px;
	margin-left: 16px;	
}

.home #body img {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

.home #body ul {
	float: left;
	display: block;
}

#home-list {
	float: left;
	width: 100px;
	margin-left: 20px;
	margin-top: 5px;
}

#home-list .more-info {
	margin-top: 7px;
	margin-left: 20px;
	float: left;
}

#body-wide {
	float: left;
	display: block;
	width: 700px;
	padding: 10px;
}

#right-col {
	display: block;
	float: left;
	width: 140px;
	padding: 10px;
	background-color: #9F9F9F;	
}

#home-right-col {
	display: block;
	float: left;
	width: 260px;
	height: 330px;
	padding: 10px;
	background-color: #9F9F9F;	
}

.home #body ul {
	width: 280px;
	float: left;
	font-size: 10px;
	font-weight: bold;
	padding: 0;
	
} 

.home #body li {
	background: url('../images/list-bg.png') left top repeat-y;
	list-style: none;
	list-style-position: inside;
	padding: 3px 3px 3px 16px;
	margin: 2px 0;
	color: #605722;
}

.home #body li a {
	color: #605722;
	text-decoration: none;
}

.home #body li a:hover {
	color: #1f3648;
	text-decoration: none;
}

.home #body #flagblock {
	background: url('../images/home-flag-block.jpg') left top no-repeat;
	width: 515px;
	height: 190px;
	padding: 16px 20px 23px 157px;
}

.home #body #flagblock p {
	font-size: 12px;
	color: #E5DFD3;
	line-height: 16px;
}

.home #body #flagblock p strong {
	color: #C8B729;
}

.home #body #flagblock-fr {
	background: url('../images/home-flag-block.jpg') left top no-repeat;
	width: 515px;
	height: 190px;
	padding: 16px 20px 23px 157px;
}

.home #body #flagblock-fr p {
	font-size: 12px;
	color: #E5DFD3;
	line-height: 14px;
}

.home #body #flagblock-fr p strong {
	color: #C8B729;
}

.home p.home-paragraph {
	width: 690px;
	margin: 20px 0;
}

#news-box {
	width: 190px;
	margin-bottom: 15px;
	margin-left: 25px;
}

#news-box h3 {
	color: #817A4E;
	
}

#news-box p {
	font-size: 10px;
	line-height: 16px;
	color: #123953;
}

#news-box a {
	color: #918f82;
	text-decoration: underline;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
}

#news-headline p {
	font-size: 10px;
	font-weight: bold;
	line-height: 16px;
	color: #817a4e;
}

#news-headline a {
	font-size: 12px;
	font-weight: normal;
	color: #627C90;
	text-decoration: underline;
}

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

.news-date {
	font-size: 11px;
	font-style: italic;
	color: #327fb3;
}


#login-block {
	width: 191px;
	height: 98px;
	background: url('../images/login-block.gif') left top no-repeat;
	margin-left: 20px;
	padding-top: 30px;
	padding-left: 10px;
}

#login-block form input {
	background: #1F3648;
	border: none;
	padding: 3px;
	font-size: 12px;
	font-weight: bold;
	color: #2880bd;
	margin: 0;
	width: 130px;
	margin: 5px;
	margin-bottom: 3px;
	
}

#login-block form input.login-btn {
	background: url('../images/login-btn.gif') left top no-repeat;
	margin: 0;
	width: 55px;
	height: 20px;
	margin: 5px;
	margin-bottom: 3px;
	cursor: pointer;
}

#login-block-fr {
	width: 191px;
	height: 98px;
	background: url('../images/login-block-fr.gif') left top no-repeat;
	margin-left: 20px;
	padding-top: 30px;
	padding-left: 10px;
}

#login-block-fr form input {
	background: #1F3648;
	border: none;
	padding: 3px;
	font-size: 12px;
	font-weight: bold;
	color: #2880bd;
	margin: 0;
	width: 130px;
	margin: 5px;
	margin-bottom: 3px;
	
}

#login-block-fr form input.login-btn {
	background: url('../images/login-btn.gif') left top no-repeat;
	margin: 0;
	width: 55px;
	height: 20px;
	margin: 5px;
	margin-bottom: 3px;
	cursor: pointer;
}

#login-block-fr form input.login-btn-fr {
	background: url('../images/login-btn-fr.gif') left top no-repeat;
	margin: 0;
	width: 124px;
	height: 20px;
	margin: 5px;
	margin-bottom: 3px;
	cursor: pointer;
}

#greyblock {
	background: #fff url('../images/home-grey-block.jpg') left top no-repeat;
	width: 689px;
	height: 213px;
	margin-bottom: 20px;
	margin-top: 20px;
	
}

#greyblock div {
	width: 275px; 
	height: 180px;
	float: left;
	padding: 12px 30px;
}

#greyblock h3 {
	color: #103A53;
	font-size: 16px;
	font-weight: bold;
	
}

#greyblock p {
	color: #716f62;
	font-size: 11px;
	line-height: 15px;
	
}

#canada {
	margin-left: 55px;
	margin-top: 20px;
	float: left;
}

.section #body img {
	float: right;
	display: block;
	padding: 0;
	margin-left: 25px;
	margin-right: 15px;
	margin-bottom: 20px;
	padding: 1px;
	border-bottom: 10px solid #C7B829;
	background-color: #fff;	
}

.section #body a img {
	float: left;
	display: block;
	padding: 0;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 1px;
	border-bottom: none;
	background-color: #fff;	
}

.section #body p {
	margin-top: 3px;
}

.section #body ul {

	font-size: 11px;
	font-weight: bold;
	padding: 0;
	margin: 10px;
	margin-left: 40px;
	color: #C2BB6D;
	list-style-position: inside;
} 

.section #body li {
	list-style: square;
	list-style-image: url('../images/bullet.gif');
	padding: 3px 3px 3px 3px;
	margin: 5px 0;
	color: #81784D;
}

.section #body small-list ul {
	width: 1000px;
	float: left;
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	margin: 10px;
	margin-left: 40px;
	color: #C2BB6D;
	list-style-position: inside;
} 

#photo-gallery {
	margin-left: 40px;
	margin-bottom: 20px;
}

#site-map p {
	color: #817A4E;
	font-size: 16px;
	font-weight: normal;
	margin-left: 15px;
	margin-bottom: 10px;
	margin-top: 40px; 
	border: none;
	width: 100%;
	width: 685px;
}

#site-map a {
	color: #817A4E;
	text-decoration: none;
}

#site-map ul {
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	margin: 10px;
	margin-left: 20px;
	color: #C2BB6D;
	list-style-position: inside;
} 

#site-map li {
	list-style: square;
	list-style-image: url('../images/bullet.gif');
	padding: 3px 3px 3px 3px;

	color: #81784D;
}

#site-map li a {
	color: #627C90;
	text-decoration: underline;
}

#site-map li a:hover {
	color: #000000;
	text-decoration: underline;
}


/* ============================================================================= table === */

table {
	width: 100%;
	margin-bottom: 10px;	
}
th {
	background-color: #7f784c;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
}

td, th {
	padding: 5px 10px;
	text-align: left;
}

td {
	border: solid #cccccc 1px;
	font-size: 11px;
	font-weight: normal;
}
 



/* ============================================================================= breadcrumb === */

.breadcrumb {
	float: left;
	margin-bottom: 20px;
}

.breadcrumb a {
	color: #7F784C;
	text-decoration: none;
}

.breadcrumb a:hover {
	color: #888888;
}

#body .breadcrumb img {
	float: none;
	display: inline;
	margin: 0 5px;
	border: 0px;
	vertical-align: middle;
}

#body .breadcrumb p {
	width: 700px;
	color: #327FB3;
	font-size: 10px;
	padding: 0px;
	margin: 0px;
	line-height: 0px;
}

/* ============================================================================= Forms === */

form { 
	float: left;
	
}

form label {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	width: 240px;
	display: block;
	float: left;
	margin: 10px;
}  

form input {
	background: #F7F7F7;
	border: solid 1px #BBB;
	border-bottom-color: #DDD;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	margin: 0;
	width: 230px;
	float: left;
	margin: 10px;
}

form textarea {
	font-family: arial, verdana, sans-serif;
}

form #textareainfo {
	font-weight: normal;
	font-style: italic;
	color: #8E1922;
}

form input[type='text'], form input[type='password'], form input[type='file'], form select, form textarea {
	background: #F7F7F7;
	border: solid 1px #BBB;
	border-bottom-color: #DDD;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	margin: 0;
	width: 230px;
	float: left;
	margin: 10px;
}

form input[type='text']:hover, form input[type='password']:hover, form input[type='file']:hover, form input[type='submit']:hover, form input[type='button']:hover, form textarea:hover {
	border-color: #888;
}

form input[type='text']:focus, form input[type='password']:focus, form input[type='file']:focus, form textarea:focus {
	background: #FFF;
	color: #333;
}

form .req input, form .req select, form .req select, form .req textarea {
	border: red 1px solid; 
	background: #FFF5BF;
}

input.radio {
	width: 10px;
	margin-bottom: 20px;
}

.radio-label {
	float: left;
	padding-top: 7px;
	padding-right: 10px;
	font-size: 12px;
	font-weight: normal;
	color: #000;
}

p.check-box {
	float: left;
	margin-left: 280px;
}

form input.check-box {
	width: 20px;
	height: 10px;
	padding: 0;
	margin: 0;
	margin-top: 3px;
}

form input.button {
	clear: both;
	float: right;
	border: none; 
	height: auto;
	width: auto;
	margin: 0;
	margin-right: 25px;
	padding: 10px 20px;
	cursor: pointer;
	background-color: #336699;
	color: #FFF;
}

form input:hover.button {
	background-color: #881C1A;
	color: #FFF;
}

.req {
	color: #8E1922;
}
/* ============================================================================= Content Footer Menu === */

#footer, .push {
	height: 150px; /* .push must be the same height as .footer */
}

#footer {
	background: #1B3E54 url('../images/footer-bg.jpg') top left repeat-x;
	color: #FFF;
        margin-bottom: 0;
}

#footer p {
	width: 930px;
	margin: 0 auto;
	font-size: 11px;
	line-height: 10px;
	color: #fff;
	padding: 15px;
	padding-top: 40px;
}

#footer a {
	float: right;
	color: #c7b729;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

/* ============================================================================= Footer Menu === */

#footer-menu {
	width: 960px;
	margin: 0 auto;
	margin-top: 0px;
	padding-top: 10px;
	text-align: center;
	list-style-type: none;
}

#footer-menu li {
	float: left;
	font-size: 10px;
	list-style-type: none;
	margin: 0 2px;
}

#footer-menu li a {
	float: left;
	font-size: 11px;
	color: #888158;
	display: block;
	text-decoration: none;
	padding: 2px 6px;
}

#footer-menu li a:hover {
	text-decoration: underline;
}


#footer-menu-fra {
	width: 990px;
	margin: 0 auto;
	margin-top: 0px;
	padding-top: 10px;
	text-align: center;
	list-style-type: none;
}

#footer-menu-fra li {
	float: left;
	font-size: 8.5px;
	list-style-type: none;
	margin: 0 -2px;
}

#footer-menu-fra li a {
	float: left;
	font-size: 8.5px;
	color: #888158;
	display: block;
	text-decoration: none;
	padding: 2px 6px;
}

#footer-menu-fra li a:hover {
	text-decoration: underline;
}