@import url("/ukt/css-p/print/print.css") print;
@import url("positioning.css");
@import url("forms.css");
@import url("navigation.css");
@import url("links.css");
@import url("shared_styles.css");
@import url("corners.css");
@import url("accessibility.css");
/* main html restyle */
/*
Main blue: #06c
Some tints
#3385D6 (80%)
#CCE0F5 (light)
#E8F1FA (v light)
#E5EFFF (lightest)
*/
/* some basic styles to begin with 
these would otherwise have gone in basic.css except we don't want campaigns to share them*/
body {
	margin: 10px;
}
h1 {
	border-bottom: 1px solid #06c; 

}h2.larger {
	font: bold 1.1em Arial, sans-serif; 
	border-bottom: 1px solid #06c;
	color: #06c;
	margin-bottom:0;
}
h2.mainSubHeading {
	font-size: 1.1em;
	margin-bottom: 12px;
}
/* * *
hidden elements - these aid orientation when viewing with no CSS
but should be hidden the rest of the time
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div#dailyStatistics, hr, .hide {
	display:none;
}
/*
accessibility toolbars
=======================*/
#crumbsWrapper {
float:left;
margin-right: 15em;
}
#resizeToolbar {
	float:right; 
	background: #fff; 
	padding: 3px 0;
	width: 10em;
	text-align:right;
	}
#resizeToolbar span {
	display:inline;
	margin-left: .6em !important; 
	padding: 0 0; /* give padding to top and bottom so we can see the overline/underline decoration */	
	font-size: 1.2em;

	
	/* because it's easier to use the corresponding sizes for the "T" link
	as for the body class we need to up the size here otherwise the small "T" is too small*/
	/*line-height: 1.6em; this rule fixes the vertical alignment */ 
}
#resizeToolbar a {
	color: #666;
	vertical-align:top;
	text-transform: uppercase;
	display:inline;
	width: 20%;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align: center;

	}
/* remainder of rules are in the accessibility.css so available to both templates */

/* * *
images
use floats in conjunction with class names now that "align" is deprecated in XHTML Strict
* * * * * * * */
#verticalImages {
	float:right;
	width: 80px;
	margin-left: 2em;
}

#verticalImages img {
	display:block;
	margin-bottom: 5px;
	border: 1px solid #000;
}
img {
	border:0;
}

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

img.right, div.captionedImage {
	float:right;
	margin-left: 10px;
}

div.captionedImage span {
	display:block;
	color: #06c;
	font-style: oblique;
}
/***
content (i.e. middle column) styles
* * * * * * * * * * * * * * * * * * */
.introduction {
	letter-spacing: .5px;
	
}

.introduction2 {
	letter-spacing: .5px;
	
}
.red {
	color: #FF3333;
}

/* when photos need a caption, div.photoCaption acts as the container for the img and text */
div.photoCaption {
	padding: 5px; 
	float:right; 
	height:auto; 
	margin: 0 0 10px 10px;
	text-align:center;
}

div.photoCaption ul {
	text-align:left;

}

div.photoCaption img {
	display: block; 
	margin: 0 auto;

}
div.photoCaption p {
	display: block; 
	color: #06c; 
	font-weight: bold; 
	margin-top: 10px;
	text-align:left;
}


/***
wannabe / did you know 
* * * * * * * * * * * * */

#wannabe, #didYouKnow, #storyTeaser {
	background: #E5EFFF url(../i/g/decorative/wannabe_corner.gif) bottom right no-repeat; 
	margin: 10px 0 10px 0; 
	text-align:left;
	padding-bottom: .5em;
}

#didYouKnow {
	background-image:url(../i/g/decorative/qmarks.gif); 
}

#wannabe h2, #didYouKnow h2, #storyTeaser h2 {	
	background: #06c url(../i/g/decorative/round_corners.gif) no-repeat;
	font: normal 13px arial, verdana, sans-serif; 
	letter-spacing: .1em; 
	color: #fff; 
	padding: 2px 0 2px 5px; 
	margin: 0 0 5px 0;
	
}
#wannabe img, #storyTeaser img {
	display:block; 
	margin: 5px 5px; 
	text-align: center;

}
#wannabe div, #didYouKnow div, #storyTeaser div  {
	padding: 0 5px 0 5px;
}
#wannabe p, #didYouKnow p, #storyTeaser p {
	padding: 0; 
	color: #000; 
	margin-top: 5px;
}
#wannabe h5 {
	font-size: 12px; 
	margin: 0;
}
#wannabe cite, #storyTeaser cite {
	font-size: 12px; 
	font-weight: bold;
	margin: 0;
}
#wannabe p.occupation{
	margin-top: 0;
}

#wannabe img {
	margin: 0; 
	padding: 0;
} /* used in #wannabe but also made available to other containers */

/***
Lists
* * * * * * * */

ul.link {
	margin:0;
	padding: 0;
	list-style:none;
}

ul.link a {
	padding-left: 15px;
	background: url(../i/g/decorative/bullet_tri.gif) left no-repeat;
}

.box li {
	margin-left: 15px;
	list-style:outside;
	list-style-image: url(../i/g/decorative/bullet_tri.gif);
}

