/* general */

* { margin: 0; padding: 0 }
body, th, td { 	font-family: Lucida Grande, Lucida Sans Unicode, 
	Myriad Pro, sans-serif; line-height: 1.5em }
body { font-size: 90%}
pre, code, kbd { font-family: Lucida Console, monospace;
	line-height: 1.3em; font-size: 100% }
input, select { font-family: Lucida Grande, Lucida Sans Unicode, 
	Myriad Pro, sans-serif; font-size: 90% }

html, body, #body2, #body3 { margin: 0; padding: 0;}
html.short, html.short body, html.short #body2 { height: 100% }
html.tall, html.tall body, html.tall #body2 { height: auto }
#page-all { min-height: 100%; margin-bottom: -60px;}
* html #page-all {height: 100%; margin-bottom: 0}
#page-empty {height: 50px; clear: both; }
#page-footer { height: 50px }

/* stock elements positioning */

p, ul, ol, pre { margin: 1em 0 }
ul ul, ul ol, ol ul, ol ol { margin: 0 }
h2, h3, h4 { margin: 1.5em 0 0.5em 0 }
h2 { font-size: 150%; font-weight: normal; color: Black }
h3 { font-size: 120% }

/* coloring */

a:link { color: #5793E7 }
a:visited { color: #686895 }
a:hover, a:active { background: #D9E8F3 }

#header a:hover, #header a:active { background: white }
#header a img { border: 0 }

/* graphics */

#header { border-bottom: #408BC2 2px solid; 
          background: white; position: absolute; width: 100%; left: 0; top: 0 }
#header div h1 { padding: 25px 0px 5px 0px;	 }
#header p { position: absolute; right: 10px; top: 35px; font-size: 120% }
#header img { margin-left: 30px }
#page-all { margin: 0 10px 0px 170px;  }
body { background: url('../Images/gr-bottom.gif') bottom left repeat-x #AAD9F0 }
#body2 { background: url('../Images/gr-top.gif') top left repeat-x }

#content  { padding: 118px 165px 0px 0px; margin-bottom: 60px; background: transparent; }

/*#content  { padding: 118px 165px 60px 0px; margin-bottom: 60px; background: transparent;
    background: url('bl.gif') bottom left no-repeat; 
	padding: 10px } */
	
#content .topleft { background: url('topleft1.gif') top left no-repeat; margin: -6px -5px }
#content .topright { background: url('topright1.gif') top right no-repeat }
#content .bottomleft { background: url('bottomleft1.gif') bottom left no-repeat }
#content .bottomright { background: url('bottomright1.gif') bottom right no-repeat; 
    padding: 0 5px}
    
#content .top-bottom { border-top: #B2C2CD 9px solid;  border-bottom: #B2C2CD 9px solid }

#content .left-right { background: white; margin: 0;
    border-left: 5px #B2C2CD solid; border-right: 5px #B2C2CD solid;  }
* html #content { padding-bottom: 0; margin-bottom: 0 }

#content .inner { margin: -5px 10px 5px 10px }
	
#page-footer { background: url('../Images/footer-left-4.gif') left top no-repeat }
#page-footer div { background: transparent; }
#page-footer div div { 
	background: url('../Images/footer-mid.gif') left top repeat-x; 
	height: 30px; margin: 0 0px 0 180px; 
	padding: 20px 185px 0 0px; color: white }
html > body #page-footer { position: fixed; left: 0; bottom: 0; width: 100%; margin: 0 }
#page-footer table { width: 100% }
#page-footer table .right { text-align: right }

/* navbar */

#navbar { position: absolute; left: 0; width: 180px; top: 110px }

#navbar a, #navbar span { display: block; position: relative; 
	padding: 12px 0px 0 0;
	width: 150px; height: 45px; margin-left: 12px;
	background: url('../Images/button2.gif') no-repeat;
	text-align: center; text-decoration: none }
#navbar span { color: white }
#navbar a { color: #ADD8E6; } 
#navbar a:hover { color: yellow }
html > body #navbar { position: fixed }

/* login */

html > body #login { position: fixed }
#login { position: absolute; right: 15px; top: 110px; font-size: 10px;}
#login .login-button { position: relative; top: -1.7em }
#login .remember-me { padding-left: 7em }


/* content */

table.photos, table.contact-us { margin: 1em 0 }

table.photos td { text-align: center }
dl dt { margin-top: 0.5em; font-weight: bold; }
dl dd { margin-left: 2em }

table.contact-us th { padding-right: 0.5em;  text-align: right; font-weight: normal; vertical-align:top; white-space: nowrap;}
table.contact-us td { font-size: larger }
table.contact-us td.small { font-size: 0.95em }

ul { padding-left: 2em }
ul li { list-style-type: square; margin-top: 0.3em }

.caption 
{
	background-color:#E0E0E0;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	font-family: Verdana, Arial;
}

.button 
{
	background-image:url(../images/bg_but.gif);
	background-repeat:repeat-x;
	border-color:#B7B9BC #757F8F #757F8F;
	border-style:solid;
	border-width:1px;
	color:black;
	font-size:10px;
	height:19px;
	margin:5px 0 0 1px;
}

.lightgray 
{
	background-color:#F5F5F5;
}

.textbox
{
	background-color : #EDEDED;
	font-family : Verdana, Arial;
	font-size : 11px;
    width : 130px;
}

.checkbox 
{
	font-size: 11px;
	margin: 0 0 0 -4px;
}

.selectionbig 
{
	background-color:#EDEDED;
	border:1px groove #B7B9BC;
	font-size:11px;
	width:130px;
}

.input 
{
	background-color:#EDEDED;
	border:1px groove #B7B9BC;
	font-size:11px;
	width:130px;
}

.gray 
{
	background-color: #CCCCCC;
}

.galleryImage { width: 150px;
	height: 130px }
.galleryImage a:link img { border: 1px #018BCF solid }
.galleryImage a:hover img { border: 1px #24B2FF solid }
.galleryImage a:active img { border: 1px #24B2FF dotted }
.galleryImage a:visited img { border: 1px #686895 solid }

.logoImage { width: 118px; 
    height: 58px }