/*Global*/
body {
margin: 0;
padding: 0;
font-size: 100%;
font-family: Verdana, sans-serif;
color: #333;
background: #360;
}
/* Container */
#wrapperMain {
width: 800px;
margin: 0 auto;
}
#wrapper {
width: 800px;
margin: 0;
padding: 0;
background: #FFF;
}
/* Top Graphic with random image */
#topGraphic {
width: 800px;
margin: 0;
padding: 0;
height: 150px;
background: #FFF;
}
/* Navigation for Our DVD, Meet the Team, Find a Co-op and Cymraeg */
#topNav {
width: 800px;
margin: 0;
padding: 0;
background: #FFF url(images/home-nav-top.gif) no-repeat top left;
}
#topNav p {
font-size: 75%;
line-height:120%;
color: #333;
text-align: center;
padding: 0 5px;
}
#topNavRight {
width: 390px;
margin: 0;
padding: 0;
float: right;
}
#topNavRightRight {
width: 175px;
margin: 0;
padding: 35px 20px 0 0;
float: right;
}
#topNavRightLeft {
width: 175px;
margin: 0;
padding: 35px 0 0 0;
float: left;
}
#topNavRightFoot {
height: 0;
clear: both;
}
#topNavLeft {
width: 390px;
margin: 0;
padding: 0;
float: left;
}
#topNavLeftRight {
width: 175px;
margin: 0;
padding: 35px 0 0 0;
float: right;
}
#topNavLeftLeft {
width: 175px;
margin: 0;
padding: 35px 0 0 20px;
float: left;
}
#topNavLeftFoot {
height: 0;
clear: both;
}
#topNavFoot {
height: 15px;
clear: both;
background: #FFF url(images/home-nav-foot.gif) no-repeat top left;
}
/* Quotations */
#logos {
	width: 700px;
	margin: 0;
	padding: 25px 50px;
}
#logosRight {
	width: 600px;
	float: right;
}
#change {
	width: 100px;
	float: right;
}
#quotes {
	width: 390px;
	margin: 0;
	padding: 0 50px;
	background: #FFF;
	float: left;
}
.quote {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 120%;
color: #360;
line-height: 130%;
font-weight: 400;
font-style: italic;
text-align: center;
}
.quote-name {
font-family: Verdana, sans-serif;
font-size: 75%;
color: #333;
line-height: 130%;
font-weight: normal;
text-align: center;
}
#logosRightFoot {
height: 0;
clear: both;
}

#facebook {
	width: 100px;
	float: left;
}
#logosFoot {
height: 0;
clear: both;
}

/* Navigation for Who is the RRU, Case Studies, Contact Us and Members Area */
#bottomNav {
width: 800px;
margin: 0;
padding: 0;
background: #FFF url(images/home-nav-bottom.gif) no-repeat top left;
}
#bottomNav p {
font-size: 75%;
line-height:120%;
color: #333;
text-align: center;
padding: 0 5px;
}
#bottomNavRight {
width: 390px;
margin: 0;
padding: 0;
float: right;
}
#bottomNavRightRight {
width: 175px;
margin: 0;
padding: 155px 20px 0 0;
float: right;
}
#bottomNavRightLeft {
width: 175px;
margin: 0;
padding: 155px 0 0 0;
float: left;
}
#bottomNavRightFoot {
height: 0;
clear: both;
}
#bottomNavLeft {
width: 390px;
margin: 0;
padding: 0;
float: left;
}
#bottomNavLeftRight {
width: 175px;
margin: 0;
padding: 185px 0 0 0;
float: right;
}
#bottomNavLeftLeft {
width: 175px;
margin: 0;
padding: 155px 0 0 20px;
float: left;
}
#bottomNavLeftFoot {
height: 0;
clear: both;
}
#bottomNavFoot {
height: 15px;
clear: both;
background: #FFF url(images/home-nav-foot.gif) no-repeat top left;
}
/* Bottom Graphic with random image */
#bottomGraphic {
width: 800px;
margin: 0;
padding: 0;
height: 84px;
background: #FFF;
}
/* Copyright and bottom navigation */
#copyright {
width: 800px;
margin: 0;
padding: 0;
}
#copyrightRight {
width: 390px;
margin: 0;
padding: 0;
float: right;
}
#copyrightRight p {
font-size: 75%;
line-height:100%;
color: #FFF;
text-align: right;
}
#copyrightRight a {
text-decoration: none;
color: #FFF;
text-align: right;
}
#copyrightRight a:link {
text-decoration: none;
color: #FFF;
}
#copyrightRight a:visited {
text-decoration: none;
color: #FFF;
}
#copyrightRight a:hover {
text-decoration: none;
color: #F93;
}
#copyrightLeft {
width: 390px;
margin: 0;
padding: 0;
float: left;
}
#copyrightLeft p {
font-size: 75%;
line-height:100%;
color: #FFF;
text-align: left;
}
#copyrightFoot {
height: 0;
clear: both;
}
/* Sutton Design Button */
#sds {
width: 800px;
margin: 0;
padding: 10px 0;
text-align: right;
}
#sds p {
font-size: 23%;
line-height:100%;
color: #FFF;
text-align: right;
}
#sds a {
text-decoration: none;
color: #FFF;
text-align: right;
}
#sds a:link {
text-decoration: none;
color: #FFF;
}
#sds a:visited {
text-decoration: none;
color: #FFF;
}
#sds a:hover {
text-decoration: none;
color: #F93;
}