@charset "utf-8";
/* Max Spielmann Master CSS Document */

/* -- ACCESSIBILITY SPECIFIC -- */
ul#skiplinks{position:absolute; width:0;}
ul#skiplinks li {line-height:0px; font-size:0.5px; height:0px;}

html, body {height:100%; margin: 0; padding:0; color:#000; font:100% Arial, Helvetica, Verdana, sans-serif; background:#FFF url(../images/grad-back.jpg) left top repeat-x scroll;}
form, fieldset, dl, dd, dt {border:0; margin:0; padding:0;}
ul, ol {list-style-type:none; margin:0; padding:0;}
li {margin:0; padding:0;}
p {line-height:1.3em; margin:0 0 0.9em 0; padding:0 0 0 1px;}
hr {display:none;}
input, select, textarea {font-family:Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0 0 0 1px;}
a {text-decoration:underline;}
img {border:0;}

#outerWrapper {width:100%; backg round:url(../images/winter-back.jpg) center top no-repeat scroll;}
#wrapper {width:868px; margin:0 auto; position:relative;}
#innerWrapper {width:868px; background:url(../images/content-back.png) top left repeat-y;}

#header {float:left; display:inline; width:862px; height:147px; margin:0 0 0 3px; position:relative; border-bottom:1px solid #a8c6d8; background:#FFF;}
#header img.logo {float:left; display:inline; margin:20px 0 0 20px;}
#header img.photos {position:absolute; z-index:2; top:0; right:-13px;}
#header img.tag {position:absolute; z-index:4; top:0; left:195px;}
#header #topMenu {position:absolute; z-index:3; right:12px; bottom:11px;}
#header #topMenu ul li {float:left; display:inline; font-size:0.70em; border-left:1px solid #e4292b; padding:2px 0 0 8px; margin-left:8px;}
#header #topMenu ul li.first {border-left:none;}
#header #topMenu ul li.bookmark  {border-left:none; padding:0 0 0 16px;}
#header #topMenu ul li a {color:#e4292b; text-decoration:none;}
#header #topMenu ul li a:hover {text-decoration:underline;}

#mainMenu {clear:left; float:left; display:inline; width:862px; height:29px; margin:0 0 0 3px; border-bottom:4px solid #ff8a00;}
#mainMenu ul li {float:left; display:inline; background:url(../images/menu-split.gif) left top no-repeat scroll; font-size:0.70em; font-weight:bold;}
#mainMenu ul li a {display:block; background:url(../images/menu-back.gif) center top no-repeat scroll; color:#0067a9; text-decoration:none; line-height:28px; margin-left:2px; height:29px; text-align:center;}
#mainMenu ul li a:hover {background:url(../images/menu-back-over.gif) center top no-repeat scroll;}
#mainMenu ul li.ca a {width:114px; margin:0;}
#mainMenu ul li.mo a {width:106px;}
#mainMenu ul li.co a {width:126px;}
#mainMenu ul li.pr a {width:108px;}
#mainMenu ul li.po a {width:119px;}
#mainMenu ul li.mm a {width:143px;}
#mainMenu ul li.pm  a{width:134px;}

#breadcrumb {clear:left; float:left; display:inline; width:822px; padding:10px 20px; background:#f2f2f2; margin:0 0 0 3px;}
#breadcrumb ul {}
#breadcrumb ul li {float:left; display:inline; margin-left:7px; padding-left:11px; background:url(../images/breadcrumb-arrow.gif) 0 0.4em no-repeat scroll; font-size:0.70em; color:#e4292b;}
#breadcrumb ul li.first {background:none; padding:0; margin:0;}
#breadcrumb ul li a {color:#e4292b;}
#breadcrumb ul li a:hover {text-decoration:none;}

#content {clear:left; float:left; display:inline; margin:0 0 0 3px; padding:20px; width:822px; background:#FFF; min-height:200px;}
#content h1 {color:#0067a9; font-size:1.45em; margin-bottom:1em;}

#login {float:left; display:inline; width:380px; height:111px; padding:10px; background:url(../images/home/login-back.gif) left top no-repeat scroll;}
#login h4 {height:31px; line-height:30px; color:#e4292b; padding-left:14px;}
#login fieldset {padding:10px 10px 0;}
#login fieldset label {float:left; display:inline; font-size:11px; color:#666; width:76px; margin:5px 5px 4px 0;}
#login fieldset label.remember {width:auto;}
#login fieldset input {float:left; display:inline; border:1px solid #666; padding:2px; font-size:0.7em; color:#666; margin:1px 10px 3px 0; width:200px;}
#login fieldset input.check {padding:0; border:none; width:auto; margin:5px 5px 0 0;} /* IE6 & IE7 */
#login fieldset #remember {float:left; display:inline; clear:both; margin-left:81px;} /* IE6 & IE7 */
#login fieldset input.button {padding:0; border:none; margin:0 20px 4px 0; width:auto;}
#login p {font-size:0.70em; color:#666; margin-bottom:1.6em; padding-left:91px;}
#login p a {color:#e4292b;}
#login p a:hover {text-decoration:none;}

#footer {clear:left; float:left; display:inline; width:868px; padding-bottom:100px; background:url(../images/footer-back.png) left top no-repeat scroll;} /* IE6 & IE7 */
#footer #bottomMenu {float:left; display:inline; margin:20px 0 0 20px;}
#footer #bottomMenu ul li {float:left; display:inline; font-size:0.70em; border-left:1px solid #ccc; padding-left:8px; margin-left:8px;}
#footer #bottomMenu ul li.first {border-left:none; padding:0; margin:0;}
#footer #bottomMenu ul li a {color:#666; text-decoration:none;}
#footer #bottomMenu ul li a:hover {text-decoration:underline;}
#footer p {float:right; display:inline; color:#666; font-size:0.70em; margin:20px 20px 0 0; text-align:right;}
#footer p a {float:right; color:#666; text-decoration:none;}
#footer p a:hover {text-decoration:underline}

/* useful classes */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } /* Non IE clearfix */
.clr {overflow: hidden; clear: both; line-height:0px; font-size:0.5px; height:0px;}