/* CSS Document */

/*Middle section of the page */
#page {
  background-color: #333;
  width: 980px;
  margin: 0 auto;
  text-align: left;
}

/*Form CSS*/

form {
width: 755px;
float: left;
margin-left: 25px;
margin-top: 20px;
}

label em {  
display: block;  
color: #060;  
font-size: 85%;  
font-style: normal;  
text-transform: uppercase;
}

fieldset {  
position: relative;  
float: left;  
clear: both;  
width: 100%;  
margin: 0 0 -1em 0;  
padding: 0 0 1em 0;  
border-style: none;  
border-top: 1px solid #BFBAB0;  
background-color: #F2EFE9;
}

legend span {  
position: absolute;  
left: 0.74em;  
top: 0;  
margin-top: 0.5em;  
font-size: 135%;
}

legend {  
padding: 0;  
color: #545351;  
font-weight: bold;
}

fieldset ol {  
padding: 3.5em 1em 0 1em;  
list-style: none;
}

fieldset li {  
  padding-bottom: 2em;
}

fieldset.submit {  
float: none;
background-color: #FFFFFF;
}

input.submit {
margin-left: 190px;
margin-top: 25px;
}

input.text {
width: 300px;
}

select {
width: 303px;
}

fieldset.alt {  
background-color: #E6E3DD;
}

fieldset fieldset {  
margin-bottom: -2.5em;  
border-style: none;  
background-color: transparent;  
background-image: none;
}

fieldset fieldset legend {  
margin-left: 0;  
font-weight: normal;
}

fieldset fieldset ol {  
position: relative;  
top: -1.5em;  
margin: 0 0 0 11em;  
padding: 0;
}

fieldset fieldset label {  
float: none;  
width: auto;  
margin-right: auto;
}

label {  
  float: left;  
  width: 10em;  
  margin-right: 1em;  
  text-align: right;
  font: 16px verdana;
}

.inst {  
  width: 600px;
  text-align: left;
  margin-bottom: 1em;  
}

/*End form CSS*/


a {
  font: small-caps bold 14px verdana;
  color: #999;
}

h1 {
  font: small-caps bold 27px verdana;
  color: #999;
}

p {
  font: bold 14px verdana;
  color: #999;
}


.frame{
  background-color: #333;
  width: 196px;
  float: left;
  height: 135px;
  text-align: center;
  padding: 20px 0;
}

.frame img{
  border: 3px solid white;
}

.randomImgFrame{
  background: url(images/main.png);
  position: relative;
  float: right;
  padding: 0;
  left: 127px;
  width: 585px;
  height: 491px;
}

.textFrame{
  background-color: #333;
  color: #666;
  width: 500px;
  float: left;
  height: 190px;
  text-align: justify;
  padding: 20px 0 0 5px;
}

div#randomPhoto {
  position: relative;
  top: 150px;
  left: 7px;
  width: 447px;
  height: 330px;
  background: url(images/story.jpg) #333;
}

#header {
	height: 100px;
	width: 100%;
	padding:0;
	background: url(images/bannerFill.gif) #333;
}

.titlebar {
  background: url(images/bannerFill.gif) #333;
  height: 100px;
}

/*Sidebars background colour */
body{
  background-color: #333;
  margin: 0;
  padding: 0;
}

/*Kiwcks Menu*/
/*

#kwick  = #kwicks_container
.kwicks = #kwicks
.kwick  = .kwick

*/

#kwicks_container { 	
	height: 120px;
	position: relative;
	text-align: center;
}

#kwicks_container #kwicks {
  /*background: url(images/trac.gif) bottom right no-repeat;*/
	float: left;
	position: relative;
	display: block;
}

#kwicks_container li {
	float: left;
	font: small-caps bold 14px verdana;
	list-style-image: none;
	list-style-type: none;
}

#kwicks_container li a{
	color: black;
	font: small-caps bold 14px verdana;
	text-decoration: none;
}

#kwicks_container .kwick {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 80px;
	width: 117px;
	padding: 10px;
	background: #fff;
	border-right: 5px solid #333;
	border-bottom: 5px solid #333;
}


#kwicks_container .kwick span {
	display: none;
}

/*
#kwicks_container .first {
  background: #7389ae url(images/docs.gif);
}

#kwicks_container .second {
  background: #78ba91 url(images/download.gif);
}

#kwicks_container .third {
  background: #c17878 url(images/forum.gif);
}

#kwicks_container .fouth {
  background: #a87aad url(images/trac.gif);
  border-right: 0px;
}

*/


#kwicks_container .first {
  background: #78ba91;
}

#kwicks_container .second {
  background: #CECF67;
}

#kwicks_container .third {
  background: #7389ae;
}

#kwicks_container .fouth {
  background: #a87aad;
}

#kwicks_container .fifth {
  background: #AF4141;
}

#kwicks_container .sixth {
  background: #7389ae;
}

#kwicks_container .seventh {
  background: #78ba91;
}

#kwicks_container .eighth {
  background: #CECF67;
}

#kwicks_container .ninth {
  background: #7389ae;
}

#kwicks_container .tenth {
  background: #a87aad;
}

#kwicks_container .eleventh {
  background: #AF4141;
}

#kwicks_container .twelfth {
  background: #7389ae;
}