@import "/ourworld/css/megamenu.css";
@import "nav_styles.css";
@import "our_world_styles_plus.css";



.a15pxboldtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: 15px;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
}
.apinkheadings {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: 15px;
	font-weight: bold;
	font-variant: normal;
	color: #e90125;
}
.a32pxtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-style: normal;
	line-height: 32px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}
.greytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-align: left;
}

.whitetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
}
.whitetext13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
}

.whitetextunderline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: underline;
}
.whitetextunderline13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: underline;
}
.whitetextunderline13bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 17px;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: underline;
}

.whitetextlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.whitetextlinks13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
}

.blacktextlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}

.blacktextlinksboldunderline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: underline;
}

.blacktextlinksunderline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: underline;
}

.redtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	color: #E90125;
}

.greytextbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
}

.greytextbold13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 17px;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
}

.whitetextbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
}

.redtextbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	color: #E90125;
}

.smalltext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 11px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}
.smalltextblackunderline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 11px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: underline;
}
.smalltextwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 11px;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
}
.smalltextwhiteunderline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 11px;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: underline;
}
.smalltextred {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 11px;
	font-weight: normal;
	font-variant: normal;
	color: #E90125;
}
.smalltextredunderline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 11px;
	font-weight: normal;
	font-variant: normal;
	color: #E90125;
	text-decoration: underline;
}
.largetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}
.largetextserif {
	font-family: Times new roman, Times, serif;
	font-size: 20px;
	font-style: normal;
	line-height: 24px;
	font-weight: normal;
	font-variant: normal;
	color: #E90125;
}
.largeblacktextserif {
	font-family: Times new roman, Times, serif;
	font-size: 20px;
	font-style: normal;
	line-height: 24px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}
.redsubtitles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	color: #E90125;
}
.redsubtitleslight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 19px;
	font-weight: normal;
	font-variant: normal;
	color: #E90125;
}
.redboldtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	font-weight: bold;
	font-variant: normal;
	color: #E90125;
	}
.greyboldtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	}
.wrong { background : red; }
.right { background : green; }

span.issue {
font-family: "Arial black", Arial Helvetica, sans-serif;
font-size: 12px;
color: red;
}

/*TITLE STYLES*/

.titlesection {
font-family:"Times New Roman", Times, serif;
font-size:21px;
color:#E90125;
padding-bottom:2px;
text-align:right;
}

.titlepage {
	font-family:"Arial Black", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#E90125;
	text-align:left;
	padding-bottom:4px;
	text-transform: uppercase;
}

/*MAILOUT BUTTON NAV*/

ul#nav {
list-style-type: none;
list-style-image:none;
margin: 0;
padding: 0;
margin-top: 5px;
margin-left: 15px;
clear:both;
}

ul#nav li {
float: left;
margin-bottom:0;
}

ul#nav li a {
	text-align: center;
	width: 27px;
	height: 24px;
	padding-top: 3px;
	margin: 0px;
	display: block;
	color: white;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image: url(images/mailout_images/buttons/page-but.gif);
	background-repeat: no-repeat;
	background-position: 2px top;
}

ul#nav li a#double {
	text-align: center;
	width: 45px;
	height: 24px;
	padding-top: 3px;
	margin: 0px;
	display: block;
	color: white;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image: url(images/mailout_images/buttons/page-but-double.gif);
	background-repeat: no-repeat;
	background-position: 2px top;
}


ul#nav li a:hover {
background-image: url(images/mailout_images/buttons/page-but-down.gif);
}

ul#nav li a#double:hover {
background-image: url(images/mailout_images/buttons/page-but-double-down.gif);
}

ul#nav li a#double.current {
background-image: url(images/mailout_images/buttons/page-but-double-down.gif);
}

ul#nav li a:visited {

}

a {
color: black;
}


ul#nav li a.current {
background-image: url(images/mailout_images/buttons/page-but-down.gif);
}

ul#nav li#previous a, ul#nav li#next a {
background: url(images/mailout_images/buttons/page-change.gif) no-repeat;
width: 115px;
}


ul#nav li#next a {
margin-left: 5px;
}

ul#nav li#previous-home {
width: 115px;
display: block;
}

