/* CSS Document */
* {
	padding: 0px;
	margin: 0px;
	}
html, body {
	background-color: #c5d2d8;
	text-align:left;
	background: url(../background.gif) repeat-x;
	padding: 0px;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	}
	
h1, h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #3b3d3e;
	padding-bottom: 9px;
	clear: right;
	}
h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #3b3d3e;
	padding-bottom: 9px;
	padding-left:100px;
	clear: right;
	}	
h1 {
	border-bottom: dotted 1px #666666;
/*	border: solid 1px red;*/
	clear: both;
	padding-left: 120px;
	background-color:#FFFFFF;
	}
h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #3b3d3e;
	padding-bottom: 9px;
	padding-top:15px;
	padding-left:10px;
	clear: right;
	}	
h4 {
	border-bottom: dotted 1px #666666;
/*	border: solid 1px red;*/
	clear: both;
	padding-left: 15px;
	background-color:#FFFFFF;
	}	
	
html>body h1 {
		padding-top: 11px;
		}	

h2 {
	font-size: 12px;
	padding-bottom: 5px;
	}
h6 {
padding-left:100px;
padding-right:120px;
	}
h7 {
padding-left:100px;
padding-right:490px;
padding:20px;
	}			
	
#content p {
	padding-bottom: 10px;
	padding-right:125px;
	padding-left:100px;
	font-size: 11px;
	text-align:justify;
	}
#content2 p {
	padding-bottom: 10px;
	padding-right:125px;
	padding-left:100px;
	font-size: 11px;
	text-align:justify;
	}		
	
#content ul {
	font-size: 11px;
	list-style:disc;
	padding-left:120px;
	}	
#content li {
	margin-left: 0;
	margin-right: 0;
	margin-top: .5em;
	margin-bottom: .5em;
}
		
p {
	padding-bottom: 10px;
	text-align: left;
	}
	
#ContentText p a{
color:#000000;
text-decoration:underline;
}
#ContentText p a:hover{
color:#00CCFF;
text-decoration:underline;
}		

#container {
	width: 850px;
	_width: 830px;
	display:block;
	/*min-height: 601px;*/
	margin: 0px auto !important;
	padding-right:10px;
	text-align:left;
	background-image:url(../background_container.gif);
	background-repeat:repeat-y;
	}		
			
		#menu {
			width: 825px;
			padding-left: 35px;
			height: 32px;
			background-image:url(../menu_background.gif);
			clear: both;
			}
			
		#header {
			width: 817px;
			height: 119px;
			margin-left: 35px;
			clear: both;
			
			background: #1495f0 url(../_HEADER_CONTENT_PICTURE.jpg) no-repeat;
			} 
		
		#header #title {
			font-family:Arial, Helvetica, sans-serif;
			font-size:18px;
			font-weight:bold;
			color: #FFFFFF;
			padding-top: 145px;
			text-transform:uppercase;
			padding-left: 20px;
			}
			
		#submenu {
			width: 815px;
			height: 80px;
			margin-left: 35px;
			float: left;
			background:#ffffff;
			display: inline;
			} 
			
		#submenu ul {
			width: 100%;
			height: 46px;
			list-style:none;
			text-align: right;
			float: left;
			}
		#submenu li {
			float: left;
			height: 46px;
			}	
		#submenu li a {
			font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-weight: bold;
			color: #626566;
			text-decoration: none;
			padding-top: 5px;
			}
			
		#submenu ul li#one {
			display: block;
			width: 229px;
			background-color: #a7dcc5;
			font-size: 14px;
			font-weight: bold;
			float: left;
			padding-top: 7px;
			padding-right: 10px;	
			height: 50px;
			}
		#submenu ul li#three {
			display: block;
			width:807px;
			background-color: #a7dcc5;
			font-size: 14px;
			font-weight: bold;
			float: left;
			padding-top: 7px;
			padding-right: 10px;	
			height: 50px;
			}			
		#submenu ul li#one a:hover {
			color: #FFFFFF;
			background-color: #67daa8;
			}			
			
		#submenu ul li#two {
			background-color:#CBF1E1;
