/*
    Styles for Railway Motel web site

    00693b    green
*/

body { margin: 0; padding: 0; color: #000000; background: #e6e6e6 url(../images/layout/bg-page.jpg) top left; font-family: HelveticaNeue Light, Helvetica, sans-serif; font-size: 83%; }

a { color: #000000; font-weight: bold; }
a:hover { color: #00693b; }

#container { width: 975px; margin: 0 auto; min-height: 365px; padding: 0; position: relative; }

h1 { height: 0; padding-top: 75px; padding-bottom: 0; padding-left: 0; padding-right: 0; width: 710px; margin: 0; overflow: hidden; background: url(../images/layout/railwaymotel.jpg) top left no-repeat; }

#content { min-height: 310px; padding-top: 290px; padding-left: 280px; padding-right: 25px; padding-bottom: 15px; color: #000000; background: transparent url(../images/banners/banner00.jpg) top right no-repeat; }

h2 { margin-top: 0; }

h3 { font-size: 1.2em; margin-bottom: 0; }

p { margin-top: 0.25em; margin-bottom: 0.75em; }

img.decorative { border: 1px solid #00693b; }


div#nav { width: 200px; height: 275px; padding: 20px; color: #000000; background: #ffffff url(../images/layout/bg-menu.jpg) top left no-repeat; font-size: 1.2em; position: absolute; top: 365px; left: 16px; }
div#nav hr { display: none; }
div#nav ul { list-style: none; margin: 0; padding: 0; }
div#nav ul li { list-style: none; margin: 0; padding: 0; border-top: 1px solid #eeeeee; }
div#nav ul li:first-child { border-top: none; }
div#nav a { display: block; padding: 0.5em; color: #000000; background: #ffffff; text-decoration: none; font-weight: normal; }
div#nav a:hover { color: #00693b; }

div#nav li.here a { color: #00693b; font-weight: bold; }


p#bookings { width: 262px; height: 48px; background: transparent; position: absolute; top: 254px; right: 0; margin: 0; font-size: 1.44em; padding-top: 0; padding-bottom: 15px; padding-left: 40px; padding-right: 0; color: #ffffff; background: transparent url(../images/layout/bg-booking.gif) top left no-repeat; }
p#bookings a { display: block; padding: 0; line-height: 48px; color: #ffffff; background: #00693b; text-decoration: none; font-weight: normal; }
p#bookings a:hover { color: #ffe573; }


form { margin: 0; padding: 0; border: none; }
fieldset { margin: 0; padding: 1em; color: #000000; background: #c3c3c3 url(../images/layout/bg-form.jpg) top left repeat; border: 2px solid #adadad; }
legend { font-weight: bold; font-size: 1.2em; display: none; }

fieldset span.label { display: block; float: left; clear: left; width: 10em; padding-right: 0.25em; font-weight: bold; }
fieldset ul { margin-left: 10.25em; padding-left: 0; list-style: none; margin-top: 0; padding-top: 0; }
fieldset p.checkbox { margin-left: 10.25em; }
fieldset p.instruction { margin-left: 10.25em; width: 28em; }
fieldset p.buttons { margin-left: 25em; }
fieldset input.textfield { border: 1px solid #adadad; font-family: HelveticaNeue Light, Helvetica, sans-serif; font-size: 1em; }
fieldset textarea.textfield { border: 1px solid #adadad; font-family: HelveticaNeue Light, Helvetica, sans-serif; font-size: 1em; }
fieldset select { border: 1px solid #adadad; font-family: HelveticaNeue Light, Helvetica, sans-serif; font-size: 1em; }
fieldset input.checkbox { border: 1px solid #adadad; }
fieldset input.button { color: #000000; background: url(../images/layout/bg-button.gif) top left no-repeat; border: none; height: 32px; width: 131px; font-size: 1.2em; }

p.formresult { padding: 1em; color: #000000; background: #dadada; border: 2px solid #adadad; }
pre.formresult { padding: 1em; color: #000000; background: #dadada; border: 2px solid #adadad; overflow: auto; }



#footer { color: #ffffff; background: #00693b; padding: 2em; font-size: 0.83em; }
#footer hr { display: none; }
#footer p { width: 935px; padding: 0; margin-top: 0; margin-bottom: 0.5em; margin-left: auto; margin-right: auto; }

#branding { float: right; width: 300px; margin-left: 2em; }
#branding img { margin-bottom: 5px; border: none; }

p#copyright { font-weight: bold; }
p#controlact { width: 815px; padding-right: 120px; padding-top: 2em; }