@import "http://www.bevivid.co.uk/core_stylesheet.css";

* {border: 0; padding: 0; margin: 0}

/* set background to white and set the default font style. */
body {behavior:url("csshover.htc"); background-image: url('/images/bg.png'); background-repeat: repeat-x; background-position:top; font-family: Arial, Helvetica, sans-serif; font-size: x-small; color: #000; margin-top: 10px; margin-bottom: 10px; padding:0}


/*////////////////////		General		////////////////////*/
#main {margin: auto; width: 960px;  background-color:#ffffff; border:1px solid #ebebeb}

.supheader {width: 950px; padding: 5px; border-bottom: 1px solid #E0CCE0; clear: both}
.header {width: 960px;float:left}
.menu {width: 960px; clear: both; background-color: #ff7700; height:10px}


/**** left******/
.left {float: left; width: 280px}
.vote { background:url(../images/vote-bgrd.jpg) top left no-repeat; width:255px; height:250px }
.leftinfo {background:url(../images/left-bgrd.gif) top left no-repeat; width:252px }
.leftinfo-bottom {background:url(../images/left-bottom.gif) top left no-repeat; height:17px }
.feedback {background:url(../images/feedback2.jpg) top left no-repeat; width:250px; height:131px }


/**** right ******/
.right {float: left; width: 640px}
.right-box { background:url(../images/box-top.jpg) top left no-repeat }
.right-box-bottom { background:url(../images/box-bottom.jpg) top left no-repeat; height:18px }

.main-box { background:url(../images/benefits-bgrd.jpg) top left no-repeat; }
.main-box-bottom { background:url(../images/benefits-bottom.jpg) top left no-repeat; height:15px }

/**** footer ******/
#footer {width: 940px; clear: both; background-color: #62524e; padding:5px 10px 5px 10px}
#subfooter {width: 940px; clear: both; padding:5px 10px 5px 0; margin:auto}


/*////////////////////		Text		////////////////////*/
h1 {font-weight: bold; font-size: 13pt; font-family: Arial, Helvetica, sans-serif; color: #6f535c; margin-bottom:10px; margin-top:0; padding-top:0}
.style1 {font-weight: bold; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color: #402108}
h2 {font-weight: bold; font-size: small; font-family: Arial, Helvetica, sans-serif; color: #6f535c;}
h3 {font-weight: bold; font-size: small; font-family: Arial, Helvetica, sans-serif; color: #000}
h4 {font-weight: normal; font-size: small; font-family: Arial, Helvetica, sans-serif; color: #000; padding: 5px 0 5px 0 }
h5 {font-weight: bold; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color: #ff9900;}
h6 {font-weight: normal; font-size: 8pt; font-family: Arial, Helvetica, sans-serif; color: #004811; margin:0; padding:0; border:0}

.leftinfo h1 { font-weight: normal; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color: #9b4849; }

.leftinfo h2 { font-weight: normal; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; color: #4d7279; padding: 20px 0 10px 10px; border-bottom:1px dotted #4d7279 }

.leftinfo .pad10 h4 { font-weight: bold; font-size: 8pt; font-family: Arial, Helvetica, sans-serif; color: #4d7279; margin:0; border:0; padding:0 }

.right-box h1 { font-weight: normal; font-size: 11pt; font-family: Arial, Helvetica, sans-serif; color: #c59333; margin-bottom:5px; border-bottom:1px dotted #c59333; width:96%; padding:12px 0 5px 10px }

.right-box h1 a { font-weight: normal; font-size: 11pt; font-family: Arial, Helvetica, sans-serif; color: #c59333; margin-bottom:5px; border-bottom:1px dotted #c59333; width:96%; padding:12px 0 5px 10px }

p {font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color: #000; margin:0 0 8px 0; padding:0; border:0}

/*////////////////////		Forms		////////////////////*/
textarea { font-size: 8pt; font-family: Arial, Helvetica, sans-serif; color: #000; margin:0; padding:2px; border: 1px solid #999; }
input { font-size: 8pt; border: 1px solid #999; padding:2px}
select { font-size: 8pt; border: 1px solid #999; padding:2px}


/*////////////////////		Linkology		////////////////////*/
.right a:link {text-decoration: underline; color: #402108; font-size:8pt; font-weight:bold}
.right a:visited {text-decoration: underline; color: #325c64; font-size:8pt; font-weight:bold}
.right a:hover {text-decoration: none; color: #402108}
.right a:active {text-decoration: underline; color: #325c64}

a:link {text-decoration: underline; color: #402108; font-size:8pt; }
a:visited {text-decoration: underline; color: #325c64; font-size:8pt;}
a:hover {text-decoration: none; color: #402108}
a:active {text-decoration: underline; color: #402108}

#subfooter a:link {text-decoration: none; color: #402108; font-size:8pt; }
#subfooter a:visited {text-decoration: none; color: #325c64; font-size:8pt;}
#subfooter a:hover {text-decoration: underline; color: #402108}
#subfooter a:active {text-decoration: none; color: #402108}



#marqueecontainer{
position: relative;
width: 205px; /*marquee width */
height: 190px; /*marquee height */
background-color: #f0e4ce;
overflow: hidden;
margin-left:20px

}

.real ul  { margin: 5px 0 0 10px; padding: 10px; font-size: 8pt; list-style-image:url(../images/small-circle.png); list-style:none; }
.real li { color: #6f535c; font-size: 8pt; margin: 0 0 6px 0; padding: 0 0 0 10px; vertical-align:top }

.right ul { margin: 5px 0 0 20px; list-style:disc; padding: 0 0 0 10px; font-size: 9pt }
.right li { margin: 0 0 8px 0 }