@charset "utf-8";

/* Welcome to the Student CPx screen CSS */

* {margin:0;padding:0;}

	body {
	       font-family:"helvetica neue", helvetica, arial, sans-serif;
	       font-size:75%;
	       color:#333;
	       text-align:center;
		   background:#cdd6b3;
	}
	   
/* GENERAL LAYOUT
--------------------------------------------------------------------- */
	   
	#wrapper {
	    width:1000px;
	    margin:auto;
	    padding:10px;
   	    text-align:left;
		position:relative;
		background:none;
		background: #fff;
	}
	#header {
   	    height:120px;
		margin-bottom:0px;
		background:url('http://studentcpx.org/style/main/header.png') top left no-repeat;
	}
	
/* navbar */
	#navbar {
		width:840px;
		border-top: solid 1px #3e4354;
		border-bottom: solid 1px #3e4354;
	}
	#navbar ul, #navbar li {
		display:inline;
		list-style:none;
	}
	#navbar li {
		padding:10px 0px 10px 0px;
		text-transform:uppercase;
		font-weight:bold;
	}
	#navbar li a, #navbar li a:visited {
		color: #3e4354;
		padding:10px;
		/*
		-webkit-border-radius: 6px;  
		-moz-border-radius: 6px;
		*/
	}
	#navbar li a:hover, #navbar li a:active {
		color:#fff;
		background:#cc3300;
	}

/* Contact button */
	#register {
		position: absolute;
		right: 10px;
		width: 110px;
		height: 17px;
		text-align: center;
		background: #cc3300;
		color: #fff;
		text-transform: uppercase;
		font-weight: bold;
	}
	#register a, #register a:visited {
		color: #fff;
		margin: -10px -16px;
		padding: 10px 16px;
	}
	#register:hover {
		background-color: #cc6633;
	}
/* End of navbar */

	#container {
		padding:0;
		background:none;
	}
	
	a#reglink {
		display: block;
		background: url('http://studentcpx.org/style/main/worldmap.png');
		width: 710px;
		height: 304px;
	}
	a#reglink:hover {
		background: url('http://studentcpx.org/style/main/worldmap.png') 0 -300px;
	}
	
	div div {
		padding:12px;
		background:#fff;
		/*
		-webkit-border-radius: 6px;  
		-moz-border-radius: 6px;
		*/
	}
	
	#footer {
		margin:0;
		padding: 5px;
		border-top: solid 1px #3e4354;
		border-bottom: solid 1px #3e4354;
	}
	#footleft {
		float:left;
		margin: 0;
		padding: 0;
	}
	#footright {
		float: right;
		margin: 0;
		padding: 0;
	}
	
	#footer ul {
		display: inline;
	}
	#footer li {
		display: inline;
		padding: 5px 10px;
		border-right: 1px solid #3e4354;
	}
	#footer li:last-child {
		border-right: none;
	}
	#footer a {
		padding: 5px 10px;
	}
	
/* THE DETAILS
--------------------------------------------------------------------- */

	p {font-size: 1.2em; line-height: 1.4em; margin-bottom: 1em;}
	h1 {font-size: 2.5em; color: #cc3300; line-height: 1.8em;}
	h2 {font-size: 2em; color: #cc3300; line-height: 1.5em;}
	h3 {font-size: 1.5em; color: #cc3300; line-height: 1.5em;}
	h4 {font-size: 2.5em; color: #3e4354; line-height: 2em;}
	h5 {font-size: 2em; color: #3e4354; line-height: 1.5em;}
	h6 {font-size: 1.5em; color: #3e4354; line-height: 1.5em;}
	a {
		color:#cc3300;
		text-decoration:none;
	}
	blockquote {
		color: #cc3300;
		font-size: 1.8em;
		line-height: 1.5em;
		font-weight: bold;
		margin: 15px auto;
		padding: 15px 0 15px 30px;
		background: url('http://studentcpx.org/style/main/quote.jpg') top left no-repeat;
	}
	ul {
		display:block;
		list-style:circle;
		list-style-position:inside;
	}
	li {
		font-size: 1.2em;
		margin-bottom: 5px;
		margin-left: 20px;
	}
	li a {
		padding: 2px;
	}
	li a:hover {
		background: #cdd6b3;
		color: #3e4354;
	}
	strong {
		color: #cc3300;
	}
	hr {
		border-top: 1px solid #3e4354;
	}
	div.where {
		margin: 0;
		padding: 0;
	}
	.greenbox {
		background: #cdd6b3;
		color: #3e4354;
		padding: 10px;
		margin: 5px 0;
		text-align: center;
	}
	.whitebox {
		background: #fff;
	}
	.white {
		color: #fff;
	}
	.blue {
		color: #3e4354;
	}
	.location {
		float: left;
		margin-bottom: 35px;
	}
	
	::selection { background: #cdd6b3; /* Safari and Opera */ }
	::-moz-selection { background: #cdd6b3; /* Firefox */ }

	
/* COLLUMNS
(for sub pages, give new divs a class of "wide left" or "narrow right" for example)
--------------------------------------------------------------------- */

	.left {position: relative; float: left; top: 0px; bottom: 0px;}
	.right {position: relative; float: right; top: 0px; bottom: 0px;}
	.narrow {position: relative; width: 250px;}
	.wide {position: relative; width: 700px;}
	.medium {position: relative; width: 440px;}
	.clear {clear: both;}
	.clearlft {clear: left;}
	.clearrt {clear: right;}
	.fltlft {
		float: left;
		margin: 0 10px 10px 0;
	}
	.fltrt {
		float: right;
		margin: 0 0 10px 10px;
	}
	
	.borderright {
		border-right: solid 1px #3e4354;
	}
	.borderleft {
		border-left: solid 1px #3e4354;
	}