body table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin:0px;
	padding:0px;
}

/* LAYOUT */

#welcome {
	margin-left:360px;
	padding:0;
	text-align:left;
	height: 100px;
	width: auto;
	border: 0px solid #000;
	background: #fff;
}

#wheel {
	margin:0px;
	padding:0px;
	height: 600px;
	width: 360px;
	border: 0px solid #000;
	background: #fff;
	background-image:url(../images/wheel.jpg); 
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}

#content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-top:12;
	margin-left:360px;  /* this ensures content does not wrap around menu system */
	margin-right:5px;  /* this gives a bit of space to the right, so justified text doesn't squash against the side of the page */
	padding:0;
	width: auto;
	border: 0px solid #000;
	background: #fff;
}

#menuOption1 	{margin-left: 0px; margin-top: 38px; margin-bottom: 0px; padding: 0px;}		html>body #menuOption1 {margin-left: 0px; margin-top: 38px; margin-bottom: 0px; padding: 0px;}
#menuOption2 	{margin-left: 52px; margin-top: 18px; margin-bottom: 0px; padding: 0px;}	html>body #menuOption2 {margin-left: 52px; margin-top: 18px; margin-bottom: 0px; padding: 0px;}
#menuOption3 	{margin-left: 70px; margin-top: 18px; margin-bottom: 0px; padding: 0px;}	html>body #menuOption3 {margin-left: 70px; margin-top: 18px; margin-bottom: 0px; padding: 0px;}
#menuOption4 	{margin-left: 93px; margin-top: 18px; margin-bottom: 0px; padding: 0px;}	html>body #menuOption4 {margin-left: 93px; margin-top: 18px; margin-bottom: 0px; padding: 0px;}
#menuOption5 	{margin-left: 97px; margin-top: 18px; margin-bottom: 0px; padding: 0px;}	html>body #menuOption5 {margin-left: 97px; margin-top: 18px; margin-bottom: 0px; padding: 0px;}
#menuOption6 	{margin-left: 104px; margin-top: 18px; margin-bottom: 0px; padding: 0px;}	html>body #menuOption6 {margin-left: 103px; margin-top: 18px; margin-bottom: 0px; padding: 0px;}
#menuOption7 	{margin-left: 102px; margin-top: 18px; margin-bottom: 0px; padding: 0px;}	html>body #menuOption7 {margin-left: 103px; margin-top: 18px; margin-bottom: 0px; padding: 0px;}
#menuOption8	{margin-left: 98px; margin-top: 18px; margin-bottom: 0px; padding: 0px;}	html>body #menuOption8 {margin-left: 103px; margin-top: 18px; margin-bottom: 0px; padding: 0px;}
#menuOption9 	{margin-left: 81px; margin-top: 18px; margin-bottom: 0px; padding: 0px;}	html>body #menuOption9 {margin-left: 90px; margin-top: 18px; margin-bottom: 0px; padding: 0px;}
#menuOption10 	{margin-left: 55px; margin-top: 18px; margin-bottom: 0px; padding: 0px;}	html>body #menuOption10 {margin-left: 72px; margin-top: 18px; margin-bottom: 0px; padding: 0px;}
#menuOption11 	{margin-left: 8px; margin-top: 18px; margin-bottom: 0px; padding: 0px;}		html>body #menuOption11 {margin-left: 40px; margin-top: 18px; margin-bottom: 0px; padding: 0px;}


/* LINKS */

a:link    {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #663399; FONT-FAMILY: Verdana, Arial, Helvetica, sans-ser; TEXT-DECORATION: underline;
}

a:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #663399; FONT-FAMILY: Verdana, Arial, Helvetica, sans-ser; TEXT-DECORATION: underline;
}

a:active  { 
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #663399; FONT-FAMILY: Verdana, Arial, Helvetica, sans-ser; TEXT-DECORATION: underline;
}

a:hover   { 
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: red; FONT-FAMILY: Verdana, Arial, Helvetica, sans-ser; TEXT-DECORATION: underline;
}


/* FORM */

input.submit {
	font-size: 12px;
	color: #000;
	border: 1px solid #999;
	background-color: #EEE;
	padding: 3px;
	width: 200px;
}



/* TEXT */

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
	font-weight: bold;
	margin-bottom: 8px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	margin-bottom: 8px;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: justify;	
}

li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: justify;	
}

hr {
	color: #999999;	
	background-color: #999999;
	height: 1px;
}

.textUnderline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
}

.textBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

.textItalic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-style: italic;
}

.textBoldUnderline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}

.highlight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: red;
}

.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

div.teamMembers {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-left: 20px;	
}

div.mainPage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 577px;
	text-align: justify;	
}


/* SCREENSHOTS GALLERY */

.thumb {
	border: 2px solid #FFF;
}
.thumb:hover {
	border: 2px solid #999999;
}
/* Container that gets resized and holds the photo */
#Container {
	width: 200px;	/* Initial width */
	height: 200px;	/* Initial height */
	background: #111 url(../images/loading.gif) 50% 50% no-repeat;
	border: 2px solid #999999;
	}

/* Inner container for photo */
#PhotoContainer { visibility: hidden; }

/* Temporary image for preloads */
#TempPhoto { visibility: hidden; display: inline; }

/* Counter for photos */
#Counter { 	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
}
#Caption { 	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000;
}
img {
	border:0px;	
}