/*********************************************

  CSS styles (screen) for Vassy website (content)
  
  (c) 2005 RSZdesign
  File created and modified by RSZdesign

 ********************************************/


a:link    { background: transparent; color: #27383F; text-decoration: none; font-weight: bold; }
a:visited { background: transparent; color: #27383F; text-decoration: none; font-weight: bold; }
a:hover   { background: transparent; color: #597C8A; text-decoration: none; font-weight: bold; }
a:active  { background: transparent; color: #27383F; text-decoration: none; font-weight: bold; }

textarea { font-family: Arial, Helvetica, sans-serif; font-size: 90%; }

th { text-align: left; }

acronym, abbr, .help { border-bottom: 1px dashed #00CC00; }

#content-area #page-title { clear: both; margin: 0.2em 0; padding: 10px 15px 0 15px; background: transparent; color: #597C8A;
                            font-family: Georgia, "Times New Roman", times, serif; font-size: 140%; font-weight: bolder;
                            letter-spacing: 0.2em; text-transform: uppercase; }

#content    { padding: 20px 20px 0 20px; line-height: 150%; }

#content h3 { margin: 0 0 0.5em 0; padding: 0; font-size: 150%; }

#content h4, #content h5, #content h6
            { font-weight: bold; font-variant: small-caps; letter-spacing: 0.1em; }

#content h4 { margin: 0 0 0.5em 0; padding: 0; font-size: 130%; }

#content h5 { margin: 0 0 0.3em 0; padding: 0; font-size: 120%; }

#content h6 { margin: 0 0 0.3em 0; padding: 0; font-size: 115%; }


#content table          { margin: 0 0 2em 0; border-collapse: separate; border-spacing: 0;
                          background: transparent; color: #000000; page-break-before: auto; }
#content table caption  { border-bottom: solid 1px #999999; font-size: 100%; font-weight: bold; text-align: left; }
#content table th       { font-weight: bold; }
#content table thead th, #content table thead td {
    padding: 5px; cursor: default; font-size: 90%;
}
#content table thead td {  }
#content table tbody th, #content table tbody td {
    padding: 5px;
}
#content table tbody th { padding: 10px; }
#content table tbody td { font-size: 90%; }


#content ul    { margin: 0.2em 0 1.2em 0; padding: 0 0 0 30px; }
#content ul li { margin: 0 0 0.5em 0; padding: 0 0 0 5px;} 


#content blockquote { background: transparent url("../images/content_quote.jpg") no-repeat left top;
                      margin: 0 1em 1em 2.5em; padding: 2px 2px 2px 20px; }


#content code      { display: block; padding: 10px; background: #FEFEFE; color: #333333;
                     font-family: Courier, "Courier New", monospace; }


#content p         { margin: 0 0 2em 0; }


#content a:link, #content a:active, #content a:visited
                   { text-decoration: underline; background: transparent; color: #27383F; }
#content a:hover   { text-decoration: underline; background: transparent; color: #597C8A; }

#content a:after {
	content: " (" attr(href) ")"; text-decoration: none;
}

#content img       {  }
#content .left     { float: left; margin-right: 5px; }
#content .right    { float: right; margin-left: 5px; }


#content .arrangement    { margin: 0 0 2em 0; }
#content .arrangement ul { border: solid 1px #333333; padding: 10px 30px; }
#content .warning        { background-color: transparent; color: #CC0000; font-weight: bold; }


/*
 *
 * Modify / hide some elements for printing purposes
 *
 */

h1#logo     { float: right; }
h1#logo img { border: solid 2px #333333; }

#footer                       { text-align: right; }
#footer #copyright img        { border: none; vertical-align: middle; }
#footer #copyright a          { font-weight: normal; text-decoration: none; }
#footer #copyright a:after    { content: " (" attr(href) ")"; }

#skipnav, #navigation, #menu, #languages, #stats
    { display: none; visibility: hidden; }