/*===
Sue Ryder Screen CSS Design
Author: 
===*/

/*=== General ===*/
body {
	text-align:center;
	margin:0px;
	font-family:Verdana, sans-serif;
	background-color:#FF9900;
}

/*=== Layout ===*/

/* master container */
div#main-container {
	width:800px;
	margin:0 auto;
	text-align:left;
	background-color:#fff;
}

/* top container, holding the header and the top menu */
div#top-container {
	margin-top:20px;
	margin-left:20px;
	margin-bottom:0px;
	background-image:url(../img/site.header.jpg);
	background-repeat:no-repeat;
	height:85px;
	width:760px;
	display:block;
}

div#top-container div#top-menu {
	padding-top:5px;
	text-align:right;
	padding-right:20px;
	color:#fff;
	font-size:12px;
	padding-left:475px;
}

div#top-container div#top-menu a {
	color:#fff;
	text-decoration:none;
}

div#top-container div#top-menu span {
	display:block;
	float:left;
	width:70px;
	text-align:center
}

div#top-container div#top-menu span.middle {
	width:95px;
}
div#top-container div#top-menu span.separator {
width:10px;
}
div#top-container div#top-menu a:hover {
	font-weight:bold;
}

/* left menu */
div#left-menu {
	display:none;
}

div#left-menu a:hover, div#left-menu a.active  {
	font-weight:bold;
}

/* options sit in spans */
div#left-menu span {
	display:block;
	font-size:12px;
	padding-bottom:5px;
	padding-top:5px;
	width:150px;
	border-bottom: 2px dotted #ccc;
}

/* links are inside spans */
div#left-menu span a {
	color:#003399;
	text-decoration:none;
}

/* suboptions are set in an  */
div#left-menu span.subs {
	border-bottom: 0;
	padding:0px;
}

div#left-menu span.subs a {
	display:block;
	width:160px;
	
}


div#left-menu span.nodots {
	border-bottom: 2px solid #fff;
}


/* body */
div#body-container {
	padding-bottom:30px;
	margin-top:12px;
	
}

div#body-column {
	width:170px; 
	float:left;
	padding-left:20px;
}

div#body-content {
	width:583px; 
	_width:581px;
	margin-left:190px;
	padding-top:0px;
}

div#body-content h1 {
	color:#003399;
	font-size:18px;
	font-weight:500;
}

div#body-content p {
	width:390px;
	font-size:12px;
	
}


div#body-content p a {
	color:#336633;
	text-decoration:none;
}

div#body-content ul {
	margin:0px;
}

div#body-content ul li {
	color:#336633;
	font-size:12px;
}

div#body-content ul.nostyle {
	list-style:none;
	padding-left:0px
}


div#body-content p.intro {
	font-size:14px;
	color:#333;
}


div#body-content .right-captionbox {
	float:right;
	width:160px;
	font-size:12px;
}

div#body-content div.right-captionbox p {
	width:140px;
	padding:0px 10px;
	margin:0px;
	margin-bottom:10px
}


div#body-content .right-captionbox-with-bg {
	background-image:url(../img/news.bg.jpg);
	background-repeat:repeat-x;
	background-color:#e9e9e9;
	padding-top:10px;
	padding-bottom:2px;
}
div#body-content .inline-captionbox-with-bg {
	background-image:url(../img/news.bg.jpg);
	background-repeat:repeat-x;
	background-color:#e9e9e9;
	border:1px solid #fff;
	width:380px;
	padding:10px;
}

div#body-content .inline-captionbox-with-bg p {
	width:370px;
}


div#body-content table.captionbox-vertical {
	width:350px;
}

div#body-content table.captionbox-vertical td {
	vertical-align:top;
	font-size:12px;
}

div#body-content table.captionbox-vertical td p {
	width:100%;
}


div#body-content div.news {
	color:#333;
	padding-top:0px;
	padding-bottom:0px;
}

div#body-content div.news h2 {
	font-family:Times;
	padding:3px 10px;
	padding-top:7px;
	margin:0px;
	
}

div#author {
	padding-left:40px;
	padding-top:10px;
	padding-bottom:30px;
	font-size:10px;
	width:800px;
	margin:0 auto;
	text-align:left;
	color:#333;	
}

div#author a{
	color:#333;	
}


/* footer definitions */

div#footer-container {
	padding-right:30px;
	font-size:10px;
	padding-bottom:20px;
	
}

div#footer-rosemary {
	display:block;
	height:90px;
	width:230px;
	float:left;
	margin-left:20px;
	margin-top:-45px;
	
}

div#footer-contact {
	margin-top:20px;
	_margin-top:0px;
}

div#footer-contact p  a {
	color:#003399;
	text-decoration:none;
}


div#footer-contact p  a:hover {
	font-weight:bold;
}
div#footer-contact p {
	text-align:right;
	font-size:10px;
	margin:0px;
}
div#footer-contact p span.orange {
	color:#FF9900;
	font-weight:bold;
}
/*=== Headings ===*/

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}

/*=== Lists ===*/

li {}
li p {}
ol {}
ul {}
ol li {}
ul li {}

/*=== Images ===*/

img {}
a img {}
a:hover img  {}

/*=== Links ===*/

a {}
a:hover {}
a:visited, a:active, a:focus {}
a:visited {}
a:active {}
a:focus {}

/*=== Forms ===*/

form {}
fieldset {}
legend {}
label {}
input {}
textarea {}
input, textarea {}
select {}
optgroup {}
option {}

/*=== Tables ===*/

table {}
caption {}
thead {}
tbody {}
tfoot {}
tr {}
tr .alt{}
th {}
td {}


/*=== Classes ===*/
span.blue {
	color:#003399;
	font-weight:bold;
}

span.blue-small {
	color:#003399;
}

div#body-content p a.blue {
	color:#003399;
}

div#body-content p a.blue:hover {
	font-weight:bold;
}

p.bold { 
	font-weight:bold;
}

p.centered {
	text-align:center;
}

p.rightened {
	text-align:right;
}

p.clearer, div.clearer {
	clear:both;
	height:0px;
}

/*=== Ids ===*/