@import url("style/structure.css");
@import url("style/menu.css");
@import url("style/form.css");
@import url("style/calendar.css");

/* ----------------------------------------------------------------
 general styles 
----------------------------------------------------------------*/
BODY {color: #000; padding: 0; margin: 0; background: #EEE;  background-image: url("images/bg.jpg"); background-attachment: fixed; font-family: verdana, lucida, Geneva, helvetica, Arial, sans-serif; font-size: 11px; line-height: 16px; font-style: normal; font-variant: normal;  font-weight: normal;}
a{text-decoration: none}
a:link{color: #963}
a:visited { color: #963; }
a:hover { color: #4D331A; text-decoration:underline}
a img { border: 0}
H1, H2, H3,h4 {font-family: Georgia, "Times New Roman", Times, serif; padding: 10px 0 0 0; margin:0 ; color: #630; font-weight: normal;}
H1 {font-size: 32px; line-height: 40px;}
H2 {font-size: 22px; line-height: 26px;}
H3 {font-size: 18px; line-height: 20px; }
H4 { font-size: 16px; line-height: 18px;}
P {padding:0; margin:0 0 10px 0; text-align:left;}
UL { }
LI{}

/* ----------------------------------------------------------------
Site layout  
----------------------------------------------------------------*/
.colLeft{ width: 270px; float: left; overflow: hidden;}
.colContent{ width: 470px; float: left; overflow: hidden}
.colContentWide{ width: 700px; margin: 0px 0 0 50px; float: left; overflow: hidden;}

#page {width: 768px; margin: 0 auto 0 auto; background-image: url("images/bg-left.png"); background-repeat: no-repeat; background-position: 0px 117px;}
#pageHead {height: 117px; width: 768px; background-image: url("images/bg-head.png"); background-repeat: no-repeat;}
#pageHeadInner {width: 768px; height: 30px;}
#pageBody {margin: 0 auto; padding: 0 0 30px 0; width: 768px;background-image: url("images/bg-page.png"); background-repeat: repeat-y;}

#pageBodyInner {background-image: url("images/bg-page-top.png"); background-repeat: no-repeat; background-position: 45px 0px;min-height:150px; }

#pageLeft {padding: 0;}
#pageLeftInner {padding: 10px 30px 0 60px; }
#pageContent {padding:0 ;}
#pageContentInner {padding: 0px;}
#pageRight {padding: 0;}
#pageRightInner { padding: 0 0 0 20px;}
#pageFooter {clear: both; height: 36px;width: 768px; text-align:center;  background-image: url("images/bg-footer.png"); background-repeat: no-repeat;}
#pageFooterInner {width: 740px;  }

#pageHeadInner .logo{padding : 25px 0 0 50px;}
/* ----------------------------------------------------------------
Content
----------------------------------------------------------------*/
#pageLeftInner UL {padding: 0 0 0 10px; margin: 5px; list-style-type: none; list-style-position: outside;display: block;}
#pageLeftInner ul a:link,#pageLeftInner ul a:visited {color: #963; font-weight: bold;}
#pageLeftInner ul a.selected:link,#submenu ul a.selected:visited {color: #963; font-weight: bold;}
#pageLeftInner ul a:hover{color: #963;}
#pageLeftInner li{margin: 10px 0 }

H2 a:link{color:#630}
#pageContentInner , P{font-size: 12px; line-height: 20px;}

p.teaser,p.teaserSection {
	border-left: 1px solid #C96;color: #333; font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px; line-height: 30px;margin: 0 0 20px 40px;  padding: 0 0 0 10px;
}
p.teaserSection {width:500px; font-size: 14px; line-height: 20px;}

.sectiondocsfront{width:90px; padding: 50px 0 0 30px;} 
 
.pict{width:200px; height:140px; padding:10px 0 0 12px; background-image: url("images/bg-pict.png"); background-repeat: no-repeat; }
.pictSmall{width:200px; height:140px; padding:10px 0 0 12px; background-image: url("images/bg-pict.png"); background-repeat: no-repeat; }

/* ----------------------------------------------------------------
MOLO Standard stuff
----------------------------------------------------------------*/
/* MOLO path*/
#path{margin: 0 0 0 200px; padding:8px 0 0 0}
#path a, #path a:link, #crumb a:visited { color: #630; }
#path a:hover{color: #963; text-decoration: underline;}
#path ul{display:inline; padding:0; margin:0;}
#path li{display:inline; font-size: 11px; color: #000;}
#path li {
	background-image: url("images/base/crumb.gif");
	background-repeat: no-repeat;
	background-position:right 5px;
	padding: 0px 10px 0px 0px;
}
#path li a{margin: 0px 2px 0px 5px; }
#path li.last {background-image:none; padding: 0 8px 0 8px;}
#path li.single {background-image:none; padding: 0 8px 0 8px;}

/*MOLO  nav*/
.nav {clear: both; display: block; text-align: center; text-transform: inherit;}
.nav, .nav a{font-size: 11px;}
.nav ul{display:inline; padding:0; margin:0;}
.nav li{display:inline; padding:0 0 0 5px}
.nav li a.selected {color:#F00}

/*MOLO  sections listing*/
.colElmSection, .colElmSection_start{margin: 5px  ; padding: 0 10px 10px 10px;  width: 300px; float: left; min-height:200px; border:1px solid #eee}
.colElmSectionDoc { width: 200px;text-align: left; padding: 5px; margin: 5px; display: block; float: left;}
.colElmSectionDoc a {display:block; text-align:center;}

/*MOLO  gallery*/
.colElmPict, .colElmPict_start {width:140px;  text-align:center;}
.colElmPict img, .colElmPict_start img{ border:1px dotted #4F433A; padding:3px}
.colElmPict a:hover img , .colElmPict_start  a:hover img {border:1px dotted #FC6;padding:3px;}
.colElmPictDetails{margin:10px 0 10px 0; padding:3px; border:1px dotted #4F433A;}

/*molo folders*/
.colElmFolder, .colElmFolder_start {text-align:center; width:200px; height:140px; background-color:#999; margin:1px;}
.colElmFolder a, .colElmFolder_start a {display: block; }

/*molo adress file link media  folder elementer*/
.colElmFile, .colElmAddress,  .colElmLink, .colElmMedia {width: 400px;text-align: left;border-bottom: 1px solid #CCC;display: block;padding: 5px;margin: 5px;float: left;}


/* ----------------------------------------------------------------
POP win
----------------------------------------------------------------*/
body.popBody{background-color:#000;background-image:none;}
#popBody {margin: 0; padding: 0; background-color:#999;}
#popBody #STF { padding: 10px 0 0 10px;}
#popBody P { padding: 1px 5px 5px 5px; margin:0;}
#popBody img{border:1px solid #000; }
#pageFooterPop {clear: both; height: 0px;width: 100%; }
#pageFooterPopInner img {border-style: none;}


/*frontpage*/
.frontOne, .frontTwo{float:left;  overflow:hidden;}
.frontOne{width:195px; border-right:1px solid #CCC; padding-right:10px; margin:50px 10px 0 0;}
.frontOne  a {display: block; }
.frontTwo {width:430px; }
.frontTwo H1{font-size: 28px; line-height: 40px;}