@charset "UTF-8";
/* CSS Document by Catherine Schwab for Dc Design House*/

body{
	background-color: #a5c2e6;
	background-image: url('../images/background.png');
	background-repeat: repeat-x;
	margin-top: 0;
}

a img{
	border-style: none;
}

div.clear{
	clear:both;
}


/* STRUCTURE */

div.container{
	width: 1040px;
	height: 100%;
	margin: 0 auto;
}

div.space{
	width: 30px;
	height: 100%;
	float: left;
}

div.main{
	width: 980px;
	height: 100%;
	float: left;
}

div.top{
	width: 980px;
	height: 42px;
}

div.banner{
	width: 980px;
	height: 217px;
}

div.nav{
	width: 980px;
	height: 49px;
}

div.middle{
	width: 980px;
	height: 100%;
	background-color: #ffffff;
	overflow: auto;
}

div.content{
	width: 725px;
	height: 100%;
	padding: 20px 0px;
	float: left;
}

div.index-content{
	width: 470px;
	height: 100%;
	float: left;
}

div.index-side{
	width: 255px;
	height: 100%;
	padding-top: 10px;
	float: left;
}

div.side{
	width: 255px;
	height: 100%;
	float: left;
}

div.news{
	width: 255px;
	height: 290px;
	padding-top: 10px;
	background-image: url('../images/news-background.png');
	background-repeat: no-repeat;
}

div.awards{
	width: 255px;
	margin-bottom: 5px;
}

div.studentsuccess{
	width: 255px;
	margin-bottom: 25px;
}

div.links{
	width: 940px;
	height: 100px;
	padding: 15px 0px 0px 40px;
	background-color: #0051ba;
}

div.link{
	margin-right: 25px;
	float: left;
}

div.bottom{
	width: 980px;
	height: 105px;
	padding-top: 20px;
}


/* COLOURS */

.white{
	color: #ffffff;
}

.blue{
	color: #0051ba;
}

.navy{
	color: #000c77;
}

.olive{
	color: #af9506;
}


/* TEXT */

h1{
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 24px;
	font-weight: normal;
	margin: 0px 20px 10px 40px;
	color: #0051ba;
}

h2{
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 16px;
	font-weight: normal;
	margin: 20px 20px 10px 40px;
	color: #af9506;
}

p{
	font-family: Verdana, sans-serif;
	font-size: 13px;
	line-height: 18px;
	margin: 0px 20px 10px 40px;
	color: #000c77;
}

ul{
	margin: 0px 20px 10px 40px;
}

li{
	font-family: Verdana, sans-serif;
	font-size: 13px;
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	color: #000c77;
}

ul.nomargin{
	margin: 0px 0px 0px 0px;
}

.emphasis{
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 15px;
	line-height: 20px;
	color: #0051ba;
}

h3{
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 20px;
	font-weight: normal;
	margin: 0px 20px 10px 0px;
	color: #ffffff;
}

h4{
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 16px;
	font-weight: normal;
	margin: 0px 0px 0px 40px;
	color: #000c77;
}

h5{
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 16px;
	font-weight: normal;
	margin: 10px 0px 0px 40px;
	color: #000c77;
}

p.news{
	font-size: 11px;
	line-height: 16px;
	margin: 0px 0px 0px 40px;
}

p.links{
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 9px;
	line-height: 18px;
	margin: 5px 0px 0px 0px;
}

p.bottom-row3{
	color: #af9506;
}

.toggle /* FAQ */ {
	display:none;
}

p.q{
	font-weight: bold;
}

/* LINKS */

a:link {color:#0051ba;}      /* unvisited link */
a:visited {color:#0051ba;}  /* visited link */
a:hover {text-decoration:none;}  /* mouse over link */
a:active {color:#0051ba;}  /* selected link */

.link a:link {color:#ffffff;text-decoration:none;}      /* unvisited link */
.link a:visited {color:#ffffff;text-decoration:none}  /* visited link */
.link a:hover {text-decoration:underline;}  /* mouse over link */
.link a:active {color:#ffffff;text-decoration:none}  /* selected link */

.bottom-row1 a:link {color:#000c77;text-decoration:none;}      /* unvisited link */
.bottom-row1 a:visited {color:#000c77;text-decoration:none;}  /* visited link */
.bottom-row1 a:hover {text-decoration:underline;}  /* mouse over link */
.bottom-row1 a:active {color:#0051ba;text-decoration:none;}  /* selected link */

.bottom-row2 a:link {color:#0051ba;text-decoration:none;}      /* unvisited link */
.bottom-row2 a:visited {color:#0051ba;text-decoration:none;}  /* visited link */
.bottom-row2 a:hover {text-decoration:underline;}  /* mouse over link */
.bottom-row2 a:active {color:#000c77;text-decoration:none;}  /* selected link */


/* FORMS */

input.signup{
	border: 5px solid #0051ba;
	background-color: #0051ba;
	color:#a5c2e6;
}


/* IMAGES */

img.more{
	vertical-align: middle;
}

img.portrait{
	float: left;
	margin: 13px 10px 10px 40px;
}

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

img.success{
	float: left;
	margin: 21px 20px 30px 20px;
}