@charset "utf-8";

/*
 Name: MJ Students 2010
 Date: Jan 2010
 Description: Main css file
 Version: 1.0
 Author: Tom Gathern
 Autor URI: http://jaijo.com
*/

html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,span,strong,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus{outline:0}
ol,ul{list-style:none}

#container 	{
	margin:0 auto;
	width:1000px;
	background-color:#fff;
}

body 	{
	font-family: century gothic, verdana, arial, helvetica, sans-serif;
	font-size:12px;
	margin-top:0px;
	background-color:#fff;
}

h1 	{
font-family: century gothic, verdana, arial, helvetica, sans-serif;
	font-size:30px;
	color:#ed2290;
	margin: 20px 0 0 20px;
}

h2	{
font-family: century gothic, verdana, arial, helvetica, sans-serif;
	font-size:20px;
	color:#ed2290;
	margin: 1px 20px 0 20px;
}

h3	{
font-family: century gothic, verdana, arial, helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-align:justify;
	color:#194370;
	margin: 20px 20px 0 20px;
}

p 	{
font-family: century gothic, verdana, arial, helvetica, sans-serif;
	font-size: 15px;
	text-align:justify;
	color:#194370;
	margin: 20px 20px 0 20px;
}

p2 	{
font-family: century gothic, verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	text-align:justify;
	color:#194370;
	margin: 20px 20px 0 20px;
}

li 	{
font-family: century gothic, verdana, arial, helvetica, sans-serif;
	font-size: 15px;
	text-align:justify;
	font-weight:bold;
	color:#333333;
	margin: 8px 20px 0 20px;
}

/* Header content area */
#header_container {width:100%; min-height:257px; background-image: url(../images/header_bg.png); background-repeat:repeat-x;}

#header { margin: 0 auto; width: 1000px;}

#header img {float:left;}

/* Menu */
#header a.menu { height: 55px; display: block; float: left; }
#header a.home { width: 113px; background:url(../images/button_home.png) no-repeat;}
#header a.pads { width: 146px; background:url(../images/button_pads.png) no-repeat;}
#header a.cardiff { width: 145px; background:url(../images/button_cardiff.png) no-repeat;}
#header a.landlords { width: 145px; background:url(../images/button_landlords.png) no-repeat;}
#header a.need { width: 145px; background:url(../images/button_need.png) no-repeat;}
#header a.about { width: 145px; background:url(../images/button_about.png) no-repeat;}
#header a.contact { width: 161px; background:url(../images/button_contact.png) no-repeat;}

#header a:hover.home { width: 113px; background:url(../images/button_home2.png) no-repeat;}
#header a:hover.pads { width: 146px; background:url(../images/button_pads2.png) no-repeat;}
#header a:hover.cardiff { width: 145px; background:url(../images/button_cardiff2.png) no-repeat;}
#header a:hover.landlords { width: 145px; background:url(../images/button_landlords2.png) no-repeat;}
#header a:hover.need { width: 145px; background:url(../images/button_need2.png) no-repeat;}
#header a:hover.about { width: 145px; background:url(../images/button_about2.png) no-repeat;}
#header a:hover.contact { width: 161px; background:url(../images/button_contact2.png) no-repeat;}

/* Main content area */
#main	{
	float:left;
	width:449px;
}

#main a {color: #FBAF3F;}
#main a:hover {color: #ed2290;}

/* Other Main content area */
#main2	{
	float:left;
	width:1000px;
}

#main2 h2 {margin: 10px 20px 10px 20px;}
#main2 img {float: left; margin: 10px 32px;}
#main2 a {color: #FBAF3F;}
#main2 a:hover {color: #ed2290;}

#laptop p {width: 100px;}

/* Main content image */
#image img {float:left; margin:10px 10px 0 54px;}
#image a { color: #64ae03; }
#image a:hover {color: #ed2290;}
#image h3 {float: left; font-size:10px; width:111px; margin: 10px 10px 10px 72px; text-align:center;}

#footer_container {width:100%; min-height:298px; background-image: url(../images/footer_bg.png); background-repeat:repeat-x;}

/* Footer content area */
#footer	{margin: 0 auto; width: 1000px; border-top: 1px solid #CCCCCC;} 