float:left;
font-size:11px;
font-weight:normal;
height:50px;
padding-left:10px;
padding-top:7px;
text-align:left;
width:566px;
			}
			
		#submenu ul li#two a {
			text-align: left;
			font-size: 11px;
			font-weight: normal;
			}
			
			.message {
			
			}
			
		#submenu ul li#two a:hover {
			color: #333333;
			font-size: 11px;
			font-weight: normal;
			}		
			
			#submenu ul li#two:hover {
			background-color: #CBF1E1;
			}			
		
		#submenu ul li.pic1 a {
			display: block;
			width: 239px;
			height: 23px;
			background-color: #a7dcc5;
			padding-right: 0px;
			border: 0px none;
			padding-bottom: 2px;
			padding-top: 0px;			
			}

		#submenu ul li.pic2 a {
			display: block;
			width: 237px;
			height: 23px;
			background-color: #cbf1e1;
			padding-right: 0px;
			border: 0px none;
			padding-bottom: 2px;
			text-decoration:none;	
			padding-top: 0px;						
			}		
		
		#submenu ul li.pic1 img, #submenu ul li.pic2 img {
			border: 0px none;
			padding-bottom: 2px;
			padding-top: 0px;
			margin-top: 0px;
			}
			
		.main-sub-button {
		/*	display: block;*/
			width: 200px;

			}
									
		#news {
			width: 215px;
			height: 83px;			
			float: left;
			background: #485055;
			padding: 10px 10px 10px 13px;
			} 
			
			#news ul {
			width: 215px;
			height: 83px;
			float: left;
			list-style-type: none;
			} 
			
			#news li {
			width: 106px;
			float: left;
			list-style-type: none;
			} 
			
		#news li a {
			color: #FFFFFF;
			font-weight: bold;
			padding-left: 10px;
			/*background-image:url(http://www.mosaicinstitute.ca/skin/mosaic/css/news_dot.gif);*/
			background-repeat:no-repeat;
			background-position: 0px 3px;
			text-decoration: none;
			}
			
		#news li a:hover {
			color: #000000;
			}
		
		#news h2 {
			color: #FFFFFF;
			text-transform:uppercase;
			}
			
		#submenu2 {
			width: 476px;
			height: 103px;
			margin-left: 35px;
			float: left;
			background:#ffffff;
			display: inline;
			} 
			
		#submenu2 ul {
			width: 476px;
			height: 46px;
			list-style:none;
			text-align: right;
			float: left;
			}
		#submenu2 li {
			float: left;
			height: 46px;
			}	
		#submenu2 li a {
			font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-weight: bold;
			color: #626566;
			text-decoration: none;
			padding-top: 5px;
			}
			
		#submenu2 ul li#one {
			display: block;
			width: 229px;
			background-color: #a7dcc5;
			font-size: 14px;
			font-weight: bold;
			float: left;
			padding-top: 7px;
			padding-right: 10px;	
			height: 50px;
			}
			
		#submenu2 ul li#one a:hover {
			color: #FFFFFF;
			background-color: #67daa8;
			}			
			
		#submenu2 ul li#two {
			padding-left: 10px;
			width: 227px;
			background-color: #cbf1e1;
			float: left;
			font-size: 11px;
			font-weight: normal;
			padding-top: 7px;
			height: 50px;
			text-align: left;
			}
			
		#submenu2 ul li#two a {
			text-align: left;
			font-size: 11px;
			font-weight: normal;
			}
			
			.message {
			
			}
			
		#submenu2 ul li#two a:hover {
			color: #333333;
			font-size: 11px;
			font-weight: normal;
			}		
			
			#submenu2 ul li#two:hover {
			background-color: #70f1bb;
			}			
		
		#submenu2 ul li.pic1 a {
			display: block;
			width: 239px;
			height: 23px;
			background-color: #a7dcc5;
			padding-right: 0px;
			border: 0px none;
			padding-bottom: 2px;
			padding-top: 0px;			
			}

		#submenu2 ul li.pic2 a {
			display: block;
			width: 237px;
			height: 23px;
			background-color: #cbf1e1;
			padding-right: 0px;
			border: 0px none;
			padding-bottom: 2px;
			text-decoration:none;	
			padding-top: 0px;						
			}		
		
		#submenu2 ul li.pic1 img, #submenu2 ul li.pic2 img {
			border: 0px none;
			padding-bottom: 2px;
			padding-top: 0px;
			margin-top: 0px;
			}
			
		#leftside{
			float:left;
			height:550px;
			padding-right:0px;
			text-align:left !important;
			font-family: Arial, Helvetica, sans-serif;
			font-size:7px;
		}
		#leftside a.link {
			width:0px;
			float:left;
			height:900px;
			padding-right:0px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:7px;
			text-align:left !important;
		}	
			
		#content {
			margin-right: 5px;
			margin-left: 35px;
			clear: both;
			text-align:justify;
			padding: 22px 10px 20px 19px;
			color: #000000;
			height:auto;
			} 
			
		#content a.link {
			color:#0000FF;
			/*background-image: url(../link_dot.gif);
			background-repeat:no-repeat;
			background-position: 0px -1px;*/
			padding-left: 0px;
			}
			
		#content a {
		/*background-image:url(../link_dot.gif);
		background-position:0px -1px;
		background-repeat:no-repeat;*/
		color:#1d96df;
		padding-left:0px;
			text-decoration:none;
		font-weight:bold;

		}
		
		#content a:hover {
			color:#719a88;
			text-decoration:none;

			}
		
		.index-picture {
			padding-left: 20px;
			background-image:none;
			}
		
		#content a.without {
			display: block;
			background-image: none;
			background-repeat:no-repeat;
			background-position: 0px 0px;
			}
		#table {
			width:400px;
			border:3px;
			border-bottom:medium;
			border-color:#000000;
			float:left;
			height:900px;
			padding-right:20px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:7px;
			text-align:left !important;
		}	

