body 
{
    font-family:Verdana,Arial,Sans-Serif;
    font-size:small;
    margin:0px 0px 0px 0px;
 /*   background-image:url('images/navBar.png');
    background-repeat:repeat-y;
    background-position:right; */
    background-color:#009999 /*#FFCC00*/
}
h1
{
    font-size:14pt
}
.divUploadPhotos
{
    padding:10px
}
.scrollArrow{text-align:center}
.eventPastHash, .eventPastOther{
   border-left: solid 20px #CC9900;
   border-top:solid 1px #CC9900
}
.eventFutureHash, .eventFutureOther{
   border-left: solid 20px #FF99CC;
   border-top:solid 1px #FF99CC
}
.eventNextHash, .eventNextOther{
    border-left: solid 20px #CC0099;
    border-top:solid 3px #CC0099;
}
.eventNextOther, .eventPastOther, .eventFutureOther{background-color:#FFE680;padding:5px}
.eventPastHash, .eventFutureHash, .eventNextHash{
    padding:5px
}
/*Event types*/
.Hash, .A2BHash, .Run, .Race, .Social{padding:5px;font-weight:bold}
.Hash{color: #009999}
.A2BHash{color: #009999;font-style:italic}
.Run{color: #CC9900}
.Race{color: #CC9900}
.Social{color: #006B6B;font-style:italic}

.dataRef, .dataType, .dataDate, .dataOrganiser, .dataVenue{
    padding: 5px 0px 5px 5px
}
.photoThumbnail{
    padding:5px;
   /* width:210px;
    height:210px;*/
    display: inline;
    vertical-align:middle
}
#photos ul{padding:5px 0px 5px 0px;margin:0px}
.eventDetails{
    margin-right:160px
}
.dataMoreDetails{font-size:xx-small}
.dataVenue{font-weight:bold;}
.dataPostCode{font-size:xx-small}
.dataDescription{font-weight:bold;color:#CC0099}


.dataLinks{
    float:right;
    width:160px;
    text-align:right;
    font-size:xx-small
}
.dataLinks a{text-decoration:none;color:#000}

#banner{
    background:#000000 url('images/banner.png') no-repeat ;
    height:100px;
    text-align:right;
    border-bottom:solid 5px #CC0099
}
#floater{
     position:absolute;
     z-index:999;
     margin: 300px auto auto 145px;
     width:50%;
     visibility:hidden;
     background-color:#FFCC00
}
#links{float:right}
#links, #leftLinks{
    margin: 16px 0px 0px 0px;
    padding: 5px;
    font-family:Verdana;
    font-weight:bold;
    font-size:9pt;
    width:145px;
  /*  height:500px;*/
    color:#CCFFFF;
    background-color:#009999
}

#footer
{
     clear:both;
     text-align:center;
     background-color:#FFCC00;
     border-top:solid 2px #009999
}

#links ul, #leftLinks ul{
   padding: 0px 5px 5px 5px;
   margin: 2px 0px 15px 5px;
    font-weight:normal;
    font-size:8pt;
    list-style-type:none;
    border-bottom:solid 2px #CCFFFF
}
#links a, #leftLinks a{
    text-decoration:none;
    text-indent:0;
    color:#99FFFF
}
#links a:hover, #leftLinks a:hover{
    color:#99FFFF;
    border-bottom:dashed 1px #99FFFF
}
#runList, #details{
    margin: 0px 155px 0px 155px;
    padding:20px 0px 20px 0px;
    background-color:#FFCC00
}
#otherEvents{
    width:140px;
    border-bottom:solid 2px #CCFFFF;
    visibility:hidden
}
.otherEvent
{
    width:140px;
    background-color:#FFE680;
    border:solid 2px ##CC9900;
    margin:5px 0px 5px 0px;
    padding:5px 2px 5px 2px
}
.otherEventTitle{
    font-size:8pt;
    font-weight:bold;
    color:#000
}
.otherEventDetails, #otherEvents a, #otherEvents a:hover{
    font-size:8pt;
    color:#000;
    font-weight:normal
}
.yellowBox {
    background-color:#FFCC00;
    margin:10px 160px 10px 10px;
    padding:20px;
    border:none
}
.yellowBox td, .yellowBox th
{
    font-size:x-small
}
.container
{
    margin:auto;
    margin-right:auto;
    margin-left:auto;
    width:95%;
}
#map{
    width:95%;
  /*  margin: 5px 350px 5px 5px;*/
    height:0px;
    visibility:hidden;
    border:solid 4px #CC9900
}
#rate, #stars, #attend,#details{
    border:solid 4px #CC9900;
    margin:5px 5px 5px 5px;
    width:95%;
    height:5px;
    visibility:hidden;
    text-align:left;
    padding:10px;
    background-color:#FFE680
}
#attend li
{
    font-size:xx-small;
    list-style-type:none
}
#attend
{
    overflow:auto;
    height:200px
}
#attend ul{padding:0px; margin:0px}
#attend .hare{color:#CC9900;font-weight:bold}
.ratingHint{font-size:xx-small}
.ratingStars, .ratingHint{margin-left:20px}
.ratingLabel{margin-left:10px; margin-top:10px}
.ratingIntro{font-weight:bold}
.ratingValue{color: #990066;}
#photos{
    border:solid 4px #CC9900;
    background-color:#FFE680;
    width:auto;
    padding:5px 0px 5px 0px;
    margin:5px 5px 5px 5px;
    visibility:hidden
}

#randomPhoto, #videoLink{
	padding:2px 2px 2px 2px;
	text-align:center;
	margin:10px 10px 5px 10px;
	font-size:xx-small;
	font-weight:normal;
	vertical-align:middle;
	height:110px
}
#randomPhoto img{border:solid 3px #990066}
img {
    border-width:0px
}
.formItem1,.formItem2,#map{padding:10px;margin:10px 170px 10px 10px}
.formItem1{background-Color:#FFE680}
.formItem2{background-Color:#FFF2BF}
#leftLinks .highlightedLink a, #links .highlightedLink a
{
    color:#FF99CC;
    font-weight:bold
}