@charset "utf-8";
/* CSS Document */
/*** Power WINNERSCIRCLECANADA***/
/* -- generic styles ------------------------*/
*html{ height:100%;}
div,h1,h2,h3,h4,h5,h6,p,address,ul,ol,li {margin: 0px;	padding: 0px;}
td { vertical-align:top; border:0px;}
body  {font: 100% Verdana, Arial, Helvetica, sans-serif; margin: 0;padding: 0;text-align: center; height:100%;  background:url(_images/bg_body.jpg) center top no-repeat;background-color: RGB(0,40,102);}
img{ border:0px;}
#wrapper {	width: 950px;background:#ffffff;margin: 0 auto; text-align: left; height:100%;} 
#wrapper a:link, #wrapper a:visited {text-decoration: none; color: #B36B00;}
#wrapper a:hover {	color: #566440;	/*border-bottom: 1px dashed #566440;*/}
/* ------- HEADER STYLES ----------*/
#header { background:url(_images/bg_header_02.jpg) no-repeat #0d2465;}
#header #mainNav {height:30px; /*background-image:url(_images/bg_search.jpg); background-repeat:repeat-x; background-color:#0d2465;*/}
#header #searchArea {height:30px; width:250px;}

#identifier{ height:128px; border:0px; background-color:#e03404;}
#identifier ul { list-style:none; margin:0; padding:0;}
#identifier ul li {width:190px; float:left;} 
#identifier ul li img {border:none;}
#identifier ul li a:hover { cursor:hand;}

#formSearch{ padding:10px 7px 25px 0px; color:#FFF; font-weight:bold; font-size:10px; text-decoration:none; width:185px;}


/*#mainMenu {color:white; text-align:center; font-size:0.75em; font-weight:bold; width:132px; white-space:nowrap; margin-top:5px; float:left; line-height:25px; display:block;}
#mainMenu a:link, #mainMenu a:visited {color:white; display:block;}
#mainMenu a:hover {display:block; background-color:#fff; color:#c9272b;}

.mainMenu{color:#FFF; text-align:center; font-size:0.75em; font-weight:bold; width:16.5%; white-space:nowrap; margin-top:5px; float:left; line-height:25px;}
.mainMenu a:link; .mainMenu a:visited {color:white; display:block;}
.mainMenu a:hover { background-color:#fff; color:#c9272b; padding:15px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;}
 */

#mainMenu {color:white; text-align:center; font-size:0.75em; font-weight:bold; float:left; display:block; }
#mainMenu a:link,#mainMenu a:visited{ color:#FFF; width:150px; display:block;padding:7px 0 6px 0; text-shadow:1px 1px 2px #000;}
#mainMenu a:hover { background-color:#fff; color:#c9272b; display:block; text-shadow:1px 1px 1px #999;}



/* ----------- SIDEBAR STYLES ------------------*/
#sidebar {width:200px; font-family: Arial, Helvetica, sans-serif; font-size:12px; background-color:#495871;overflow: hidden; }
#sidebar h4 {color:#fedd02; font-size:14px; text-align:center; padding-top:15px;}
#sidebar ul { padding:7px 0 7px 25px;}
#sidebar li { color:#FFF; padding:0 0 1px 0;}
#sidebar li a:link, #sidebar li a:visited {	color: #fff;	text-decoration: none;	padding: padding:0 0 5px 0;}
#sidebar li a:hover {color:#fedd02; text-decoration:none;}
#directLink {background-color: #344055;	border-top: solid 1px #d2d2d2;	border-bottom: solid 1px #203449;	margin: 0px;	padding: 5px;	cursor: pointer;	-moz-user-select: none;	-khtml-user-select: none; color:#E3EBEE; font-weight:bold; font-size:12px; text-transform:uppercase; padding-left:20px;}
#directLink a:link, #directLink a:visited {color:#E3EBEE;}
#directLink a:hover {color:white; padding-left:2px;}
#directLink a:active{ outline:none;}

