/**
 * Global.css
 * Main Stylesheet
 *
 * @author       Lewis Howles
 * @date         2010-07-07
 * @lastmodified 2010-07-07
 * @site         Reeds Rains Cream
 *
 * COLOURS
 *
 * Dark Blue : #00344a
 * Light Blue : #c6d9e8
 */

@import url(base.css);
@import url(forms.css);

/**
 * Wrappers
 */

html {
	background:#00344a;
}

body {
	background:#c6d9e8 url(../images/bg-fade-out.jpg) 0 100% repeat-x;
	color:#00344a;
	font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size:8pt;
}

#fade-in {
	background:url(../images/bg-fade-in.jpg) repeat-x;
}

#motif {
	background:url(../images/motif.png) 100% 0 no-repeat;
}

#page {
	margin:0 auto;
	padding-bottom:15px;
	width:940px;
}

#content-wrapper {
	background:url(../images/black30.png);
	padding:5px;
}

#content {
	background:#fff url(../images/bg-content.gif) repeat-x;
	padding:8px;
}

/**
 * Global
 */

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a[rel="external"] {
	background:url(../images/external.gif) 100% -15% no-repeat;
	padding-right:14px;
}

.standout, a {
	color:#00344a;
}

.amp {
	font-family:Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", "Warnock Pro", serif;
	font-size:1.6em;
	font-style:italic;
	font-weight:normal;
	line-height:1em;
	vertical-align:middle;
}

.icon {
	cursor:pointer;
	float:left;
	height:32px;
	position:relative;
	text-indent:-9999px;
	width:33px;
}

.icon:hover, .icon.hover {
	background-position:0 -32px;
}

/**
 * HEADER
 */

#header {
	color:#fff;
	height:99px;
	margin-bottom:70px;
	padding-top:15px;
}

#logo {
	float:left;
}

#tagline {
	float:right;
	font-family:Georgia, "Lucida Bright", Lucida, "DejaVu Serif", serif;
	font-size:13.5pt;
	font-style:italic;
	margin:40px 0 0;
}

#login {
	clear:right;
	float:right;
}

#login a {
	color:#fff;
}

#header-menu {
	font-family:Georgia, "Lucida Bright", Lucida, "DejaVu Serif", serif;
	font-size:11pt;
	font-style:italic;
	margin-bottom:30px;
}

#header-menu li {
	float:left;
	padding-right:20px;
}

#header-menu li a {
	border-bottom:1px solid #c6d9e8;
	color:#18485e;
	display:block;
	padding-bottom:5px;
}

#header-menu li a:hover {
	border-bottom:1px solid #9eb8c8;
	text-decoration:none;
}

/**
 * BODY
 */

#breadcrumbs {
	border-bottom:1px solid #dddbbe;
	font-size:8pt;
	float:left;
	padding-bottom:8px;
	text-transform:uppercase;
}

#breadcrumbs li {
	background:url(../images/crumb.gif) 100% 50% no-repeat;
	float:left;
	margin-right:8px;
	padding-right:12px;
}

#breadcrumbs li.no-crumb {
	background:none;
	padding:0;
}

#breadcrumbs li.here {
	background:none;
	color:#878787;
	font-style:italic;
	padding:0;
	text-transform:none;
}

#breadcrumbs li.here span {
	font-family:Georgia, "Lucida Bright", Lucida, "DejaVu Serif", serif;
}

h1 {
	border-bottom:1px solid #dddbbe;
	clear:both;
	color:#00344a;
	font-family:Georgia, "Lucida Bright", Lucida, "DejaVu Serif", serif;
	font-size:20pt;
	line-height:55px;
	margin-bottom:8px;
}

h2 {
	font-family:Georgia, "Lucida Bright", Lucida, "DejaVu Serif", serif;
}

/**
 * FOOTER
 */

#footer {
	background:url(../images/logo-footer.png) 0 50% no-repeat;
	color:#fff;
	font-family:Georgia, "Lucida Bright", Lucida, "DejaVu Serif", serif;
	font-size:9pt;
	height:40px;
	margin-top:48px;
	padding:8px 0 0 59px;
	width:871px;
}

#footer p {
	margin:0;
}

#footer a {
	color:#fff;
}

#footer a[rel="external"] {
	background-position:100% 110%;
}

#copyright {
	float:left;
}

#menu {
	float:right;
	padding-top:5px;
}

#menu li {
	border-right:1px solid #fff;
	float:left;
	margin-right:5px;
	padding-right:5px;
}

/* AutoComplete */
.AutoCompleteExtender_CompletionList {
	border-left:1px solid #878787;
	border-right:1px solid #878787;
	border-bottom:1px solid #878787;
	background:url(../images/bg-input.gif) repeat-x scroll 0 0 #fffefe;
	color:#878787;
	font-size:11pt;
	font-style:italic;
	list-style:none;
	margin:0;
}

.AutoCompleteExtender_CompletionList li {
	clear:both;
	cursor:pointer;
	float:none !important;
	padding:0 5px !important;
}

/*AutoComplete flyout */
.AutoCompleteExtender_CompletionListItem {
}

/* AutoComplete highlighted item */
.AutoCompleteExtender_HighlightedItem {
	color:#00344a;
}
/* End AutoComplete */