body
{
	font-family: Verdana, Arial, sans-serif;
	background-color: #ccccff;
	margin: 0px;
}
strong
{
	font-weight: bold ! important;
}

h2
{
	font-weight: bold;
	color: #05006D;
	font-size: 11pt;
}
h3
{
	font-size: 10pt;
	font-weight: normal;
}
a
{
	color: #0000ff;
}
a.red
{
	color: #ff0000;
}
table#main, table#main2
{
	width: 1007px;;
	border-collapse: collapse;
	font-size: 10pt;
}
td#navbar
{
	font-weight: bold;
	background-image: url(../images/navgrad.png);
	background-repeat: repeat-x;
	background-color: #1b1b7d;
	padding: 0px;
	width: 164px;
	height: 50px;
	vertical-align: top;
}
td#navbar div
{
	position: relative;
	top: -40px;
}
td#navbar a
{
	text-decoration: none;
	display: block;
	color: #ffffff;
	margin-left: 9px;
	margin-right: 11px;
	padding-left: 4px;
}
td#navbar a img
{
	border: none;
}
td#navbar a:hover, td#navbar a.current
{
	margin-left: 8px;
	margin-right: 10px;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	color: #d0254f;
}
td#navbar a#ad, td#navbar a#ad:hover
{
	border: none ! important;
	padding: 0px;
	margin: 20px 0px 0px 0px;
}
td.shade
{
	background-color: #100e57;
	color: #ffffff;
}
td.space
{
	background-color: #2625a4;
}
td#gradspace
{
	background-color: #2625a4;
	background-image: url(../images/spacegrad.png);
	background-repeat: repeat-x;
	height: 307px;
	width: 184px;
}
td#leftmargin
{
	background-image: url(../images/leftmargin.png);
	background-repeat: repeat-y;
}
td#rightmargin
{
	width: 54px;
}
td#rightbar
{
	width: 255px;
	vertical-align: top;
	text-align: right;
}
td#rightbar table
{
	float: right;
	width: 226px;
}
#rightbar .top
{
	background-image: url(../images/rightbartop.png);
	background-repeat: no-repeat;
	height: 54px;
	text-align: left;
	vertical-align: bottom;
	padding-left: 20px;
}
#rightbar h3
{
	color: #d0254f;
	font-weight: bold;
	text-transform: lowercase;
	font-size: 10pt;
	padding-left: 8px;
	margin-bottom: 5px;
}
#rightbar div.details
{
	font-size: 8pt;
	padding-left: 8px;
}
#rightbar img
{
	border: 1px solid #000000;
}
#rightbar h3 img
{
	border: 0px;
}
#rightbar div.details a
{
	text-decoration: none;
	color: #000000;
}
#rightbar div.details strong
{
	display: block;
}
#rightbar .content
{
	background-image: url(../images/rightbarback.png);
	background-repeat: repeat-y;
	padding: 0px 20px;
	text-align: left;
}
#rightbar .content div.shift
{
	position: relative;
	top: -30px;
}
#rightbar .bottom
{
	background-image: url(../images/rightbarbottom.png);
	background-repeat: no-repeat;
	height: 54px;
}
td#content
{
	padding-left: 28px;
	padding-right: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 495px ! important;
	overflow: scroll;
}
td#upfront
{
	height: 100px ! important;
	width: 184px;
}
td#login
{
	background-image: url(../images/login.png);
	background-repeat: no-repeat;
	background-position: right top;
	width: 330px;
	height: 62px;
	text-align: right;
}
div#loginbox
{
	/* this is the box that gets displayed once a user has logged in */
	margin-right: 25px;
	padding-top: 5px;
}
td#bottomcorner
{
	background-image: url(../images/bottomcorner.png);
	background-repeat: no-repeat;
	width: 73px;
	height: 72px;
}
td#topcorner
{
	background-image: url(../images/topcorner.png);
	background-repeat: no-repeat;
	height: 72px;
	width: 73px;
}
td#topmargin
{
	background-image: url(../images/topmargin.png);
	width: 420px;
	background-repeat: repeat-x;
	background-position: top;
	vertical-align: top;
}
td#bottommargin
{
	background-image: url(../images/bottommargin.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
td#footer
{
	background-color: #2625a4;
	color: #ffffff;
	font-size: 7pt;
	padding: 3px;
}

.Newfooter
{
	background-color: #2625a4;
	color: #ffffff;
	font-size: 7pt;
	padding: 3px;
}

td#footer table
{
	width: 680px;
	margin: 0px 50px;
}
td#footer a
{
	color: #ffffff;
	text-decoration: none;
}
td#footer a:hover
{
	text-decoration: underline;
}
form#loginform
{
	margin: 7px 0px 0px 0px;
	padding: 0px;
	float: right;
}
form#loginform strong
{
	color: #d0254f;
	font-size: 10pt;
}
form#loginform  img
{
	position: relative;
	margin-right: 4px;
}
form#loginform input
{
	font-size: 7pt;
	border: 0px;
}
form#loginform td.inputbox
{
	text-align: left;
}
input.text, input.smalltext
{
	padding: 0px;
	color: #aaaaaa;
}
form#loginform input.text
{
	width: 130px;
}
form#loginform input.smalltext
{
	width: 90px;
}
form#loginform input.textbutton
{
	color: #d0254f;
	background-color: #d6d6f7;
}
form#loginform label
{
	background-color: #ffffff;
	border: 1px solid #cbcde8;
	font-size: 8pt;
}
td
{
	vertical-align: top;
}

td.upfrontImg
{
	vertical-align:middle; !important
}

td#searchbar
{
	background-image: url(../images/searchbarline.png);
	background-repeat: repeat-x;
	vertical-align: middle;
}
form#search input.text
{
	border: 0px;
	width: 200px;
	height: 20px;
	font-size: 9pt;
	position: relative;
	top: 0px;
	color: #aaaaaa;
	background-color: transparent;
}
form#search span#searchtextbox
{
	background-image: url(../images/searchbox.gif);
	padding-left: 13px;
	padding-right: 13px;
	padding-bottom: 6px;
	padding-top: 1px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
form#search input.text:focus
{
	color: #000000;
}
form#search input.imagebutton
{
	position: relative;
	top: 7px;
	margin-right: 15px;
}
form#search label
{
	color: #dddddd;
}
label
{
	color: #35327D;
}
form#search label
{
	text-transform: lowercase;
}
form#search label.small
{
	font-size: smaller;
}
form#search label.small input
{
	position: relative;
	top: 2px;
}
form#search a
{
	text-decoration: none;
	font-weight: bold;
	text-transform: lowercase;
	color: #ffffff;
	padding: 0px 0px;
}
form#search img
{
	position: relative;
	top: 5px;
	border: none;
}
form#search span#options
{
	position: relative;
	left: 70px;
}
span#searchtextbox
{
	height: 25px;
}
span#searchtextbox img
{
	vertical-align: middle;
}
tr#ripple td
{
	background-image: url(../images/cww_ripple.jpg);
}
tr#ripple td.second
{
	background-position: -220px 0px;
}
td#celebbooking
{
	width: 356px;
	background-image: url(../images/cww_ripple.jpg);
	background-repeat: no-repeat;
	background-position: 0px -142px;
}
td#celebbooking a img
{
	border: none;
}
img#cwwtext
{
	margin-right: 20px;
	margin-top: 60px;
	float: right;
}
td#logoarea
{
	width: 220px;
	/*height: 126px;*/
	height: 142px;
}
div#date
{
	font-weight: bold;
	margin-top: 30px;
	font-size: 8pt;
}
div#newscontainer
{
	position: relative;
	top: 4px;
	left: 0px;
}
div#news
{
	position: absolute;
}
div#news a
{
	text-decoration: none;
	color: #484848;
}
div#news a:hover
{
	text-decoration: underline;
}

/* CWW page styles */

a.purple
{
	color: #330066;
}
p a
{
	
	text-decoration: none;
}
.smalltext
{
	font-size: smaller;
}
.boldRedtext, .notice	/* notice is used for semantic reasons; boldRedtext is legacy */
{
	font-size: smaller;
	color: #ff0000;
	font-weight: bold;
}
.loginNotice
{
	font-weight: bold;
	padding: 3px;
	border: 1px solid #ff0000;
	color: #ff0000;
	background-color: #ffcccc;
	position: relative;
	top: 10px;
	display: block;
	text-align: center;
}
td.required, th.required
{
	font-weight: bold;
	color: #330066;
}
td.text, th.text
{
	font-weight: normal;
}
td.required, td.text
{
	vertical-align: top;
}
th.minor
{
	text-align: left;
	color: #666666;
}
th.rowspanmiddle
{
	vertical-align: middle ! important;
}
input.text
{
	width: 90%;
}
table.searchresults, table.searchdetails
{
	font-size: 9pt;
	width: 100%;

}
table.searchdetails input.text
{
	color: #000000;
}
table.searchresults tr.normal
{
	color: #000000;

	cursor: pointer;
}
/* the extra class definition below is for IE, which does not support the CSS standards (it is not placed in ie.css purely for simplicity, as it makes no sense to define exactly the same styles twice under two different definitions across two different files)*/
table.searchresults tr:hover, table#searchresults tr.hover
{
	background-color: #282A7D;
	color: #ffffff;
	cursor: pointer;
}
table.searchresults tr.hover a, table#searchresults tr.normal a
{
	display: block;
	width: 100%;
	height: 100%;
}
table.searchresults tr.hover a
{
	color: #ffffff;
}
table.searchresults tr.normal a
{
	color: #000000;
}
table.searchresults th, table.searchdetails th
{
	color: #35327D;
	background-color: #ccccff;
	text-align: left;
	vertical-align: bottom;
	padding: 4px;
}
table.searchresults a
{
	text-decoration: none;
}
table.searchdetails strong
{
	color: #000000;
}
table.searchresults td
{
	padding: 4px ! important;

}
table.searchdetails td label
{
	display: block;
	text-align: right;
}
.compact
{
	margin: 0px;
	padding: 0px;
	font-size: 9pt;
}
.compact a
{
	text-decoration: none;
	color: #05006D;
	font-weight: bold;
}
.compact a:hover
{
	color: #0000ff;
}
p.compact
{
	margin-bottom: 10px ! important;
}
h3.large, h3.large a
{
	font-size: 11pt;
	text-decoration: underline;
	color: #05006d;
	font-weight: bold;
}
h3.large a:hover
{
	color: #0000ff;
}
p#events a
{
	color: #05006d;
	text-decoration: underline;
}
p#events a:hover
{
	color: #0000ff;
}
/* normally both below would be specified as 100%, but IE thinks it means 100% of the page, rather than 100% of the available width, so keeps screwing it up. Also, IE doesn't recognise the inherit property correctly, so overriding it would require seperate styles for the differently sized input boxes anyway */
input.fullwidth
{
	width: 236px;
}
select.fullwidth
{
	width: 240px;
}
input.fullwidthdouble
{
	width: 376px;
}
.CelebName
{
	font-size: 11pt;
	text-decoration: underline;
	position: relative ! important;
	left: -5px ! important;
	padding: 0px ! important;
}
a#updatelink
{
	display: block;
	text-align: right;
	margin-top: 20px;
}
div#logindetails
{
	font-size: 7pt;
	padding: 5px 5px 0px 0px;
}
div#logindetails a img
{
	border: none;
}
a.smalllink
{
	font-size: smaller;
	text-decoration: none;
	color: #000000;
}
a.textlink
{
	text-decoration: none;
	color: #000000;
}
a.smalllink:hover, a.textlink:hover
{
	text-decoration: underline;
}
td.thumb
{
	border-style: solid;
	border-color: #444444;
	border-width: 0px;
	font-size: 8pt;
}
td.thumbTop
{
	border-top-width: 1px ! important;
	border-left-width: 1px ! important;
	border-right-width: 1px ! important;
	width: 170px;
	font-weight: bold;
	font-size: 9pt;
}
td.thumbMiddle
{
	border-left-width: 1px ! important;
	border-right-width: 1px ! important;
}
td.thumbBottom
{
	border-bottom-width: 1px ! important;
	border-left-width: 1px ! important;
	border-right-width: 1px ! important;
	font-weight: bold;
	font-size: 9pt;
}
td.thumb img
{
	border-width: 1px;
}
img.spacer
{
	width: 5px;
	height: 5px;
}
option.bold
{
	font-weight: bold;
}
p.note
{
	color: #008800;
	font-weight: bold;
	width: 80%;
}
form#QuickSearchFrm
{
	border: 2px solid #dfe0fc;
	padding: 10px 3px;
	-webkit-border-radius: 20px; /* Safari prototype */
	-moz-border-radius: 20px; /* Gecko browsers */
	border-radius: 20px; /* Everything else - limited support at the moment */ 
}
td.thumb2
{
	padding: 5px;
	border: 1px solid #999999;
	margin: 3px;
	width: 110px;
	height: 110px;
	font-size: 8pt;
}
td.thumb3
{
	padding: 5px;
	border: 1px solid #999999;
	margin: 3px;
	width: 110px;
	font-size: 8pt;
}
span.thumb
{

}
span.thumb img
{
	width: 80px;
}
div#homeFlash
{
	border: 2px solid #dfe0fc;
	padding: 0px 10px 10px 10px;
	-webkit-border-radius: 20px 0px 0px 20px; /* Safari prototype */
	-moz-border-radius: 20px 0px 0px 20px; /* Gecko browsers */
	 border-top-left-radius: 20px; /* Everything else - limited support at the moment */ 
	 border-bottom-left-radius: 20px; /* Everything else - limited support at the moment */ 

}
img.heading
{
	display: block;
	margin: 5px 0px;
}
span.bullet
{
	font-size: 10pt;
	text-decoration: none ! important;
}

#book_link, #book_link a
{
	font-size: 11pt;
	text-decoration: underline;
	position: relative ! important;
	padding: 0px! important;
	margin-top: 10px;
	color: #35327D;
	text-decoration: none;
	font-weight: bold;
}
#book_link a:hover
{
	text-decoration: underline;
}
#amazon_link
{
	color: #d1274e;
	font-size: 11pt;
	font-weight: bold;
}