#footer {
	height: 35px;
	text-align: center;
	float:left;
	}
	
#footer-text {
	margin: 0 auto;
	width: 850px;
	height: 25px;	
	padding-top: 10px;
	padding-left: 12px;
	background: url(../background_footer.gif) left no-repeat;
	font: bold 10px Tahoma, Verdana, Arial, Helvetica, sans-serif;	
	}
	
	#content li.bullets {
	list-style-type: circle;
	}
	
	#content ul.bullets {
	list-style-type: circle;
	}
	
ul#mm {
	width: 735px;
	height: 20px;
	list-style:none;
	color: #ffffff;
	padding-top: 8px;
	}
	
ul#mm li {
	float: left;
	position:relative;
	
	}	
	
ul#mm li a {
	float: left;
	padding-left: 15px;
	padding-right: 10px;
	background:url(../menu_spacer.gif) center right no-repeat;
	color: #FFFFFF;
	text-decoration:none;	
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform:uppercase;
	}
	
ul#mm li a:hover {
	color: #00FFFF;
	}

ul#mm li ul{
	display:none;
}

ul#mm li:hover ul,
ul#mm li.over ul {
	display: block;
	position: absolute;
	left: 0px;
	top: 13px;
	background: #626566;
	opacity: .8;
	filter: alpha(opacity=80);
	padding-top: 7px;
	margin: 0;
	list-style-type: none;
	z-index: 1000;
	}

ul#mm li ul li{
	display:block;
	clear:left;
	width:auto;
	border-bottom:1px solid #999;
	width:100%;
}

ul#mm li ul li a{
	padding:5px;
	width:auto;
	margin-left:0px;
	font-size: 10px;
	background:none;
	text-transform:none;
	font-weight:normal;
}			
	