/* --------- MAIN CONTENT STYLES -------------*/
#main { height:100%;}
#mainContent {margin:0px; padding:0px; background-color:#FFF; width:750px;height:100%; font-size:12px;background-image:url(_images/bg_mainContent.gif); background-repeat:no-repeat; text-align:justify;}
#main #mainContent #content { margin:28px 20px 20px 20px; position:relative; height:100%; }
#main #mainContent a { color: #900; text-decoration:none;}
#main #mainContent .space_01 { height:10px;}
#main #mainContent .pict_01 { width:120px; vertical-align:top; text-align:center; padding:8px 0 0 0px;}
#main #mainContent .title_01 { font-size:13px; font-weight:bold; color:#036;}
#main #mainContent .descript_01 { font-size:12px; color:#000; vertical-align:top;}
#main #mainContent p {  padding:7px 7px 5px 7px; text-align:justify; font-family:Arial, Helvetica, sans-serif;}
#main #mainContent ul, #main #mainContent ol { padding:10px 10px 10px 40px; text-align:justify;}
#main #mainContent p.MsoNormal {margin:0;font-size:12px;}
#main #mainContent h6 { color:#036; font-size:12px; margin:7px;}
#main #mainContent h2 { color:#FF0000; font-size:14px; margin:7px;}
#main #mainContent h1 { font-size:26px; color:#C30; margin:7px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:50px;}
#contentMenu{ background-color:#495871; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:center; color:#c5def7; padding:5px;  width:590px;  height:15px;}
#main #contentMenu a:link, #main #contentMenu a:visited {	color: #c5def7;	text-decoration: none;}
#main #contentMenu a:hover {color:#FFF; text-decoration:none;}
.title_red_01{color:#F00; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:24px; font-style:italic;}
#listBottom {height:100%; width:100%; padding:20px 0px 20px 0px; float:left;}
#mainContent #content #pageNavigation {color:#C30;}

#mainContent #content div a img { padding-left:35px;}

#mainContent #content hr { height:1px; margin:15px 25px; text-shadow:none; noshade:noshade; background-color:#036; clear:both; border:none;}

#mainContent #content #pageNavigation a:link, #mainContent #content #pageNavigation a:visited { text-decoration:underline;}
#mainContent #content #pageNavigation a:hover {color:black;}
#mainContent #content #featured p { font-size:0.8em;}
/* ----------- coverSection ----------*/
.coverSection { width:90%; height:200px; list-style:none; margin:10px auto 10px 5px; float:left;}
.coverSection li{ width:155px; height:100%;  float:left;}
.coverSection img {padding:0px 15px 5px 15px;}
#mainContent #content ul.coverSection li h1 { font:bold 14px Helvetica, Arial, sans-serif; text-align:left; margin:0px 0px 0px 15px; width:125px; display:block; padding:0px;}
#mainContent #content ul.coverSection li p { text-align:left; color:#777; margin:0px 0px 7px 15px; width:110px; display:block; padding:0px;}

/* ----------- link to flipp book in modal window, including img, Preview Online, ant button book ------------------- */
.linkToFlippBook {float:left; width:250px; padding:0; margin:5px 10px 5px 25px;}
#main #mainContent #content .linkToFlippBook a img {padding:0; margin:0;}
.linkToFlippBook a font {float:left; padding-left:50px;}
.linkToFlippBook a span {float:left; padding-left:20px;}

/* ---------- list dotted ---------*/
#listDotted{width:48%; margin:0px 0px 0px 0px; position:relative; height:100%; float:left;}
#main #mainContent #listDotted ul{list-style:none;	float:left;	position:relative;/*left:-2px;top:-2px;*/text-align:left; width:100%; padding:0 0 0 5px;}
#main #mainContent #listDotted li{/* margin:-.9em 0 0 0; border-bottom:1px dotted #000;*/line-height:1.7em; position:relative; float:left; text-align:left; clear:both; left:0px;background: url(_images/dots_index.jpg) repeat-x left bottom; width:100%;}
#main #mainContent #listDotted li span{	background:#fff;	padding:1px 0 1px 5px;	color:#666;	position:relative;	top:.4em;	left:1px;/* ie rounding error*/ float:right;}
#main #mainContent #listDotted li p{padding:0 5px 0 0px; background:#FFF;position:relative; float:left; top:.4em;left:-5px;/* ie rounding error*/color:#002B5F; font-size:12px; font-weight:normal; }
#main #mainContent #listDotted li p  a:link, #main #mainContent #listDotted li p  a:visited { color:#002b5f; text-decoration:underline;}
#main #mainContent #listDotted li p  a:hover { color:red; text-decoration:underline;}

/* ---------- list dotted Gray---------*/
#listDottedGray{width:100%; margin:0px 0px 0px 0px; position:relative; height:100%; clear:both; font-size:10px; text-align:left;}
#main #mainContent #listDottedGray ul{list-style:none;	float:left;	position:relative;/*left:-2px;top:-2px;*/width:190px; padding:0 0 15px 40px;}
#main #mainContent #listDottedGray li{/* margin:-.9em 0 0 0; border-bottom:1px dotted #000;*/line-height:1.7em; position:relative; float:left; text-align:left; clear:both; left:0px;background: url(_images/dots_index.jpg) repeat-x left bottom; width:100%;}
#main #mainContent #listDottedGray li span{	background:#fff;	padding:1px 0 1px 5px;	color:#666;	position:relative;	top:.4em;	left:1px;/* ie rounding error*/ float:right;}
#main #mainContent #listDottedGray li p{padding:0 5px 0 0px; background:#FFF;position:relative; float:left; top:.4em;left:-5px;/* ie rounding error*/color:#666; font-weight:normal; }
#main #mainContent #listDottedGray li p  a:link, #main #mainContent #listDottedGray li p  a:visited { color:#002b5f; text-decoration:underline;}
#main #mainContent #listDottedGray li p  a:hover { color:red; text-decoration:underline;}

/*------------- menue jquery --------------
font: [font-style || font-variant || font-weight] font-size [/line-height] font-family | inherit  */
ul#navigation { list-style:none; padding:0; margin:0px; text-transform:uppercase; text-shadow:1px 1px 1px #000; font:bold 16px/26px Arial, Helvetica, sans-serif;}
ul#navigation li a {padding-left:15px; background-color:#344055; display:block;}
ul#navigation li ul {padding:0; margin:0; font-weight:normal; font-size:14px; text-transform:none;}
ul#navigation li ul li a { background-color: #4E628C; height:25px; display:block; padding-left:30px; margin:0; }
ul#navigation li ul li a:hover { background-color: #21448D; color:#FFF;}