a.new {
	background-image: url(images/common_images/new.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	width: 128px;
	padding-bottom:3px;
}

a.new-black {
	background-image: url(images/common_images/new_on_black.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	width: 113px;
	padding-bottom:3px;
}



table.scores {
font-family: Arial, Helvetica, sans-serif;
color: #333333;
font-size: 11px;
border: 2px #cc0000 solid;
border-collapse: collapse;
}

table.scores td, th {
padding: 3px;
border: 1px #cc0000 solid;
}



/*General Mailout styles*/

div.mailout{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
}

div.mailout h3{
	background:url(images/mailout_images/regular/h3-dots.gif) top left no-repeat;
	font-family: "Times New Roman", Times, serif;
	line-height: 26px;
	color: #E90125;
	font-size: 26px;
	margin-bottom: 0;
	font-weight:normal;
	padding-top:70px;
	text-align: left;
	clear:both;
}

div.mailout h4{
	font-family:Arial, Helvetica, sans-serif;
	color: #E90125;
	font-size: 16px;
	font-weight:bold;
}

div.mailout h5{
font-family:Arial, Helvetica, sans-serif;
	color: #E90125;
	font-size: 11px;
	margin-bottom: 0;
	font-weight:bold;
}

div.mailout h6{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	font-style:italic;
	line-height: 18px;
	background-color: #FDECF8;
	padding: 25px;
	margin-top: 25px;
	margin-right: 60px;
	margin-bottom: 25px;
	margin-left: 0px;
	}

div.mailout ul{
list-style-image:url(images/mailout_images/regular/red_bullet.gif);
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-left:10px;
text-align:left;
}

div.mailout li{
margin-bottom:15px;
text-align:left;
}

div.mailout ul.ticks{
list-style:none;
padding-left:0;
}

div.mailout ul.ticks li{
background:url(images/mailout_images/regular/bullet-tick.gif) top left no-repeat;
padding-left:40px;
padding-top:10px;
list-style-image: none;
}

div.mailout img.border{
margin:0 10px 10px 10px;
padding:10px;
border:solid 1px #CCCCCC;
}

div.mailout img.borderless{
margin:0 10px 10px 10px;
}

div.mailout div.info-box{
background-color:#FFFFCC;
padding:15px;
margin-top:20px;
border:#FFCC00 solid 1px;
}

div.mailout p.png {
background-position: top right;
background-repeat: no-repeat;
width:560px;
padding:40px 20px 20px 20px;
margin:0; font-weight:bold;
}

div.mailout .knowmore{
background:url(images/mailout_images/regular/know_more_small.jpg) top left no-repeat;
padding-left:160px;
height:30px;
}

div.mailout .question{
background: url(images/mailout_images/regular/q.png) top left no-repeat;
padding-left: 50px;
margin-bottom:20px;
font-weight:bold;
min-height:40px;
}

div.mailout .answer{
background: url(images/mailout_images/regular/a.png) top left no-repeat;
padding-left: 50px;
}

div.mailout div.checklist p{
background:url(images/mailout_images/regular/tickbox.jpg) top left no-repeat;
padding-top:5px;
padding-left:40px;
padding-bottom:10px;
min-height:20px;
margin:0 0 0 30px;
}

span.number{
	font-size:24px;
	color:#CC0000;
	float:left;
	display:block;
	font-weight:bold;
	width:30px;
	padding-bottom:10px;
	clear: both;
	margin-top: -5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

div.mailout img.star{
margin:0 10px 10px 0;
clear:both;
float:left;
}

div.mailout table.diary{
margin-top:20px;
text-align:left;
}

div.mailout p, div.mailout h3{
text-align:left;
}

div.mailout div.mailimages {
width:220px;
margin-bottom:20px;
}

div.mailout div.mailimages#right{
float:right;
margin-left:20px;
margin-right:2px;
}

div.mailout div.mailimages#left{
float:left;
margin-left:2px;
margin-right:20px;
}

div.mailout div.mailimages img {
padding:10px;
border:#CCCCCC solid 1px;
margin-bottom:0;
}

div.mailout div.mailimages span {
	line-height:24px;
	background-color:#333333;
	color:#FFFFFF;
	padding:3px;
	font-weight:bold;
	clear: left;
	margin:0;
}

div.mailout div.mailimages p {
background-color:#FFFF99;
border:solid 1px #FFCC00;
padding:6px;
margin:0;
font-weight:bold;
width: 100%;
}

div.gallery {
float:right;
clear:both;
border: solid 1px #FF9900;
padding:15px;
background-color:#FFFFCC;
}

div.gallery a{
background-color:#black;
}

div.gallery div {
width:120px;
height:120px;
background-color:black;
float:left;
margin:0 10px 10px 0;
padding:0;
text-align:center;
}

div.gallery div img{
padding:0;
border-width:0;
}

div.mailout img.left{
border: solid 1px #CCCCCC;
padding:10px;
margin:0 10px 10px 0;
background:none;
float:left;
}

div.mailout img.right{
border: solid 1px #CCCCCC;
padding:10px;
margin:0 0 10px 10px;
background:none;
float:right;
}

div.mailout blockquote.large{
padding:20px;
padding-top:15px;
margin:0;
padding-left:60px;
margin-top:20px;
border:solid 0px red;
background:url(images/mailout_images/regular/quotes.gif) top left no-repeat;
}

div.mailout div.dec-box-pink blockquote.large{
background:url(images/mailout_images/regular/quote-clear.png) top left no-repeat;
}

div.mailout blockquote.small{
padding:20px;
padding-top:15px;
margin:0;
padding-left:60px;
margin-top:20px;
border:solid 0px red;
background:url(images/mailout_images/regular/quotes.gif) top left no-repeat;
color:#CC0000;
font-size:18px;
font-style:italic;
font-family:"Times New Roman", Times, serif;
}

div.mailout ul blockquote{
margin-top:10px;
}

div.mailout blockquote cite{
font-weight:bold;
font-size:16px;
font-style:normal;
color:#cc0000;
}

.dec-box-pink{
background:url(images/mailout_images/regular/dec-box-pink-left.jpg) bottom left no-repeat;
padding:40px;
margin:30px 20px;
}

.dec-box-pink#right{
background:url(images/mailout_images/regular/dec-box-pink-right.jpg) bottom left no-repeat;
}