/* PAGING */
    .paging {
		padding: 0;
		margin: 0;

		color: #535353;
		/*float:right;*/
		text-align:right;
		font-size: 10px;
		line-height:13px;
		clear:both;
		display:block;

		vertical-align:top;
		padding-bottom:1em;
		/*margin-top:-10px;
		margin-bottom:-5px;*/
		}


		 .paging ul {
		 	float:right;
			text-align:left;
			width:auto;
			height:12px;

			list-style:none;
			margin:0;
			padding:0;
		 }

		  .paging ul li {
		  	float:left;
			height:13px;
			line-height:13px;
			margin:0 2px;
			font-size: 11px;
			color: #535353;
		  }

		  .paging ul li a {
			font-size: 11px;
			color: #535353;
			text-decoration:none;
		  }
		  .paging ul li a.on {
			text-decoration:underline;
			}

		.paging ul li a:hover {
			text-decoration:underline;
			}

	.paging a#ruler_first {
		display:block;
		width:9px;
		height:13px;
		text-indent:-3000px;
		line-height:13px;
		background:#fff url(../../shared/images/button_pageFirst.gif) 0 65% no-repeat;
	}

	.paging a#ruler_prev {
		display:block;
		width:9px;
		height:13px;
		text-align:left;
		text-indent:-3000px;
		line-height:13px;
		background:#fff url(../../shared/images/button_pagePrev.gif) 0 65% no-repeat;
	}

	.paging a#ruler_next {
		display:block;
		width:9px;
		height:13px;
		text-align:left;
		text-indent:-3000px;
		line-height:13px;
		background:#fff url(../../shared/images/button_pageNext.gif) 0 65% no-repeat;
	}

	.paging a#ruler_last {
		display:block;
		width:9px;
		height:13px;
		text-align:left;
		text-indent:-3000px;
		line-height:13px;
		background:#fff url(../../shared/images/button_pageLast.gif) 0 65% no-repeat;
	}
/*END PAGING*/
	.NewsListTitle{
			border-bottom:1px solid grey;
font-size:12px;
font-weight:bold;
margin-bottom:8px;
padding-top:10px;
			}
			
			.NewsItem{
padding-top:7px;
			}
			
#Fact  {
background:#F5F5F5 none repeat scroll 0%;
margin-top:-60px;
padding-bottom:0px;
padding-right:20px;
padding-left:10px;
padding-top:5px;
width:150px;
float:right;
text-align:left;
}
#Fact ul {
	font-size: 7pt;
	list-style:disc;
	padding-left:18px;
	padding-bottom:0;
	}	
#Fact li {
	font-size: 7pt;
	margin-left: 0;
	margin-right: 0;
	margin-top: .5em;
	margin-bottom: .5em;
}	
#registered {
background:#F5F5F5 none repeat scroll 0%;
margin-top:10px;
padding:10px;
padding-bottom:10px;
padding-right:0px;
width:170px;
float:right;
text-align:left;
}
#registered2 {
background:#F5F5F5 none repeat scroll 0%;
margin-top:460px;
padding:10px;
padding-bottom:10px;
padding-right:0px;
width:170px;
float:left;
margin-left:-210px;
text-align:left;
}
#mosaicButton{
float:right;
margin-right:-205px;
margin-top:205px;
}
#imagineButton{
float:right;
margin-right:-200px;
margin-top:320px;
}
#magicButton{
float:right;
margin-right:-200px;
margin-top:500px;

}
#ContactForm form {
background:#F5F5F5 none repeat scroll 0%;
margin-top:10px;
padding:10px;
padding-left:50px;
width:500px;
float:left;
}
#DonationForm form {
background:#F5F5F5 none repeat scroll 0%;
margin-top:10px;
padding:10px;
padding-left:90px;
width:540px;
float:left;
}
div#CaptchaImage {
clear:left;
margin-top:15px;
}
div#CaptchaField {
float:none;
}
#InputButton input, .InputButtonDiv {
background:#CF3626 none repeat scroll 0%;
border:medium none;
color:#FFFFFF;
cursor:pointer;
display:block;
float:right;
font-weight:bold;
padding:2px 10px;
}
.NavPoll #InputButton input, .InputButtonDiv input {
background:#CF3626 none repeat scroll 0%;
border:medium none;
color:#FFFFFF;
cursor:pointer;
display:block;
float:left;
font-weight:bold;
padding:2px 10px;
}

.FormDiv form {
margin:0pt;
padding:0pt;
}

