body {

	margin: 0;

	padding: 0;

	background-color: #CCCCCC;

	color: Black;

	font-family: Arial, Helvetica, sans-serif;

        font-size: 15px;

}

html, body, #container {

	min-height: 100%;

	width: 700px;

	height: 100%;

	margin-left: auto;

	margin-right : auto;

}

html>body, html>body #container {

	height: auto;

}

#container {

    position: relative;

	background-color : #FFFFFF;

	border-left : 1px solid #000000;

	border-right: 1px solid #000000;

}

#header {

	margin: 10px;

	height: 110px;

	background-color : #000000;

	vertical-align: middle;

	padding-top: 10px;

	padding-left: 5px;

	padding-bottom: 10px;

}

#header .strapline {

float: right;

   	font: italic 110% Verdana, Georgia;

	color: #CC0000;

	background-color: transparent;

	margin-left : 10px;

	margin-right: 20px;

	margin-top: 30px;

	text-align : center;

	z-index : 1;

}

#header img.logo {

	float: right;

	margin: 0px;

	margin-right: 5px;

}

#header .sponsor{

	float: right;

	margin-right: 10px;

	margin-top: 30px;

	margin-left: 0px;

	margin-bottom: 0px;

	border: 1px solid black;

}

#content {

	margin: 0px;

	margin-right: 170px;

	background-color: #C787F4;

	height: 100%;

        min-height: 500px;

}

h1 {

    background-color : Black;

	color : White;

	margin: 0;

	padding: 3px 3px 3px 20px;

	font-size : 85%;

}

.offer {

	line-height: 20px; 

	padding: 15px;

	/*font-style : italic;*/

}

.borderleft img{

	float: left;

	border: 1px solid #CCCCCC;

	padding: 2px;

	margin-top: 3px;

	margin-right: 3px;

	/*margin-bottom: 3px;*/

}

.borderright img{

	float: right;

	border: 1px solid #CCCCCC;

	padding: 2px;

	margin-top: 3px;

	margin-right: 3px;

	/*margin-bottom: 3px;*/

}

.contact{

	padding: 5px;

	color : #CCCCCC;

	font-size: 80%;

	float: none;

}

#nav {

	/*position: absolute;

	top: 110px;

	right: 0px;*/

	float: right;

	width: 170px;

    border-top: 1px solid #CCCCCC;

	color : Black;

	text-align : center;

	font-size : 80%;

	background-color: #FFFFFF;

}

#nav ul{

	list-style: none;

	margin: 0;

	padding: 0;

	border: none;

}

#nav li{

	width: 170px;

	border-bottom: 1px solid #CCCCCC;

	margin : 0;

	padding : 0;

	vertical-align: center;

}

#nav a:link, #nav a:visited{

	display: block;

	padding: 5px;

	border: 0;

	color : #000000;

	text-decoration : none;

}

#nav a:hover{

	color: #C787F4;

	text-decoration: underline;

}

.currentpage{

        color: #C787F4;

        font-weight: bold;

        line-height: 30px;

}

.borderleft{

	border: 1px solid #000000;

	padding: 3px;

	float: left;

	width: 500px;

	margin-bottom: 10px;

	background-color : #FFFFFF;

}

.borderright{

	border: 1px solid #000000;

	padding: 3px;

	float: left;

	width: 500px;

	margin-bottom: 10px;

	background-color : #FFFFFF;

}

.logo{

	position: absolute;

	bottom: 0;

	right: 25px;

}

.logo img {

       border: none;

}

#whoswho{

	width: 95%;

	padding: 10px 10px 0 10px;
	list-style-type: none;
	margin: 0;
}
#whoswho li {
	padding: 0 0 10px 0;
}

.link{

	color: #000000;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1em;

	padding-top: 10px;

	margin-bottom: 10px;

	margin-left: 20px;

	margin-right: 20px;

}

.link a{

        color: #FFFFFF;

}

.event{

	color: #FFFFFF;

	font-family: Arial, Helvetica, sans-serif;

	font-weight : bold;

	padding-top: 10px;

	margin-bottom: 10px;

	margin-left: 20px;

	margin-right: 20px;

}

.eventDetail{

	color: #000000;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	margin-left: 20px;

	margin-right: 20px;

}

.bdr{

	margin-left: 50px;

	margin-top: 30px;

	width: 400px;

	border: 1px solid #000000;

}

.login{

	width: 98%;

}

#gallery{

	width: 480px;

        text-align: center;

        margin-left: 25px;

}

div#gallery div{

	float: left;

	height: 200px;

        padding: 0;

        width: 155px;

}

div#gallery div img{

	border: 1px solid #000000;

}

#content p{

        padding: 0 5px 0 5px;

}

h2 {

        color: #FFFFFF;

        padding: 5px 5px 5px 20px;

        margin: 0;

        font-size: 1em;

        font-weight: bold;

}

.job{

        font-weight: bold;

}

div.committee{

        width: 33%;

        float: left;

        padding: 0;

        margin: 0;

}

#whoswho ul{

        list-style: none;

	margin: 0;

	padding: 0;

	border: none;

}

#whoswho ul li{

        margin: 10px 0 0 0;

        padding: 0;

}

.box{

        border-top: 2px solid #000000;

        border-bottom: 2px solid #000000;

}
fieldset {  
    float: left;  
    clear: left;  
    width: 99%;  
    margin: 0 0 1.5em 0;  
    padding: 0;
    border: none;
  }
  legend {
    margin-left: 1em;
    color: #000000;
    font-weight: bold;
  }
  fieldset ol {
    padding: 1em 1em 0 1em;
    list-style: none;
  }
  fieldset li {
    clear: left;
    padding-bottom: 1em;
  }
  fieldset.submit {  
    float: none;  
    width: auto;  
    border: 0 none #FFF;  
    padding-left: 15em;
  }
  label {
clear: left;
    float: left;  
    width: 10em;  
    margin-right: 1em;  
    text-align: right;
  }
  form
  {
  	margin-top: 1.5em;
  	padding-bottom: 35px;
  }
  input.text
  {
    width: 15em;
  }
  input.submit{
    cursor: pointer;
  }
form p.verification{
    margin-left: 11em;
  }
img.left{
float: left;
border: none;
margin: 0 15px 15px 0;
}
#home img{
margin-right: 5px;
}
#home{
text-align: center;
}
.ad img{
margin-left: 15px;
}
ul.photo_category{
list-style-type: none;
}
ul.photo_category li{
list-style-type: none;
clear: left;
}

