/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 11px;
	line-height: 18px;
	font-family: Helvetica, Arial, sans-serif;
	background: #F7F7F7;
	color: #50A6C2;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color: #AAAAAA; }
a:active { text-decoration: none; color: #50A6C2; }
a:visited { text-decoration: none; color: #AAAAAA; }
a:hover { color: #50A6C2; background: #F7F7F7; }
a:selected { text-decoration: none; color: #000000; }

a img { border: none; }

#menu {
    width: 190px;
    overflow: auto;
    top: 0;
    bottom: 0;
    left: 10px;
    position: fixed;
    height: 100%;
    background-color: #F7F7F7;
}

#menu ul {
	list-style: none;
	padding-bottom: 5px;
	border-bottom-color: #E7E8E9;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin: 0 0 5px 0;
}

#menu ul li.section-title { }

#menuBottom {
	height: 150px;
	width: 190px;
    margin: 0px 0px 0px 0px;
	valign: bottom;
    border-bottom-color: #E7E8E9;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 2px
}

#content {
    height: 100%;
	width: 760px;
    margin: 0px 0px 25px 210px;
    top: 0;
}

#info {
    height: 115px;
	width: 750px;
    margin: 0px 0px 0px 0px;
    top: 0;
	background-color: #F7F7F7
}

#project {
	float: left;
    height: 115px;
	width: 190px;
    margin: 0px 0px 0px 0px;
    top: 0;
	background-color: #F7F7F7
}

#chall {
	float: left;
    height: 115px;
	width: 280px;
    margin: 0px 0px 0px 0px;
    top: 0;
	background-color: #F7F7F7
}

#solution {
	float: left;
    height: 115px;
	width: 280px;
    margin: 0px 0px 0px 0px;
    top: 0;
	background-color: #F7F7F7
}

.container {
    padding: 0px 0px 50px 0px;
}

#content p { width: 750px; margin-bottom: 9px; }

p {
    margin: 0 0 9px 0;
}

h1 { 
	font-size: 11px;
	line-height: 14px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: none;
	background: #F7F7F7;
	color: #000000;
}

a.h1 {
	font-size: 11px;
	line-height: 14px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: none;
	background: #F7F7F7;
	color: #1F1F1F;
}
a.h1:hover {
	font-size: 11px;
	line-height: 14px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: none;
	background: #F7F7F7;
	color: #50A6C2;
}


h2 { 
	font-family: Georgia, serif;
	font-size: 20px;
	font-weight: normal;
	color: #666666;
	padding-bottom: 15px; /* sets the spacing between the heading and paragraph below */

}
	
h3 { 
	font-size: 16px;
	color: #0006FF;
}
	
h4 { 
	font-size: 11px;
	line-height: 14px;
	font-family: Helvetica, Arial, sans-serif;
	background: #F7F7F7;
	color: #000000;
}
#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }

.text {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}

.cat {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	color: #AAAAAA;
}