.dec-box-lilac{
	background:url(images/mailout_images/regular/dec-box-lilac-left.jpg) bottom left no-repeat;
	padding:40px;
	clear: both;
	margin-top: 30px;
	margin-right: 20px;
	margin-bottom: 30px;
	margin-left: 20px;
}

.dec-box-lilac#right{
background:url(images/mailout_images/regular/dec-box-lilac-right.jpg) bottom left no-repeat;
}

.dec-box-lilac h4, .dec-box-lilac h5, .dec-box-lilac .number{
color:#663399;
}

.dec-box-blue{
background:url(images/mailout_images/regular/dec-box-blue-left.jpg) bottom left no-repeat;
padding:40px;
margin:30px 20px;
}

.dec-box-blue#right{
background:url(images/mailout_images/regular/dec-box-blue-right.jpg) bottom left no-repeat;
}

.dec-box-blue h4, .dec-box-blue h5, .dec-box-blue .number{
color:#006699;
}

.dec-box-green{
background:url(images/mailout_images/regular/dec-box-green-left.jpg) bottom left no-repeat;
padding:40px;
margin:30px 20px;
}

.dec-box-green h4, .dec-box-green h5, .dec-box-green .number{
color:#336600;
}

.dec-box-green#right{
background:url(images/mailout_images/regular/dec-box-green-right.jpg) bottom left no-repeat;
}

.dec-box-yellow{
background:url(images/mailout_images/regular/dec-box-yellow-left.jpg) bottom left no-repeat;
padding:40px;
margin:30px 20px;
}

dec-box-yellow#right{
background:url(images/mailout_images/regular/dec-box-yellow-right.jpg) bottom left no-repeat;
}

.dec-box-orange{
background:url(images/mailout_images/regular/dec-box-orange-left.jpg) bottom left no-repeat;
padding:40px;
margin:30px 20px;
}

.dec-box-orange#right{
background:url(images/mailout_images/regular/dec-box-orange-right.jpg) bottom left no-repeat;
}

