﻿body { margin:0px; background-color:#8c0000; font-family:Arial; font-size:11px; }
img { border:0px; }

a { color:#b50000; text-decoration:none; }
a:hover { text-decoration:underline; }

h1 { float:left; font-size:48px; color:#b50000; margin:0px; font-weight:normal; font-family:Vijaya; }
h2 { font-size:13px; color:#b50000; margin:0px; margin-bottom:10px; }

.gray { color:#999; }
.red { color:Red; }
.green { color:Green; }

.textbox { width:250px; height:35px; border:solid 1px #A5A5A5; border-radius:5px; font-size:14px; padding:0px 10px; color:#666666; }

.searchBox { margin:0px; border:1px solid #fff; height:16px; width:110px; border-radius:2px; padding: 0px 5px; }

.button {
background: url("/images/bg-btn.gif") repeat-x scroll 0 0 #DDDDDD;
border-color: #BBBBBB #BBBBBB #999999;
border-radius: 4px 4px 4px 4px;
border-style: solid;
border-width: 1px;
box-shadow: 0 1px 0 #F8F8F8;
color: #333333 !important;
cursor: pointer;
display: inline-block;
font: 12px/15px Helvetica Neue,Arial,"Lucida Grande",Sans-serif;
margin: 0;
overflow: hidden;
padding: 5px 9px;
text-shadow: 0 1px #F0F0F0;
}

.button:hover, .button:focus {
    background-position: 0 -6px;
    border-color: #999999 #999999 #666666;
    color: #000000;
    text-decoration: none;
}

#outerContainer { background-color:#f1f1f1; }

#header { color:#ffffff; width:1002px; height:58px; margin:auto; background:#ffffff url(/images/topBar.jpg) no-repeat 0px 0px; text-align:right; padding-right:30px; padding-top:12px; }
#header a { color:#ffffff; }
#header input { font-size:11px;}

#temp { width:1012px; background: transparent url(/images/whiteBoxBg.jpg) repeat-y 0px 0px; padding-bottom:20px; }

#container { width:1012px; margin:auto; padding-left:10px; padding-right:10px; }

#topMenu { float:left; margin-left:10px; margin-right:10px; padding-left:15px; padding-right:15px; width:962px; }

.logo { float:left; }
.logoText { font-family:Vijaya; font-size:30px; color:#b9151c; position:relative; z-index:10; width:300px; top:-38px; left:670px; }

#topMenu2 { float:left; height:26px; text-align:left; width:850px; border-bottom:solid 1px #ce202a; margin-left:15px; margin-top:20px; }
#topMenu2 ul { float:left; margin:0px; list-style-type:none; padding-left:10px; }
#topMenu2 ul li { float:left;  }
#topMenu2 ul li a { display:block; color:#000000; font-size:14px; font-family:Verdana; text-decoration:none; padding:6px 10px 0px 10px; }
#topMenu2 ul li.selected a { color:#b50000; }
#topMenu2 ul li a:hover { color:#b50000; }

#content { float:left; margin-left:10px; margin-right:10px; width:992px; }

#headline { width:610px; height:64px; margin-bottom:10px; }
#headline h1 { float:left; }
#headline .headlineDevider { float:left; width:1px; height:58px; background-color:#d0d0d0; margin-left:20px; margin-right:20px; margin-top:3px; }
#headline .headlineText { float:left; height:44px; font-family:Vijaya; font-size:18px; color:#a5a5a5; padding-top:20px; }

.topImage { float:left; width:610px; margin-bottom:5px; }

#frontPage { padding:15px; }
#frontPage h2 { font-size:16px; color:#b50000; margin-bottom:10px; margin-top:13px; }
#frontPage .left { float:left; width:660px; margin-left:20px; }
#frontPage .right { float:left; width:250px; margin-left:30px }
#frontPage .welcometext { margin-bottom:25px; }

#frontPage .teaser { float:left; position:relative; width:163px; height:172px; padding:5px 5px 5px 145px; border:solid 1px #b50000; z-index:1; }
#frontPage .teaser.margin { margin-right:28px; }
#frontPage .teaser .image { position:absolute; top:-8px; left:-15px; z-index:2; }

/* Text page */

#textPage { float:left; width:992px; padding-top:10px; }
#textPage .left { float:left; width:200px; }
#textPage .right { float:left; width:600px; padding:0px 20px 20px 20px; }
#textPage table.form { font-size:12px; margin-top:10px; }
#textPage table.form td { height:37px; }

/* News page */

#newsPage { float:left; width:992px; padding-top:10px; }
#newsPage .left { float:left; width:200px; }
#newsPage .right { float:left; width:600px; padding:0px 20px 20px 20px; }
#newsPage ul.newsList { margin:0px; padding:0px; list-style-type:none; }
#newsPage .newsList li { margin-bottom:10px; } 

/* GALLERY */

#galleryPage { float:left; width:992px; padding-top:10px; }
#galleryPage .thumbnail img { border:1px solid #c1c1c1; padding:2px; }
#galleryPage .thumbnail { float:left; width:115px; height:115px; margin:10px; text-align:center; }
#galleryPage .left { float:left; width:200px; }
#galleryPage .right { float:left; width:700px; padding:0px 20px 20px 20px; }
#galleryPage .gallery { float:left; border:1px solid #c1c1c1; padding:2px; margin:10px; }
#galleryPage .gallery:hover { border-color:#b50000; }


#leftMenu { float:left; width:200px; margin-top:6px; }
#leftMenu ul { float:left; width:180px; margin:0px; margin-left:10px; padding:0px; list-style-type:none; border-top:solid 1px #c1c1c1; }
#leftMenu ul li { float:left; width:160px; border-bottom:solid 1px #c1c1c1; padding:8px 10px; }
#leftMenu ul li a { display:block; color:#000000; font-size:11px; font-weight:bold; text-decoration:none; }
#leftMenu ul li a:hover { color:#b50000; }
#leftMenu .leftmenuopened { color:#b50000; }
#leftMenu ul ul { width:150px; margin:0px; padding:0px; padding-left:10px;  list-style-type:none; border-top:none; }
#leftMenu ul ul li {border-bottom:none; width:140px; }
#leftMenu ul ul li a { border:none; }

.filterPanel { padding:8px 5px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-bottom:20px; }

.redTopBox { float:left; width:233px; margin-top:25px; background:transparent url(/images/boxBg.jpg) no-repeat 0px 0px; border-bottom:solid 1px #c9c9c9; }
.redTopBox.first { margin-top:18px; }
.redTopBox h2 { font-size:11px !important; font-weight:bold !important; color:#fff !important; margin-top:4px !important; margin-left:23px !important; }
.redTopBox ul { float:left; list-style-type:none; margin:0px; padding:0; padding:0px 10px 0px 10px; }
.redTopBox ul li { margin-top:5px; margin-bottom:10px; }
.redTopBox ul li a { display:block; color:#000; text-decoration:none; }
.redTopBox ul li a:hover { text-decoration:underline; }
.redTopBox ul li.readmore { padding-top:3px; }
.redTopBox ul li.readmore a { text-decoration:underline; }

#footer { width:100%; height:120px; background:#ffffff url(/images/footerBg.jpg) repeat-x center top; text-align:center; color:#ffffff; }

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

