@import "defaults.css";

body{
	background: #8080ff url(../images/background.jpg) repeat-x;
}
#wrapper{
	width: 832px;
	margin-left: auto;
	margin-right: auto;
}
#header{
}
#header img{
}
#nav{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#nav a{
	text-decoration: none;
	color: black;
}
#nav a:hover{
	color: white;
}
#nav #leftFiller{
	float: left;	
	background-image: url(../images/leftFiller.jpg);
	width: 44px;
}
#nav #tab1{
	background-image: url(../images/tab-1.jpg);
	width: 82px;
	float: left;
}
#nav #tab2{
	background-image: url(../images/tab-2.jpg);
	width: 82px;
	float: left;
}
#nav #tab3{
	background-image: url(../images/tab-3.jpg);
	width: 82px;
	float: left;
}
#nav #tab4{
	background-image: url(../images/tab-4.jpg);
	width: 81px;
	float: left;
}
#nav #tab5{
	background-image: url(../images/tab-5.jpg);
	width: 81px;
	float: left;
}
#nav #tab6{
	background-image: url(../images/tab-6.jpg);
	width: 82px;
	float: left;
}
#nav #tab7{
	background-image: url(../images/tab-7.jpg);
	width: 83px;
	float: left;
}
#nav #rightFiller{
	background-image: url(../images/rightFiller.jpg);
	width: 115px;
	float:left;
}
#headerBottom{
	margin-left: auto;
	margin-right: auto;
	clear: both;
}
#content{
	margin-top: 1em;
}
#left{
	float: left;
	width: 72%;
}
#left #news{
	background-color: #C0FFC0;
	border: .5em solid #fff;
	padding: 1%;
	color: #000;
}

#left #news * img{
	border: .3em solid #fff;
}

#left .exampleBox1{
	background: #8ecdf9 url(../images/bg-blue-light.gif);
	border: 1em solid #fff;
	margin-top: 1em;
}
#left .exampleBox2{
	background: #e98ff9 url(../images/bg-pink-light.gif);
	border: 1em solid #fff;
	margin-top: 1em;
}

#left .exampleBox3{
	background: #e98ff9 url(../images/bg-purple-light.gif);
	border: 1em solid #fff;
	margin-top: 1em;
}

#left .exampleBox4{
	background: #e98ff9 url(../images/bg-green-light.gif);
	border: 1em solid #fff;
	margin-top: 1em;
}

#left .exampleBox5{
	background: #e98ff9 url(../images/bg-pink.gif);
	border: 1em solid #fff;
	margin-top: 1em;
}

#left .exampleBox6{
	background: #e98ff9 url(../images/bg-blue.gif);
	border: 1em solid #fff;
	margin-top: 1em;
}


#left * img{
	border: 1em solid #fff;
}
.exampleItem{
	width: 41%;
	padding: 3%;
	float: left;
	font-size: 150%;
}
#left .exampleItem *{
	margin-left: auto;
	margin-right: auto;
}
#right{
	background-color: #C38CC5;
	border: .5em solid #fff;
	padding: 2%;
	float: left;
	width: 15.9%;
	height: 100%;
}
#right img{
	margin-bottom: 1em;
	border: .5em solid #fff;
}
#footer{
	background: #C38CC5;
	border: .5em solid #fff;
	margin-top: 1em;
	padding: 2%;
	color: #fff;
}


#leftfull{
	float: left;
	width: 100%;
}
#leftfull #news{
	background-color: #C0FFC0;
	border: .5em solid #fff;
	padding: 5%;
	color: #000;
}
#leftfull .exampleBox1{
	background: #8ecdf9 url(../images/bg-blue-light.gif);
	border: 1em solid #fff;
	margin-top: 1em;
}
#leftfull .exampleBox2{
	background: #e98ff9 url(../images/bg-pink-light.gif);
	border: 1em solid #fff;
	margin-top: 1em;
}

#leftfull .exampleBox3{
	background: #e98ff9 url(../images/bg-purple-light.gif);
	border: 1em solid #fff;
	margin-top: 1em;
}

#leftfull .exampleBox4{
	background: #e98ff9 url(../images/bg-green-light.gif);
	border: 1em solid #fff;
	margin-top: 1em;
}

#leftfull .exampleBox5{
	background: #e98ff9 url(../images/bg-pink.gif);
	border: 1em solid #fff;
	margin-top: 1em;
}

#leftfull .exampleBox6{
	background: #e98ff9 url(../images/bg-blue.gif);
	border: 1em solid #fff;
	margin-top: 1em;
}


#leftfull * img{
	border: 1em solid #fff;
}