.dec-box-indigo{
background:url(images/mailout_images/regular/dec-box-indigo-left.jpg) bottom left no-repeat;
padding:40px;
margin:30px 20px;
}

.dec-box-indigo h4, .dec-box-indigo h5, .dec-box-indigo .number{
color:#336666;
}

.dec-box-indigo#right{
background:url(images/mailout_images/regular/dec-box-indigo-right.jpg) bottom left no-repeat;
}

/*Intro Page*/

a.page{
display:block;
width:68px;
height:71px;
background:url(images/mailout_images/regular/page-icon.jpg) top left no-repeat;
padding: 10px 6px 0 0;
margin:0 3px 20px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-decoration:none;
text-align:center;
float:left;
}

a.page p.page-text{
padding:0;
margin:0 0 6px 0;
text-align:center;
}

a.page p.page-number{
padding:0;
margin:0;
font-size:36px;
color:#CC0000;
text-align:center;
}

a.info-box{
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
width:167px;
height:77px;
padding:8px 18px 10px 12px;
background:url(images/mailout_images/regular/info-box.gif) top left no-repeat;
float:left;
text-decoration:none;
}

a.info-box p.title{
font-weight:bold;
font-size:14px;
font-weight:bold;
color:#fff;
margin-top:0;
}

a.info-box p.description{
text-decoration:underline;
font-weight:bold;
}

/*Default tables*/

div.mailout table.information{
border-collapse:collapse;
text-align:left;
}

div.mailout table.information td{
padding:4px;
vertical-align:top;
border:solid 1px #c00;
}

div.mailout table.information tr.header, div.mailout table.information tr.footer{
background:#CC0000;
color:#FFFFFF;
font-weight:bold;
}

div.mailout table.information tr.header td, div.mailout table.information tr.footer td{
border:none;
}

div.mailout td.top-left{
background:url(images/mailout_images/regular/red-corners-tl.gif) top left no-repeat #c00;
}

div.mailout td.top-right{
background:url(images/mailout_images/regular/red-corners-tr.gif) top right no-repeat #c00;
}

div.mailout td.bottom-left{
background:url(images/mailout_images/regular/red-corners-bl.gif) bottom left no-repeat #c00;
}

div.mailout td.bottom-right{
background:url(images/mailout_images/regular/red-corners-br.gif) bottom right no-repeat #c00;
}

/*New diary table*/

div.mailout div.diary-new{
background:url(images/mailout_images/regular/diary-middle.jpg) top left repeat-y;
width:600px;
margin-top:20px;
}

div.mailout div.diary-new div#left{
float:left;
width:230px;
margin:0;
padding:0;
padding-left:40px;
}

div.mailout div.diary-new div#right{
float:right;
width:230px;
margin:0;
padding:0;
padding-right:40px;
}

div.mailout div.diary-new div.bottom{
background: url(images/mailout_images/regular/diary-bottom.jpg) bottom center no-repeat;
height: 34px;
float: left;
width: 600px;
}

div.mailout div.diary-new ul{
margin-top:0;
}

div.mailout div.diary-new li{
margin-bottom:0;
}

div.mailout div.diary-new h4{
margin-top:0;
}

div.mailout div.diary-new h5{
margin-bottom:5px;
}

div.mailout div.diary-new p#key{
border-top:solid 1px black;
margin-top:30px;
padding-top:10px;
}

div.mailout div.diary-new span.motiv{
	background-color:#FFFFCC;
	font-weight: normal;
	color: #000000;
}

div.mailout div.diary-new span.promo{
	background-color:#FFCCCC;
	font-weight: normal;
	color: #000000;
}

/*End of Diary table*/


/*OLD Diary table*/

div.mailout table.diary td.top-left{
background:url(images/mailout_images/regular/red-corners-tl.gif) top left no-repeat #cc0000;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#FFFFFF;
}

div.mailout table.diary td.top-right{
background:url(images/mailout_images/regular/red-corners-tr.gif) top right no-repeat #cc0000;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#FFFFFF;
}

div.mailout table.diary td.bottom-left{
background:url(images/mailout_images/regular/red-corners-bl.gif) bottom left no-repeat #cc0000;
height:20px;
}