/* Main content items */
#items a.items { height: 225px; display: block; float: left; }
#items a.competition { width: 255px; background:url(../images/competition.jpg) no-repeat;}
#items a.laptop { width: 255px; background:url(../images/laptop.jpg) no-repeat;}
#items a.facebook {width: 231px; background:url(../images/facebook.jpg) no-repeat;}
#items a.twitter {width: 243px;background:url(../images/twitter.jpg) no-repeat;}
#items a.sponsor {width: 271px;background:url(../images/search.jpg) no-repeat;}
#items a.wanted { width: 255px; background:url(../images/wanted_small.jpg) no-repeat;}
#items a.ipad { width: 255px; background:url(../images/win_an_ipad_2_a.jpg) no-repeat;}

#items a:hover.laptop{ width: 255px; background:url(../images/laptop2.jpg) no-repeat;}
#items a:hover.wanted { width: 255px; background:url(../images/wanted_small2.jpg) no-repeat;}
#items a:hover.facebook{ width: 231px; background:url(../images/facebook2.jpg) no-repeat;}
#items a:hover.twitter{ width: 243px; background:url(../images/twitter2.jpg) no-repeat;}
#items a:hover.sponsor{ width: 271px; background:url(../images/search2.jpg) no-repeat;}
#items a:hover.ipad{ width: 255px; background:url(../images/win_an_ipad_2.jpg) no-repeat;}

#parents {padding-left:168px;}

/* By */
#credit {font-size: 9px;
	text-align:right;
	font-weight:bold;
	color:#fff;
	height: 73px; background-image: url(../images/footer.jpg);
}

#credit-text {
    padding: 40px 35px 0px 0px;
}

#credit a {color:#fff; font-weight:bold;}
#credit a:hover {color: #FBAF3F; font-weight:bold;}

/* Clear */
.clear{clear:both;}

/* Slideshow */
#slideshow {
	height:359px;
	width: 523px;
	float: left;
	margin-bottom: 25px;
}

#slideshow IMG {
	position:absolute;
	top:266px;
	z-index:8;
	width: 523px;
	height: 359px;
	margin:20px 20px 0 0 ;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

#laptop {
	height:359px;
	position: relative;
	padding: 0px 0px 0px 0px;
}

#laptop IMG {
	position:absolute;
	top:0px;
	left:449px;
	z-index:8;
	width: 523px;
	height: 359px;
	margin:20px 20px 0 0 ;
}

#wanted {
	height:559px;
	position: relative;
	padding: 0px 0px 0px 0px;
}

#wanted IMG {
	position:absolute;
	top:0px;
	left:449px;
	z-index:8;
	width: 523px;
	height: 743px;
	margin:20px 20px 0 0 ;
}

#beach {
	height:559px;
	position: relative;
	padding: 0px 0px 0px 0px;
}

#beach IMG {
	position:absolute;
	top:0px;
	left:449px;
	z-index:8;
	width: 523px;
	height: 470px;
	margin:20px 20px 0 0 ;
}


#contact {
	float: left;
	margin: 20px;
}


fieldset
{
	float: left;
	margin-bottom:10px;
}

legend	{
	font-size:20px;
	color:#ed2290;
	margin: 1px 20px 0 20px;
}

label
{
	font-size:15px;
	width: 80px;
	float: left;
	margin: 20px 0 0 20px;
	text-align: justify;
	color: #333333;
}

input
{
	float: left;
	width: 200px;
	margin:20px 0px 0 0px;
}

input.submit 
{
	font:12px/20px verdana, arial, helvetica, sans-serif;
	padding: 0;
	background-color :#FFFFFF;
	border:1px solid;
	border-color: #ed2290;
}

select
{
	float: left;
	width: 203px;
	margin:10px 10px 10px 10px;
	text-align: center;
}

textarea
{
	float: left;
	width: 508px;
	font:12px/20px verdana, arial, helvetica, sans-serif;
	margin-top:10px;
}

#quotes {font: 12px/20px helvetica, arial, verdana;}

blockquote { float: left; width: 459px; padding: 0 20px; padding-bottom: 23px;}

.by {text-align:center; font-style:italic; color:#ed2290;}

.bqstart {
     float: left;
     height: 45px;
     padding-top: 45px;
     font-size: 700%;
     color:#ed2290;
 }

 .bqend {
     float: right;
     height: 25px;
     margin-top: 0px;
     padding-top: 9px;
     font-size: 700%;
     color:#ed2290;
 }