/* ==== Set overall font size, color and family in the body tag below === */

body { 
color: #7B7295;
font-size: 12px; 
font-family: Trebuchet MS, Verdana, Geneva, Swiss; 

margin: 0px;
background-color: transparent;
}


p {
color: #7B7295;
font-size: 12px; 
font-family: Trebuchet MS, Verdana, Geneva, Swiss;
}




/* ==== Set link styles within text (not menu - see below) - hover, active and visited colors ==== */

a  {  
text-decoration: none;
}

a:hover {  
text-decoration: underline;
}

a:visited {   
text-decoration: none;
}









/* ==== styles for different headers ==== */

h1 { 
color: #7B7295;
font-weight: bold; 
font-size: 20px; 
font-family: Trebuchet MS, Verdana, Geneva, Swiss; 
}

h2 { 
color: #7B7295;
font-weight: bold; 
font-size: 18px; 
font-family: Trebuchet MS, Verdana, Geneva, Swiss; 
}

h3 { 
color: #7B7295;
font-weight: bold; 
font-size: 16px; 
font-family: Trebuchet MS, Verdana, Geneva, Swiss; 
}

h4 { 
color: #7B7295;
font-weight: bold; 
font-size: 14px; 
font-family: Trebuchet MS, Verdana, Geneva, Swiss; 
}

h5 { 
color: #7B7295;
font-weight: bold; 
font-size: 12px; 
font-family: Trebuchet MS, Verdana, Geneva, Swiss; 
}

h6 { 
color: #7B7295;
font-weight: bold; 
font-size: 9px; 
font-family: Trebuchet MS, Verdana, Geneva, Swiss; 
}






/* ==== miscellaneous tags ==== */



hr {
color: black;  
height: 1px; 
}

form {
margin-top: 1px; 
margin-bottom: 1px;
}

input {
font size: 10px;
}








/* ==== Classes - used to change the style of certain things like tables of data or admin functions ==== */

.admin {
color: white;
background-color: red; 
font-size: 10px; 
font-weight: bold;
}


/* Used on the stats page to create graphs */
.graphbar {
background-color: #ddddff;
border: 1px solid navy;
}


/* Design for tables of data (rather than layout tables) */
.datatable {
border: 1px black solid;
}

.datatable th {
font-size: 12px;
background-color: #999999;
text-align: left;
font-weight: bold;
}

.datatable td {
font-size: 11px;
background-color: #cccccc;
text-align: left;
}

/* Alternating colours etc for table rows */
.row0 {background-color: none; padding: 5px;}
.row1 {background-color: none; padding: 5px;}


/* Pictures - you can put a border around all images here for instance */
.photo {
}

.photo img {
margin-right: 10px;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
}


/* Captions to go below pictures */
.caption {
font-size: 9px;
text-align: center;
font-face: courier;
}


.flash {
text-align: left;
font-size: 12px;
color: red;
font-weight: bold;
}



/*colors around thumbnails on prop details page*/

.thumbs a img{border-color: white;}
.thumbs a:hover img{border-color: gold;}
.thumbs a:visited img{border-color: #777777}




/* ==== The Divs ==== */

/* Click to log in - normally at top left hand corner. */
#hiddenlogin {
position: absolute; 
top: 0px; 
left: 0px; 
width: 20px; 
height: 20px: 
z-index: 9;}


#container {
position: relative;
margin: 0 auto;
margin-top: 20px;
width: 727px;
background-color: #E6ECF8;
border: 1px solid black;
}


/* Main Page Content */
#maincontent {
position: relative;
width: 677px;
text-align: left;
padding: 15px;
margin-left: 20px;
}




/* Divs for 3 pics on right layout */
#textonleft {
float: left;
width: 70%;
}

#picsonright {
width: 30%;
float: left;
padding-top: 35px;
text-align: center;
}



/* Top Bar including image map navigation */
#topbar {
position: relative;
width: 727px;
}