div.mailout table.diary td.bottom-right{
background:url(images/mailout_images/regular/red-corners-br.gif) bottom right no-repeat #cc0000;
height:20px;
}

div.mailout table.diary td.left{
background-color:#FFFFFF;
border-left: solid 2px #cc0000;
border-bottom: solid 1px #cc0000;
text-align:left;
vertical-align:top;
}

div.mailout table.diary td.left-yellow{
background-color: #FFFFCC;
border-left: solid 2px #cc0000;
border-bottom: solid 1px #cc0000;
text-align:left;
vertical-align:top;
}

div.mailout table.diary td.right{
background-color:#FFFFFF;
border-right: solid 2px #cc0000;
border-left: solid 1px #cc0000;
border-bottom: solid 1px #cc0000;
text-align:left;
vertical-align:top;
}

div.mailout table.diary td.right-yellow{
background-color:#FFFFCC;
border-right: solid 2px #cc0000;
border-left: solid 1px #cc0000;
border-bottom: solid 1px #cc0000;
text-align:left;
vertical-align:top;
}

div.mailout table.diary p.red{
color:#CC0000;
}

div.mailout table.diary p.orange{
color:#FF6600;
}

div.mailout table.diary p{
margin-bottom:0;
padding-bottom:0;
}
/*End of Diary table*/

/*Superleague table*/
table.superleague{
border-collapse:collapse;
background-color:#FFFFCC;
border:0;
padding:0;
text-align:left;
}

table.superleague td{
padding:8px;
vertical-align:top;
border:none;
}

table.superleague tr.top-three{
background-color:#FFFF66;
font-size:12px;
font-weight:bold;
}

table.superleague tr.shaded{
background-color:#FFFF99;
}

table.superleague td.top-left{
background:url(images/mailout_images/regular/dark-yellow-tl.jpg) top left no-repeat #FFFF66;
}

table.superleague td.top-right{
background:url(images/mailout_images/regular/dark-yellow-tr.jpg) top right no-repeat #FFFF66;
}

table.superleague td.bottom-left{
background:url(images/mailout_images/regular/yellow-corners-bl.gif) bottom left no-repeat;
}

table.superleague td.bottom-right{
background:url(images/mailout_images/regular/yellow-corners-br.gif) bottom right no-repeat;
}

/*End of Superleague table*/

div.labelled-photos{
position:relative;
}

div.labelled-photos p{
position:absolute;
width:209px;
height:30px;
background:#FFFFCC;
padding:6px;
color:#CC0000;
top:15px;
left:15px;
}


/*End of General Mailout styles*/





/*div.tips li{
list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	padding-bottom:10px;
}*/

ul.main li {
list-style: disc outside url(images/mailout_images/regular/red_bullet.gif);
margin-bottom: 15px;
}

div.tips div span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	color:#CC0000;
	margin-bottom: 20px;
	float: left;
	width: 20px;
	clear: both;
	font-style: italic;
}

div.tips div {
margin-bottom: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

blockquote.quote {
position: relative;
margin: 0;
}

blockquote.quote p#first {
text-indent: 30px;
}

blockquote span.left-quote, blockquote span.right-quote {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:50px;
	position: absolute;
	color: #FFCCCC;
	left: 39px;
	top: 165px;
}

blockquote span.left-quote {
padding-top: 20px;
margin-left: -60px;
height: 30px;
top: -9px;
}

blockquote span.right-quote {
padding-top: 15px;
margin-left: 5px;
}

blockquote p#first span.right-quote {
padding-top: 15px;
margin-left: -20px;
}

blockquote span.right-quote#one {
margin-left: -20px;
}

p.red_text {
	font-family: "Times New Roman", Times, serif;
	font-size: 17px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	color: red;
	text-align: center;
	padding: 0 25px 0 25px;
	}










/* styles for new navigation */

#mainNav {
list-style-type: none;
padding: 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

#mainNav li {
padding: 4px 2px 4px 2px;
margin-left: 0;
}

#mainNav li a {
text-decoration: none;
padding-left: 12px;
display: block;
}

#mainNav li a:hover {
color: red;
}

