html, body {
	margin:0;
	padding:0;
	color: #646567;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-align: left;
	border: 1px solid white;
}

html {background: #FFF; background-image: none;}

body { font-size: 76%;}
div, p, table, th, td, li, .normal {font-size: 1.0em;}

a, a:link, a:visited {color: #690;text-decoration: none;}
a:hover, a.menulink:hover {color: #360;text-decoration: underline;}

h3 a, h3 a:link, h3 a:visited { color: #FFF; text-decoration: none;}
h3 a:hover { text-decoration: underline;}

h1, h2, h3, h4, h5, h6, p {margin-top: 0; margin-bottom: 15px;}
h1, h2, h3, .heading {font-weight: normal; font-family: "gill sans", "Gill Sans MT", "new baskerville", sans-serif;}
h4, h5, h6, .subheading {font-weight: 500; font-family: "gill sans", "Gill Sans MT" "new baskerville", sans-serif;}

h1 { font-size: 2em; color: #000;}
h2 { font-size: 2em; color:#000;}
h3, .heading { font-size: 1.9em; color:#111;}
h4 { font-size: 1.6em; color: #036;}
h5, .subheading { font-size: 1.3em; color: #555;}
h6, .normal {	font-size: 1em; color: #666;}

th { text-align: left;}

img {border:0}

label {font-weight: normal; margin-right: 5px; color:#01539D;}

fieldset {margin-bottom: 17px; padding: 0px 10px 10px; border: 1px solid #28A3D8;}

legend { width: 180px; line-height: 1.65em; padding: 0px 10px; border: none; color:#FFF; font-weight: bold;}

hr { border: 0;	height: 1px; width: 100%; color: #C0ECF9; background-color: #C0ECF9;}

#overall { width: 100%; margin: 0; padding: 0; text-align:left; background: none;}
#overall .padding { padding: 0px}
#header { height: 150px; width: 100%; margin-bottom: 10px; background: #69C; border: 1px solid white; }

.logo {width: 30%; float: left;}
.logo h1 { margin: 0; padding:0;}
.strapline {width: 70%; float: left; padding-top:30px; text-align:left; color:#000; font-size:1.2em; }
.strapline h2 { margin-bottom:1px; font-size: 2.7em; font-weight:normal; color:#000; }
.albums { display: none;}
.albums div { float: none;}

#topnav, #navigation { display: none; }

#right { width: 30%; margin-left: 70%;}
#right .content { padding: 10px 0px 30px 0;}

#middle { float: left; width: 70%;}
#middle .content { padding: 10px 10px 30px 0px;}
#middle .sitemap ul li{ list-style: none; }

#footer { width: 100%; margin: 10px 0;}
#footer .content { font-size: 0.9em; color:#666; line-height: 1.1em; text-align: center;}
#footer .content a { text-decoration:none;}
#footer .content a:hover { text-decoration:underline; color:#666;}

#breadcrumb { display:none;}

.clr {clear:both;}
.small, .error {font-size: 0.9em;}
div.float { float: left; padding: 1px;}

.arwlinks {padding-left: 15px;background: url("/multimedia/layout/arw-links.gif") no-repeat left center;}

.div-box { float: left; height: 95px; width: 285px; margin: 0 10px 5px 0;}
.div-box img { padding: 6px 9px;}
.div-box h4 {font-size: 1.6em; color: #FFF; line-height: 30px; padding-left: 9px;}
.div-box h4 a, .div-box h4 a:link, .div-box h4:visited { padding-left: 17px; background: url(/multimedia/layout/arw-links-white.gif) no-repeat left center;}
.div-box h4 a, .div-box h4 a:link, .div-box h4:visited, .div-box h4:hover { color:#FFF;}

.uhr {background: url("/multimedia/home/uhr-back.jpg") no-repeat left top;}
.infuse {background: url("/multimedia/home/infuse-back.jpg") no-repeat left top;}
.rmx {background: url("/multimedia/home/rmx-back.jpg") no-repeat left top;}
.jamjar {background: url("/multimedia/home/jamjar-back.jpg") no-repeat left top;}

.news h4 { margin-bottom: 5px; background: url("/multimedia/layout/arw-news.gif") no-repeat left center; font-weight: normal;}
.news h4, .news p {padding-left: 23px;}
.news h4, .news h4 a, .news h4 a:link, .news h4 a:visited { color:#690;}

.news-home { background:#FFF url("/multimedia/layout/grad-white.gif") repeat-x left top; border:1px solid #BDBCBD;}
.news-home h4 { margin-bottom: 5px; padding: 5px; background: url("/multimedia/layout/bullet.gif") no-repeat 3px center; font-weight: normal;}
.news-home h4, .news-home p {padding-left: 23px;}

.people { float: left; width: 30%; margin-right: 3%; background: none;}
.people h4 { margin: 0 7px 7px 0; background: url("/multimedia/layout/icons/profile.gif") no-repeat left center; font-weight: normal; border-bottom: 0px solid #F0F0F0;}
.people h4, .people p {padding-left: 25px;}

/* Form CSS */

.contactButton {
	font-size: 0.9em;
	font-weight: bold;
	background: #690 url("/multimedia/layout/grad-grn.gif") repeat-x left top;
	border: 1px solid #470;
	color: #FFF;
}

.contactButton:hover { background: #690 url("/multimedia/layout/grad-grn.gif") repeat-x left center;}
.contactButton:active { background: #690 url("/multimedia/layout/grad-grn.gif") repeat-x left bottom;}

.contactInput {
	font-size: 0.9em;
	background: #FFF;
	border-top: 1px solid #777;
	border-right: 1px solid #888;
	border-bottom: 1px solid #999;
	border-left: 1px solid #666;
}

/* Login CSS */
.loginTable { margin-bottom: 15px; border-collapse:collapse; border: 1px solid #989898; background: #f4f4f4;}
.loginTable th { background: #989898; color:#FFF;}
.maxLoginsExceeded { display:block; margin:10px 0; padding:3px 5px; background:#AA0000; color:#FFF; font-weight:bold;}
.loginbutton { font-size: 0.9em; color: white; font-weight: bold; background: #5689B7 url("/multimedia/layout/grad-blue.gif") repeat-x left center; border: 1px solid #1E5288;}
.loginbutton:hover { background: #5689B7 url("/multimedia/layout/grad-blue.gif") repeat-x left top; border-top: 1px solid #1362A8; border-left: 1px solid #1362A8;}
.loginbutton:active { background: #5689B7 url("/multimedia/layout/grad-blue.gif.gif") repeat-x left bottom; border: 1px solid #000;}

.forgotpassword {margin-bottom: 15px;}
