/*-- Barvy --*/
html {height: 100%;}
body { font-family: verdana, arial, sans-serif; padding: 0px; margin: 0px; font-size: .68em; background: #837560; color: #70695A;}
a {outline: none;}
#main{ background: #FFFFFF url(../images/back.png) repeat-y; color: #70695A;}
#links, #footer, #menu, #menu li a{ background: #FFFFFF url(../images/menu.png); color: #DBD7D1; border-color: #D7D7D7;}
#links a, #footer a, #links a:hover, #footer a:hover{ background: transparent; color: #DBD7D1;}
#logo{ background: #FFFFFF url(../images/logo.jpg) no-repeat; color: #70695A;}
#logo h1, h2{ background: transparent; color: #FFFFFF;}
h1, #column2 h1{ background: transparent; color: #CE7014; border-color: #CAAE90;}
#content, #column2 a, #column2 a:hover{ background: transparent; color: #70695A;}
p { margin: 0px;  padding: 0px 0px 16px 0px;  line-height: 1.7em;}
h1 { font-family: arial, sans-serif;  letter-spacing: .1em;}
h2 { margin: 0px;  padding: 0px 0px 4px 0px;  font-size: 100%;}
h3 { font-family: arial, sans-serif;  letter-spacing: .1em;}


/* block quote */
blockquote { margin: 20px 0px 20px 0px; padding: 10px 20px 0px 20px; border-left: 8px solid;}

/* unordered list */
ul { margin: 2px 0px 0px 12px; padding: 0px;}
ul li { list-style-type: square;  margin: 0px 0px 11px 0px; padding: 0px;}

/* ordered list */
ol{ margin: 8px 0px 0px 24px; padding: 0px;}
ol li{ margin: 0px 0px 11px 0px;  padding: 0px;}

/* main container */
#main{ width: 780px; margin-left: auto;  margin-right: auto;}

/* links above the logo / footer */
#links, #footer{ margin-left: auto;  margin-right: auto; padding: 10px 21px 0px 19px; width: 720px;  height: 26px; font-size: 94%; text-transform: uppercase;}
#links {text-align: right;}
#links li {display: inline; padding: 0px 0px 0px 10px;}
#links a, #footer a{text-decoration: none;}
#links a:hover, #footer a:hover{text-decoration: underline;}
#footer{text-align: center;}

/* logo */
#logo { margin-left: auto;  margin-right: auto; width: 760px; height: 272px; text-align: left;}
#logo h1 { margin: 0px; padding: 20px 0px 0px 20px; font-size: 150%; letter-spacing: .2em;}
#logo h2 { margin: 0px; padding: 0px 0px 0px 20px; letter-spacing: .2em;}

/* navigation menu */
#menu { height: 42px; width: 760px; margin-left: auto; margin-right: auto;}
#menu ul { margin: 0px auto; } 
#menu li { float: left; margin: 0px; padding: 0px; display: block;} 
#menu li a { float: left; height: 30px; text-decoration: none; padding: 10px 19px 2px 19px; text-transform: uppercase;} 
#menu li a:hover, #menu li a#selected, #menu li a#selected:hover{ background: #FFFFFF url(../images/menu_hover.png); color: #000000;} 

/* main content */
#content{ margin-left: auto; margin-right: auto; width: 760px; height: auto; padding: 0px; overflow: hidden;} 

/* column 1 - contains sidebar items */
#column1{ width: 207px; float: right; padding: 16px 0px 15px 0px;}

/* column 2 - page content */
#column2{ text-align: justify; width: 512px; float: left; padding: 12px 3px 15px 19px;}
#column2 h1{ padding: 6px 0px 4px 0px; margin: 0px 0px 12px 0px; border-bottom: 1px solid;font-size: 150%; text-transform: uppercase; font-weight: normal;}
#column2 a, #column2 a:hover { padding: 0px 0px 2px 0px; text-decoration: none; border-bottom: 1px dashed;}
#column2 a:hover {border-bottom: 1px solid;}

input, textarea{ font-family: verdana, arial, sans-serif; border: 1px solid; font-size: 100%; margin: 2px;}
.submit{ font-family: verdana, arial, sans-serif; border: 1px solid; width: 70px; height: 22px; cursor: pointer; font-size: 100%;}