.TextFieldDiv {
display:block;
float:left;
height:30px;
width:500px;
}
.TextFieldDiv label {
display:block;
float:left;
font-weight:bold;
width:246px;
}
.CaptchaFieldDiv {
display:block;
float:left;
height:60px;
width:500px;
}
.CaptchaFieldDiv label {
display:block;
float:left;
font-weight:bold;
width:246px;
}
.TextField {
display:block;
float:right;
width:246px;
}
.FileFieldDiv {
display:block;
float:left;
height:30px;
width:500px;
}
.FileFieldDiv label {
display:block;
float:left;
font-weight:bold;
width:250px;
}
.FileField {
display:block;
float:left;
width:246px;
}
.TextAreaDiv {
display:block;
float:left;
height:180px;
width:500px;
}
.TextAreaDiv label {
display:block;
float:left;
font-weight:bold;
width:auto;
}
.TextArea {
display:block;
float:right;
height:150px;
width:496px;
}
.CaptchaImageDiv {
display:block;
float:left;
height:70px;
width:496px;
}
.CaptchaImageDiv img {
margin-left:250px;
}
.SelectDiv {
display:block;
float:left;
width:500px;
}
.SelectDiv label {
display:block;
float:left;
font-weight:bold;
height:30px;
width:auto;
}
.Select {
display:block;
float:right;
width:250px;
}
.ButtonDiv {
display:block;
float:right;
margin-top:10px;
width:100px;
}
.Button {
background:#CF3626 none repeat scroll 0%;
border:medium none;
color:#FFFFFF;
cursor:pointer;
display:block;
float:right;
font-weight:bold;
padding:2px 10px;
}
div#CommentButtonSubmit {
display:block;
float:left;
margin-left:300px;
width:70px;
}
div#CommentButtonReset {
display:block;
float:left;
width:70px;
}
#ClearCartButton {
display:block;
float:left;
width:280px;
}
.ChangeButton {
display:block;
float:right;
width:75px;
}
.CongratulatoryMessageHeader {
font-weight:bold;
}
#ContactFormBirthday {
margin-left:250px;
margin-top:-16px;
padding-bottom:10px;
}
#ContactFormDelivery {
margin-left:250px;
padding-bottom:10px;
}
input#ocasion {
margin-left:5px;
}
#ContactFormTerms {
margin-top:10px;
}
#ContactFormTerms input {
margin-right:5px;
}
.NewsListItem {
border-bottom:1px solid #CCCCCC;
clear:both;
display:block;
margin-bottom:15px;
margin-top:5px;
padding-bottom:15px;
}

.FormDiv {
margin:0pt 0pt 0pt 20px;
padding:0pt;
width:500px;
}

.error {
	color:#9A0C0F;
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size : 10px;
	padding-left:10px;
	
}

/*content 2*/
		#content2 p {
	padding-bottom: 10px;
	padding-right:50px;
	padding-left:0px;
	font-size: 11px;
	}	
	
#content2 ul {
	font-size: 11px;
	list-style:disc;
	padding-left:15px;
	}	
#content2 li {
	margin-left: 0;
	margin-right: 0;
	margin-top: .5em;
	margin-bottom: .5em;
}
		
		
		#content2 {
			margin-right: 5px;
			margin-left: 35px;
			clear: both;
			text-align: left;
			padding: 22px 10px 20px 19px;
			color: #000000;
			height:auto;
			} 
			
		#content2 a.link {
			color:#0000FF;
			/*background-image: url(../link_dot.gif);
			background-repeat:no-repeat;
			background-position: 0px -1px;*/
			padding-left: 0px;
			}
			
		#content2 a {
		/*background-image:url(../link_dot.gif);
		background-position:0px -1px;
		background-repeat:no-repeat;*/
		color:#000000;
		padding-left:0px;
		text-decoration: none;
		font-weight:bold;
		}
		
		#content2 a:hover {
			color:#1DBABA;
			text-decoration:none;
			}
			
.homepage {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-align:justify;
	margin-top:-65px;
}	
		#homebanner {
			width: 815px;
			height: 147px;
			margin-left: 35px;
			background:#ffffff;
			} 
.insideTable {
padding-left:100px;
}