/*there are Internet Explorer Specfic css in the header section of 
the template page for classes
#top_image
.search_box
if you are changing those, dont forget to change in the template as well*/

/*---[ TAG STYLES ]-------------*/
body{
	margin:0;
	padding: 0px;
	font-family: Helvetica, Arial, sans-serif;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	text-align:center;
}

img{
	border:none;
}

#printimage {
	display:none;
}

a:link, a:visited, a:active {color:#0bbdaa;}
a:hover {color:#e76802;}




h1 {
	color:#5c5c5c;
	text-transform:uppercase;
	border-bottom: dotted #c2c2c2 2px;
}

/*---[ LAYOUT STYLES ]----------*/

#wrapper {
	margin-top: 50px;
	width:750px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	background-color: #FFFFFF;
}

#header {
	width: 100%;
	height: 114px;
	display: block;
	background-image: url(../images/header.jpg);
}
#civilization {
	width: 375px;
	height: 243px;
	display: block;
	float: left;
}
#war {
	width: 375px;
	height: 243px;
	display: block;
	float: right;
}
#middle {
	width: 750px;
	height: 117px;
	display: block;
	background-image: url(../images/middle.jpg);
	float: left;
}
#middle {
	width: 100%;
	height: 117px;
	display: block;
	background-image: url(../images/middle.jpg);
	float: left;
}
#description {
	width: 100%;
	float:left;
	background:url(/app/TemplateRepository/cmc_splash/images/canada.png) no-repeat bottom right #ffffff;
	float:left;
	height:50px;
	padding-bottom: 20px;
}
	
.en_desc {
display:inline;
float:left;
width: 48%;
text-align:left;
font-size:8pt;
padding-left:3px;
}

.fr_desc {
display:inline;
float:left;
width: 50%;
text-align:right;
font-size:8pt;
padding-right:3px;
}	
/*---- [ CLASSES ]---------------------------------------------*/