body.home #home a.home,  body.food-op #food-op a.food-op {
background: url(ourworldplus/owp_images/owp_common_images/red_roundel_on_white.gif) no-repeat left top;
font-weight: bold;
}

#mainNav ul {
list-style-type: none;
margin-left: 0;
padding: 0;
margin-left: 10px;
display: none;
}

#mainNav li ul li a {
font-weight: normal;
background: none;
}


.food-op #food-op ul {
display: block;
}

h3.goudy {
font-family: "Times New Roman", Times, serif;
line-height: 26px;
color: #E90125;
font-size: 26px;
margin-bottom: 0;
font-weight:normal;
clear:both;
}
h3.goudywhite {
font-family: "Times New Roman", Times, serif;
line-height: 26px;
color: #FFFFFF;
font-size: 26px;
margin-bottom: 0;
font-weight:normal;
}

h2.zoom-heading {
font-family: "Times New Roman", Times, serif;
line-height: 0.5em;
color: white;
font-size: 18px;
font-weight:normal;
margin-top: 0;
}

ul.bullets {
margin-left:30px;
}

ul.bullets li{
margin-bottom: 20px;
list-style-image:url(images/mailout_images/regular/bullet_red.jpg);
}

/* clearing floats */

 

div:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

/* Hides from IE-mac \*/

* html div {height: 1%;}

/* End hide from IE-mac */

ul:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

/* Hides from IE-mac \*/

* html ul {height: 1%;}

/* End hide from IE-mac */

 
 ul {
 margin-left:30px;
 padding-left:30px;
 }

/* Mailout styles */

/* Yellow boxes */

div.yellow-info{
background:#FFFFCC;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

div.yellow-info-top{
background:url(images/mailout_images/regular/yellow-corners-tr.gif) top right no-repeat;
height:10px;
}

div.middle {
padding:0 10px;
}

div.yellow-info-bottom{
background:url(images/mailout_images/regular/yellow-corners-br.gif) bottom right no-repeat;
height:10px;
vertical-align:bottom;
clear:both;
padding:0;
margin:0;
}

div.yellow-info p, div.yellow-info span{
margin-left:15px;
margin-right:15px;
}

/* Red boxes */

div.red-info{
background:#CC0000;
padding:0px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
clear:both;
text-align:left;
}

div.red-info-top{
background:url(images/mailout_images/regular/red-corners-tr.gif) top right no-repeat;
height:10px;
}

div.red-info-bottom{
background:url(images/mailout_images/regular/red-corners-br.gif) bottom right no-repeat;
height:10px;
}

div.red-info p, div.red-info li{
color:#FFFFFF;
margin-left:10px;
margin-right:10px;
}

div.red-info li{
margin-bottom: 10px;
}

div.red-info span{
font-weight:bold;
font-size:14px;
margin: 0 10px;
}

/* Red title bar */

div.red-title{
background:url(images/common_images/title-bar.jpg) top right no-repeat;
height:20px;
margin:0;
padding: 2px 10px;
font: 16px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

div.dottedbox{
background:url(images/common_images/dots.gif);
height:30px;
margin:0;
}

/* Archive icons */

div#mailout-archive{
width:606px;
padding: 20px 10px;
text-align:center;
margin:2px 0;
}

div#mailout-archive a{
color:#FFFFFF;
background: url(images/mailout_images/archive-icon-red.gif) no-repeat;
width:44px;
height:24px;
display: inline;
float: left;
text-align: center;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight: bold;
padding-top: 5px;
margin-left:4px;
}

div#mailout-archive a.inactive {
color: #FFFFFF;
background: url(images/mailout_images/archive-icon-grey.gif) no-repeat;
}

/* Manager polaroids */

div.polaroid {
width:144px;
height:230px;
text-align:center;
float:left;
margin-bottom:20px;
border: solid 0 red;
margin-top: 30px;
margin-right:8px;
margin-left:46px;

}

div.polaroid2 {
width:144px;
height:230px;
text-align:center;
float:left;
margin-bottom:20px;
border: solid 0 red;
margin-top: 10px;
margin-right:8px;
margin-left:245px;
}

div.polaroid p{
margin-top: 10px;
}

div.polaroid p.jobtitle{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
height:20px;
text-align:center;
margin: 2px 2px 0 2px;
}

