/* CSS Document: Styles */
body, p, h1, h2, h3, dl, dt, dd, input.button, a{ font-family:"Times New Roman", Times, serif; font:"Times New Roman", Times, serif;}
/*,*/ 
.button_banner{text-decoration: none; list-style:none; float:left; padding-top:0.2em; padding-bottom:1em; padding-left:0; padding-right:0; margin:0; width:20%;}
.button {padding:0.2em; cursor:pointer; border:none;}
.current_button{padding:0.2em;padding:0.2em; cursor:pointer; border:none;}
.main{margin-left:0.1px; margin-right:15px; text-align:justify;}
a.button:hover{padding:0.1em; cursor:pointer; background-color:#000066; color:#FFFFFF; border:1px;}
.header, footer{background-image:url(banner3.jpg); width:100%; margin:0; padding:0;}
.header{alt:Holidays Northern Cyprus; height:100px; font-size:3em; font-weight:bold; color:#FFFFFF; text-align:left;}
.footer{height:10px;}
span.label {float: left; width: 120px; padding: 0.2em; text-align: left; font-size: 1em; }
span.field {font-size: 0.8em; padding:0.2em; float:left;}
hr, div.footer{width:100%; size:5; font-size:x-small; float:right; text-align:right}
div.formRow {margin-top: 0.1em; margin-right: 0.1em; margin-bottom: 0.1em; margin-left: 0.1em; height: auto; padding:0.3em; border-style: none;}
div.formRow { clear: both; }
div.content{float:left; width:70%; padding-top:0.2em; padding-bottom:1em; padding-right:0.5em; position:relative;/* margin-left:25%*/}
div.buttonRow{float:right; margin-right:10%; }
div.photos{margin-top:1em; position:static;}
span.business{ text-align:left; float:left;}
span.designer{ text-align:right; float:right;}
td,th,tr{text-align:right;}
/*
Things to do:
Add javascript calendar
Sort footer section
Make sure that all areas cannot be modified by another party.  Separate colours into another stylesheet so easily changeable.
Look for a good example of css using thumbnails or options with dreamweaver.  Preferable a scroll window on right hand side with clips underneath.  May have to use frames for this example ???

add div. and span. for clarification ???

unsure on this 

- edin Uni styles -
div.dividerRow { height: 0.1em; margin-bottom: 0.1em; clear: both;}




/*span.label { padding-top: 0.1em; }
span.field {  }

span.label, span.labelNoEdit { float: left; width:20%; padding-right: 0.4em; text-align: left; font-weight: bold; font-size: 0.9em; color:#CC3300; } 
span.label { padding-top: 0.3em; }

*/