/*******************************************************************************
> body tag && general settings && div.container
*******************************************************************************/

* {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

html{
 height: 100%;
}

body {
 background: url("./../images/background.png");
 background-color: #FFFFFF;
 background-repeat: repeat-x;
 color: #466;
 font-family: "Lucida Sans Unicode", sans-serif;
 font-size: 0px;
 height: 100%;
}

div.container {
 margin: auto;
 width: 750px;
}

div.background_left {
 background: url("./../images/background_left.png");
 background-repeat: repeat-x;
 height: 35px;
 position: relative;
 right: 100%;
 top: 85px;
 width: 100%;
}

div.main {
 background: #FFF url("./../images/background_main.png") no-repeat;
 clear: both;
 padding: 12px 12px 50px 52px;
}

div.page {
 position: relative;
 min-height: 100%;
}

/*******************************************************************************
> header
*******************************************************************************/

div.header {
 background: url("./../images/topleft.png") no-repeat;
 height: 92px;
 margin-top: -35px;
}

div.header h1 {
 color: #FFFFFF;
 font: normal 22px Verdana, sans-serif;
 padding: 27px 0 0 76px;
}

div.header h1 a:link, div.header h1 a:active, div.header h1 a:visited, div.header h1 a:hover {
 color: #FFFFFF;
 text-decoration: none;
}

div.navigation {
 padding: 0px 0px 0px 60px;
}

div.navigation a {
 color: #FFFFFF;
 font: bold 13px sans-serif;
 line-height: 30px;
 padding: 8px 18px 8px 18px;
 text-align: center;
 text-decoration: none;
}

div.navigation a:hover {
 background-image: url("./../images/navigation_background.png");
 background-repeat: repeat-x;
 color: #FFFFFF;
}

p.add_bookmark_ie {
 display: none;
 font-size: 11px;
 margin-bottom: -27px;
 text-align: right;
}

p.add_bookmark_ie a {
 color: #CC6600;
}

p.add_bookmark_ff {
 display: none;
 font-size: 11px;
 margin-bottom: -27px;
 text-align: right;
}

p.add_bookmark_ff a {
 color: #CC6600;
}

/*******************************************************************************
> side navigation
*******************************************************************************/

div.sidenav {
 float: left;
 /* height: 635px; */
 margin: 0px 0px 25px 0px;
 width: 180px;
}
div.sidenav h1 {
 border-bottom: 1px dashed #CCCCCC;
 color: #EE7733;
 font-size: 12px;
 height: 20px;
 margin-top: 14px;
}
div.sidenav ul {
 padding: 0;
}
div.sidenav ul li {
 border-bottom: 1px dashed #DDDDDD;
 list-style: none;
}
div.sidenav ul li a {
 color: #777777;
 display: block;
 font-size: 11px;
 padding: 3px 6px 3px 18px;
 text-decoration: none;
 z-index: 3;
}
div.sidenav ul li a:hover {
 color: #111111;
 background-image: url("./../images/navigation_li.png");
 background-repeat: no-repeat;
}

/*******************************************************************************
> content
*******************************************************************************/

h1 {
 color: #0066CC;
 font-size: 14px;
 margin: 0px 0px 4px 0px;
 padding: 6px 0px 0px 0px;
}

cite {
 background: url("./../images/quote.png");
 background-repeat:  no-repeat;
 color: #666666;
 display: block;
 font: normal 13px "Lucida Sans Unicode",serif;
 padding: 0px 0px 5px 28px;
}

div.content {
 float: left;
 margin-right: 4%;
 width: 475px;
}

div.content ul li {
 list-style-image: url("./../images/li.png");
 margin-left: 18px;
}

p, ul {
 font-size: 13px;
 padding-bottom: 12px;
}

.smalltext {
 font-size: 11px !important;
}

/*******************************************************************************
> advertising
*******************************************************************************/

div.google_adsense {
 position: absolute;
 top: 120px;
 right: 50px;
}

/*******************************************************************************
> footer
*******************************************************************************/

div.footer {
 background-color: #0094D6;
 background-image: url("./../images/footer.png");
 background-repeat: repeat-x;
 bottom: 0px;
 color: #C1DEF0;
 font-size: 11px;
 left: 0px;
 line-height: 36px;
 padding: 4px 0px 0px 0px;
 position: absolute;
 text-align: center;
 width: 100%;
}

div.footer a {
 color: #FFFFFF;
 text-decoration: none;
}

div.footer a:hover {
 color: #FFFFFF;
 text-decoration: underline;
}


/*******************************************************************************
> form elements
*******************************************************************************/

input {
 font-size: 13px;
}

input.button {
 font-weight: bold;
 width: 150px;
}

label.formated {
 display: block;
 float: left;
 width: 100px;
}

select {
 font-size: 13px;
 width: 150px;
}

textarea {
 width: 100%;
 height: 300px;
}

/*******************************************************************************
> miscellaneous
*******************************************************************************/

a {
 color: #FF7700;
}

a:hover {
 color: #CC6600;
}

hr {
 border: 0px;
 border-top: 1px dashed #CCCCCC;
 width: 100%;
 height: 0px;
}

.clearer {
 clear: both;
}

.center {
 text-align: center;
}

img.right {
 float: right;
}

img.border {
 border: 1px solid #CCCCCC;
 margin: 3px;
 padding: 1px;
}

p.border {
 border: 1px solid #0066CC;
 margin: 12px;
 padding: 7px;
}