/* Start of CMSMS style sheet 'Layout: Left sidebar + 1 column' */
* {
   margin:0;
   padding:0;
}

body {
   text-align: left;
   font: normal 100%/120% georgia, "times new roman", serif;
   background: url(/images/layout/background.gif) repeat-x scroll left top;
   background-color: #bcb99b;
   color: #fff;
   margin: 1.5em;
}

div {
   font-size: 100%;
}

img {
   border: 0;
}

a,
a:link 
a:active {
   text-decoration: underline;
   background-color: inherit; 
   color: #458bd1; 
}

a:visited {
   text-decoration: underline;
}

a:hover {
   text-decoration: none;
}



div#pagewrapper {
   border: 0px solid black;
   margin: 0 auto;
   max-width: 50em;   /* IE uses javascript magick */
   min-width: 40em;
   background-color: #fff;;
   color: black;
}

#header {
   height: 172px;
   background-color: #000; 
}

#header h1 a {
   background: url(/images/layout/banner.jpg) no-repeat 0px 0px; 
   display: block;
   height: 172px;
   text-indent: -999em;
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}



#breadcrumbs {
   background: url(/images/layout/page-header.png) repeat-x top; 
   padding: 9px 24px;
   font: normal 90%/90% Tahoma, Arial, sans-serif;
}

 #breadcrumbs span.lastitem { 
   font-weight:bold; 
 } 

#search {
   float: right;
   text-align: right;
   width: 23em;
   font: normal 90%/90% Tahoma, Arial, sans-serif;
   padding: 8px 24px;
   *padding: 6px 24px;
}

#searchsubmit {
   margin: 1px 0 0 0;
}  



#main {
   margin-left: 22%;
   margin-right: 30px;
}

div#sidebar {
   float: left;
   width: 20%;
   display: inline;
   margin-left: 0;
}

#content {
  color: #555;
  margin: 1.5em auto 3em 0;
  padding: 0 0 3em 0;
}

#road {
  float: right;
  margin: -5px 0px 10px 10px;
}


#news-left {
  float: left;
  margin: 5px 30px 5px 0;
}

#news-right {
  float: right;
  margin: 5px 0 5px 30px;
}

#content h1 {
   color: #555; 
   text-align: left; 
   font: normal 2.5em tahoma, arial, helvetica, sans-serif lowercase;
   letter-spacing:-0px;
   margin: .1em 0 .4em 0;
   padding: .1em 0 .1em 0;
   border-bottom: 1px dotted #ccc;
}

#content h2 {
   font: normal 2em tahoma, arial, helvetica, sans-serif lowercase;
   margin: 0;
}

#content h3 {
   font: normal 1.3em tahoma, arial, helvetica, sans-serif lowercase;
   margin: 0 0 0.5em 0;
}

#content h4 {
   font: normal 1.2em tahoma, arial, helvetica, sans-serif lowercase;
   margin: 0 0 0.25em 0;
}

#content h5 {
   font: normal 1.1em tahoma, arial, helvetica, sans-serif lowercase;
   margin: 0 0 0.25em 0;
}

#content h6 {
   font: normal 1em tahoma, arial, helvetica, sans-serif lowercase;
   margin: 0 0 0.25em 0;
}

#content p {
   padding-bottom: 1em;
   text-align: justify;
}

#content li {
   margin: 0 0 1em 2em;
   line-height: 1.4em;
   padding: 0;
   text-align: justify;
}

blockquote {
   border-left: 10px solid #fff;
   margin-left: 10px;
}

strong, b {
   font-weight: bold;
}

em, i {
   font-style:italic;
}

code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;
}

div.templatecode {
  margin: 0 0 2.5em;
}

/* as we hide all hr for accessibility we create new hr with extra div element */
#hr {
   padding: 1em 0 0 0;
   border-bottom: 1px dotted #ccc;
}

#left49 {
  width: 49%;
  font: normal 90%/110% Tahoma, Arial, sans-serif;
}

#right49 {
  float: right;
  text-align: right;
  font: normal 90%/110% Tahoma, Arial, sans-serif;
}



#footer {
  clear: both;
  color: #EAE7D2;
  background-color: #51473D;
  overflow: hidden;
  font:normal 90%/90% Arial, Helvetica, sans-serif;
  width: 100%;
  padding: 30px 0;
}

#footer img {
  margin: 10px 0 35px 0;
  padding: 0px;
}


#footer-left {
  float: left;
  display: inline;
  width: 200px;
  margin: 0 0 0 35px;
}

#footer-right {
  float: right;
  display: inline;
  width: 350px;
  text-align: right;
  margin: 0 35px 0 0;
}

#footer p {
  margin: .7em 0;
  padding: 0;
}

#footer a, a:link, a:active, a:visited {
  color: #458bd1;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;  
}

#poweredby {
  font:normal 90%/90% Arial, Helvetica, sans-serif;
  text-align: center
}

#hardware {
  padding: 5mm;
}

#gallery			{ 
					  display:block; 					  width:363px; height:351px; background:url(/images/sub_gallery_bg.png) no-repeat;
					}

#photo				{ 
					  display:block; width:300px; height:285px; margin:38px 0 0 31px; 
					  background:url(/mediafiles/subpage-banner.jpg) no-repeat; 
					}
#gallery		{ 
					  display:block; position:absolute; background:url(/images/gallery_bg.png) no-repeat; 
					  width:368px; height:361px; top:42px; right:-21px
					  
					}
#gallery-album		{ 
					  display:block; margin:26px 0 0 35px; position:relative;
					  width:300px; height:257px; overflow:hidden;
					}
#gallery-album img	{ position:absolute; top:0; display:all; border:0; }


#podcasts {
  float: right;
  padding: 0 1em;
}
/* End of 'Layout: Left sidebar + 1 column' */