div.polaroid2 p.jobtitle{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
height:30px;
text-align:center;
margin: 10px 10px 0 10px;
}

div.polaroid p.greytext{
font-size:12px;
font-weight:bold;
height:30px;
text-align:center;
margin: 10px 10px 0 10px;
padding-top:10px;
}

div.polaroid2 p.greytext{
font-size:12px;
font-weight:bold;
height:30px;
text-align:center;
margin: 10px 10px 0 10px;
padding-top:10px;
}

div.polaroid-photo {
background:url(images/support_images/dm-photo-frame.jpg) top left no-repeat;
width:144px;
height:172px;
text-align:left;
}

div.polaroid-photo img{
margin-left:11px;
margin-top:11px;
}

div.polaroid-photo p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#CC0000;
text-align:center;
margin-top:10px;
clear:both;
}

/* Manager polaroids */

div.hophoto {
height:70px;
width: 106px;
background-position: -1px -1px;
border: 1px solid black;
text-align:center;
padding-top: 92px;
}

div.hophoto-director {
height: 88px;
width: 106px;
background-position: -1px -1px;
border: 1px solid black;
padding-top: 82px;
}

div.hophoto-text{
	width: 98px;
	padding:4px;
	background: url(images/rootpage_images/bg.png);
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:11px;
	height: 25px;
	padding-top: 35px;
	padding-bottom: 10px;
}

div.hophoto-director div.hophoto-text {
	height: 45px;
	padding-top: 35px;
	padding-bottom: 10px;
}



/* ecards */

div.ecard {
width: 153px;
height: 188px;
padding: 19px 24px 0 23px;
background: url(images/mid_week_support_images/ecards/ecard.jpg) no-repeat;
margin-bottom:20px;
float: left;
display: inline;
margin-right: 3px;
}

div.ecard p {
height: 12px;
float: left;
width: 153px;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
margin-bottom:0;
}

a.zoom, a.send {
margin-top: 5px;
display: inline;
width: 50px;
height: 25px;
float: left;
text-decoration: none;

}

a.send {
padding-top: 4px;
height: 21px;
margin-left: 33px;
width: 70px;
text-align: center;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
color: white;
font-size: 13px;
}

/* bordered boxes */

.box-t {background: url(images/common_images/red.gif) 0 0 repeat-x; width: 100%; margin: 20px 0;}
.box-b {background: url(images/common_images/red.gif) 0 100% repeat-x}
.box-l {background: url(images/common_images/red.gif) 0 0 repeat-y}
.box-r {background: url(images/common_images/red.gif) 100% 0 repeat-y}
.box-bl {background: url(images/common_images/corner-red-bl.gif) 0 100% no-repeat}
.box-br {background: url(images/common_images/corner-red-br.gif) 100% 100% no-repeat}
.box-tl {background: url(images/common_images/corner-red-tl.gif) 0 0 no-repeat}
.box-tr {background: url(images/common_images/corner-red-tr.gif) 100% 0 no-repeat; padding:20px}

/* red bullets */

ul.redbullets {
list-style-image:url(images/mailout_images/regular/red_bullet.gif);
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

ul.redbullets li{
padding-left:10px;
margin-bottom:15px;
}

img.left {
margin-left:10px;
}

img.right {
margin-right:10px;
}

/* styled form */

div.form{
width:550px;
background-color:#FFFFCC;
padding:0;
}

div.form fieldset{
padding: 0 10px 10px 10px;
border: solid 1px #cc0000;
background-color:#FFFFCC;
margin-bottom:30px;
vertical-align:top;
}

div.form legend{
font-size:16px;
color:white;
font-weight:bold;
background: url(images/common_images/form-title.gif) top left no-repeat;
width:249px;
height:17px;
display: block;
padding: 5px 10px;
}

div.form label{
display: block;
width:150px;
float:left;
padding-left:20px;
}

div.form input, div.form select{
border: solid 1px black;
margin-bottom:10px;
}

.ListPrompt
{
    margin-left:65px;
    font-style:italic;
}

div.cutout{
background-color:#E5E5E5;
padding:25px;
margin-top:20px;
border:#666666 dashed 1px;
}

.searchText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}