/* CSS Document */

body {margin: 0px; padding: 0px; font-family: tahoma, arial, helvetica, sans-serif; font-size: 0.8em; color: #000000; background:#f3e6ec;}
  
div#wrapper {position: relative; width:900px; margin-top: 3px; margin-right: auto; margin-left: auto; text-align: left; background: #fff;}

div#header {margin: 0; padding: 0;}

div#contentarea {width:900px; background-color:#fff; padding-top:5px; padding-bottom:5px;}

div#page {float:left; width:486px; margin-left:5px; padding:10px 10px 0 10px; line-height: 1.4em; display:inline; border-left:#746cb2 2px dotted; border-right:#746cb2 2px dotted;}
div#page a:link {color: blue; text-decoration: none;}
div#page a:visited {color: purple; text-decoration: none;}
div#page a:hover {text-decoration: underline;}
div#page a:active {color: red; text-decoration: underline;}
div#page h1 {font-size: 110%; margin: 0; padding: 0 10px 10px 0; color: #3bb5a7;}
div#page h2 {font-size: 105%; margin: 0; padding: 0 10px 10px 0; color: #888999;}
div#page p {margin: 0; padding: 0 10px 10px 0;}
div#page ul {margin: 0; padding: 0 10px 10px 30px;}
caption {font-size: 100%; font-weight: bold; margin: 0; padding: 0; padding-bottom: 10px; text-align: left;}
table {margin: 0;}
td {padding-bottom: 5px;}
form {margin: 0; padding: 0;}
form div {margin: 0; padding: 0; padding-bottom: 0.6em;}
#oemProSubscription fieldset {width: 400px; border: solid 1px #7a529d; margin:0; padding: 10px; background-color:#f0d2e4;}
#oemProSubscription label {float: left; width: 40%; font-weight: bold; color: #7a529d;}
p.date {margin: 0; padding: 0 10px 10px 0; font-size: 85%;}

#teasers {float: left; width: 486px; margin:0; padding: 0;}
#teasers dl {float: left; width: 486px; margin: 0 0 10px 0; padding: 0;}
#teasers dt {float: right; width: 366px; margin: 0; padding: 0; color: #888999; font-weight:bold;}
#teasers dd {margin: 0; padding: 0;}
#teasers dd.img img {float: left; margin: 0 10px 0 0; padding: 3px; border:#ed008c 2px dotted;}
 /* reverse float */
#teasers .alt dt {float: left;}
#teasers .alt dd.img img {float: right; margin: 0 0 0 10px; padding: 3px; border:#ed008c 2px dotted;}
div#news {margin:0; padding:0; clear:both;}

img.imageright {float:right; border:none; margin: 0; padding: 0 0 10px 10px;}
div.imgcaption {float: right; margin: 0 0 0 10px; padding: 0; color:#BBBBBB; display: inline; text-align: center;}
div.imgcaption p {font-size: 85%; color: #222; margin: 0; padding: 0; line-height: 1.2em;}
div.imgcaption img {border: none;}

div.adcontainer {float:left; text-align:center; width:200px; margin-left:5px; padding:10px 0 0 0; line-height: 1.4em; display:inline;}
div.adcontainer h1 {font-size: 110%; margin: 0; padding: 0 10px 10px 10px; color: #3bb5a7; text-align:left;}
div.adcontainer p {margin: 0; padding: 0 10px 10px 10px; color: #000; text-align:left;}
div.adcontainer img {border: 0; padding-bottom: 10px;}
div.adcontainer a:link {color: blue; text-decoration: none;}
div.adcontainer a:visited {color: purple; text-decoration: none;}
div.adcontainer a:hover {text-decoration: underline;}
div.adcontainer a:active {color: red; text-decoration: underline;}

div#contents {background:#f0d2e4 url(../images/content_bg.gif) no-repeat left bottom; text-align:left; margin:0 5px 0 5px;}
#contents h1 {background:#71cdc2 url(../images/content-head_bg.gif) no-repeat left top; color:#ffffff; text-align:center; margin:0 0 10px 0; padding:3px;}
#contents ul {margin:0; padding:0 5px 5px 10px; list-style:none;}
#contents li {background:url(../images/heartsbullet.gif) no-repeat 0 10%; padding:0 0 5px 25px;}

div#contents .button {width: 156px; background:url(../images/button_bg.gif) repeat-y; padding: 2px; margin: 0 0 3px 0; font-weight:bold; color:#5b347c;}
div#contents .button ul {list-style-type:none; margin:2px 2px 2px 5px; padding:0;}
div#contents .button ul a {text-decoration:none; color:#5b347c;}
div#contents .button ul a:hover {text-decoration:none; color:#f6f6b0;}

div#footer {clear: both; padding: 0; background: #D9E4F4; border-top: solid 2px #1559BC; font-size: 75%; text-align: center;}
* html #footer {height: 1%;}
/* End hide from IE5/Mac */
div#footer p {margin: 0; padding: 10px 0 10px 200px;}
div#footer img {float: left; margin: 10px 0 0 72px; padding-bottom: 10px; border: 0; display: inline;}
div#footer a:link {color: blue; text-decoration: none;}
div#footer a:visited {color: purple; text-decoration: none;}
div#footer a:hover {text-decoration: underline;}
div#footer a:active {color: red; text-decoration: underline;}
 
 /* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {

    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the Guillotine bug in IE6 */
* html .clearfix {height: 1%;}
.clearfix {display: block;}