html{
	font-family: sans-serif;
}
body{
	margin: 0;
}

code{
	display:block;
	margin:0 20px;
	border: 1px #222 solid;
	padding: 15px;
	background: #222;
	color:#fefefe;
}

blockquote{
	margin:0;
	padding:3px;
}

#shadow {
	width:1020px;
	background: url(../images/body.png) repeat-y;
	margin: 0 auto;
}

#bottom {
	width:1020px;
	background: url(../images/bottomShadow.png);
	margin: 0 auto;
	height: 11px;
}

#container {
	width:1000px;
	margin: 0 auto;
	background: url(../images/background.png);
	border-left: 1px solid #777;
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
}

#nav, #nav ul {
	font-weight: 900;
	text-align: center;
	padding:5px 0 29px 50px;
	margin: 7px 0 0 0;
	list-style: none;
}

#nav a {
	font-size:1.4em;
	text-decoration:none;
	padding:30px 24px 30px 24px;
	color:#eee;
}

/** dropdown menu **/

#nav li {
	float:left;
}

#nav li ul {
	position: absolute;
	left: -999em;
}

#nav li ul a{
	padding:0 10px 24px;
	margin:0;
	color: #fff;
}

#nav li:hover ul {
	left: auto;
	padding: 0;
	margin:5px -120px -10px;
}
/** end dropdown menu 

#nav a.index:hover{
	background: url(../images/nav_backgrounds/index_background.png) no-repeat center;
}
#nav a.web:hover{
	background: url(../images/nav_backgrounds/web_background.png) no-repeat center;
}
#nav a.software:hover{
	background: url(../images/nav_backgrounds/software_background.png) no-repeat center;
}
#nav a.visualhub:hover{
	background: url(../images/nav_backgrounds/visualhub_tools_background.png) no-repeat center;
}
#nav a.college:hover{
	background: url(../images/nav_backgrounds/college_background.png) no-repeat center;
}
#nav a.about:hover{
	background: url(../images/nav_backgrounds/about_background.png) no-repeat center;
}
**/
#nav a:hover{
	color:#555;
}

#right {
	border-top: 1px solid #444;
	color: #000;
}

#content {
	padding: 8px 12px;
	color: #333;
	text-align: justify;
	background: #fff;
}

#content h1 {
	color: #272727;
	font-size: 150%;
	font-weight: 900;
	letter-spacing: -1px;
	margin: -1px 0 5px 0;
}

#content h2 {
	color: #272727;
	font-size: 175%;
	font-weight: 900;
	letter-spacing: -1px;
	margin: 1px 0 5px 0;
}

#content h3 {
	color: #272727;
	font-weight: 800;
	font-size: 130%;
	letter-spacing: -1px;
	margin: 4px 0 3px;
}

#content a,#content a:visited,#content a:active,#content a:link{
	font-weight: 600;
	color:#3E84C5;
	text-decoration: none;
}

#content a:hover{
	color:#84C10B;
}

.story {
	margin: 0 0 25px 0;
}

#content .story a,#content .story a:visited,#content .story a:active,#content .story a:link{
	font-weight: 600;
	color:#3E84C5;
	font-style:normal;
}

#content .story a:hover{
	font-weight: 600;
	color:#84C10B;
	font-style:normal;
}

/** reserve colours: 9DD772 **/