ul.horizontal, ul.horizontal li {
	list-style:none;
	margin:0;
	padding:0;
}
ul.horizontal li {
	float:left; /* ! this may cause Dreamweaver display problems */
}
/***
Right hand (third-level) links
* * * * * * * * * * * * * * * */
#tertiaryLinks {
	text-align:left;
}
#tertiaryLinks ul {
	padding: 0;
	margin: 0;
}

#tertiaryLinks .box h4 {
	margin:0;
	font-size: 1em;
	line-height: 1.4em;
	color:#06c;
}
#tertiaryLinks h4 {
	font-size: 1em;
margin:0;
}
#tertiaryLinks .box ul {
	margin: 0;
	padding: 0;
}

/* flexible rounded corner boxes */

.box {
	padding: 0 0;
	margin-bottom: 10px;
}
.bt {
	/*height: 25px;*/
	margin: 0;
	background: #06c /*url(../../i/g/decorative/round_corners.gif) 100% 0 no-repeat*/;
	/* include the above commented code if you want the top right-hand corner to be rounded */
}

.bt h3 {
	background:url(/ukt/i/g/decorative/round_corners.gif) 0 0 no-repeat;
	margin:0 0 0 0;
	color: #fff;
	padding: 5px 5px 3px 10px;	
}
.bt h3 a {
	color: #fff;
}
.box-content {
	margin: 0;
	padding: 5px 3px 0 8px;
	border-left: 1px solid #06c;
	border-right: 1px solid #06c;

}
.box-content p {
	margin: 0 0 0 0;
	padding: 0;
}


.bb {
	height: 18px;
	background:url(/ukt/i/g/decorative/round_rect_trans.gif) 100% 100% no-repeat;
	border-left: 1px solid #06c;
}
.bb div {
	/*height: 18px;
	background:url(../../i/g/decorative/round_rect_trans.gif) 0 100% no-repeat;
	width: 10px;*/
}
.newsBox  {
	background: #eee;
}
.newsBox h4 {
	background-color: #0079c2;
	color: #fff;
	padding: 2px 5px;
}
.newsBox p {
	padding: 5px;
}
/*
More styles for right col

* * * * * * * * * * * * * */

#ffairs h2 {
	margin:0;
	font-size: 1.2em;
	padding: 3px 0;
	background: #fff;
	color: #e1081e;
}
#ffairs a {
	background:url(../i/g/decorative/ff05.gif) left no-repeat;
	display:block;
	width: 120px;
	height: 93px;
}
#ffairs a span {
	display:none;
}

/* some styles for quotes */
span.quote {
	margin: 10px 0;
	clear:both;
}
em.openQuote {
	width: 30px;
	height: 17px;
	background: url(/ukt/i/g/decorative/quotes_open.gif) top left no-repeat;
	float:left;
}
em.closeQuote {
	width: 30px;
	height: 17px;
	float:right;
	background: url(/ukt/i/g/decorative/quotes_close.gif) top right no-repeat;
	margin-top: -20px;
}

.quote cite {
	font-weight:bold;
	display:block;
	margin-top: 5px;
	text-align:right;
}
#home #signUpShortcut {
	display:block;
}
#signUpShortcut p.shoutOut {
color: #06c;
}
#signUpShortcut li#odl {
	display:block;
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #e1081e;
	/*text-transform: uppercase;*/
	letter-spacing: 1px;
	padding-left: 25px;
	background:url(/ukt/i/g/icons/phone.gif) left top no-repeat;
	margin:.6em 0 0 0;
	list-style:none;
}

#signUpShortcut .ol a  /* i.e. online */ {
	/* overwrite the phone.gif background */
	display:block;
	background:url(/ukt/i/g/buttons/signup_homepage_btn.gif) top left no-repeat;
	margin-top: 10px;
	width: 125px;
	height: 24px;
	padding: 0;	
	color: #06c;
	text-decoration:none;

}
.ol span {
	visibility:hidden;
}

/* * *
validation links in footer
* * * * * * * * * * * * * * */
#validPage {
	display:block; /* temporary until EVERY page is valid */
	margin-top: .5em;
}
#validPage img {
 	margin-right: .5em;
}



/*
finally, some multi-purpose classes
======================================*/
.right {
	float:right;
	margin: 0 0 5px 5px;
}
span.raise {
	vertical-align:super; 
	font-size: .7em;
}	
span.sub {
	vertical-align:sub; 
	font-size: .7em;
}
.clear {/* useful in any tag when you need to clear floats */
	clear:both;
}
.clearfix:after {/* this is probably better than the above as it doesn't require extra markup just to clear the float*/
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
} /* for ie */
* html .clearfix {
	height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

ul.references {

list-style-type:none;
padding-left: 0;
margin-left: 0;

}

#signUpShortcut p{
font: bold 1em Arial, Helvetica, sans-serif;
color: #e1081e;
letter-spacing: 1px;
padding-left: 25px;
background:url(/ukt/i/g/icons/phone.gif) left top no-repeat;
margin:.6em 0 0 0;
}
#signUpShortcut p.amend{
font: normal 0.7em Arial, Helvetica, sans-serif;
background:none;
padding-left: 13px;
color: #e1081e;
}