/* General
-------------------------------------------------------------- */

@font-face {
    font-family: 'Bringshoot';
    src:url('/fonts/Bringshoot.ttf.woff') format('woff'),
        url('/fonts/Bringshoot.ttf.svg#Bringshoot') format('svg'),
        url('/fonts/Bringshoot.ttf.eot'),
        url('/fonts/Bringshoot.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

body {
	width: 1000px;
	margin:auto;
	color: #000;
	background-color: #270002;
	background-image: url(../images/backgroundslide.jpg);
	background-repeat: repeat-x;
}

#Main {}

#PageFrame {min-width: 750px;}

a {color: #fff;}
a:hover {color: #e3cccb;}

#koulu h1, #koulu h2 {
   font-family: 'Bringshoot', 'comic sans ms', sans-serif;
   font-weight: normal;
}

#koulu h1 {
	font-size: 4em;
}

#koulu h2 {
	font-size: 3em;
}

#koulu p, #koulu ul{
	font-size: 1.5em;
}

h2 {
  color: #431313;
  display: block;
  font-weight: bold;
  margin: 2px 0 8px 0;
  padding: 5px;
}

h3 {padding: 5px 0; color: #431313; font-weight: bold;}

/* Header
-------------------------------------------------------------- */

#Header {
	height: 150px;
	position: relative;
	background-image: url(../images/headerbg.jpg);
	background-repeat: repeat-x;
}

.churchtitle {color: #fff; left: 320px; top: 10px; font-size: 3.2em;}
.churchsubtitle {color: #9d9356; left: 350px; top: 55px; font-size: 1.8em;}

.HeaderLeft {float: left;}
.HeaderRight {float: right;}
.sitesearch {bottom: 6px; right: 10px; margin-top: 10px; margin-left:10px;}
#Header .sitesearch #search {margin-bottom: 0;}

/* Layout
-------------------------------------------------------------- */

#LeftColumn {padding: 10px 0; float: left; width: 250px; }
#RightColumn {
	width: 250px;
	padding: 10px 0;
	float: right;
}
#ContentColumn {
	width: 680px; 
	margin-left: 10px; 
	float: left; 
}
#LargeWidget {
	width: 480px; 
	margin-top: 10px;
}	

#Footer {clear: both;}

/* Main menu
-------------------------------------------------------------- */

.menu_primary ul li:hover a {color: #fff;}

.menu_primary a:hover {color: #f3ecf3;}


.widgetdiv4 .menu_primary {padding: 0;}
.widgetdiv4 .menu_secondary {padding: 0;}

.menu_primary {font-size: 1.2em; line-height: 1em;}
.menu_primary ul {margin: 0;}

.menu_primary ul li, .menu_secondary ul li {list-style: none;}

.menu_primary ul li a {
	border-top: 1px solid #d5d2d5;
	border-bottom: 1px solid #958995;
	display: block;
	color: #fff;
	padding: 7px 10px;
	text-decoration: none;
}

.menu_primary ul li a:hover {
	border-top: 1px solid #938693;
	border-bottom: 1px solid #938693;
	background: #9d9356;
	color: #fff;
}

.menu_secondary ul li a {padding-left: 30px;}

/* Content
-------------------------------------------------------------- */
#LargeWidget .widgetdiv1 {
	border: 0;
	background-color: #000000;
	width: 480px;
}

#Content {
	padding: 10px;
	width: 640px;
	color: #000;
	background-color: #dfd9c9;
	margin-top: 0px;
	margin-bottom: 10px;
}
#ContentNoContainers {padding: 10px; 0}
#ContentNoContainers .store_sidebar {float: left; width: 250px;}
#ContentNoContainers .store_main {width: 500px; float: left;}

#Content .LeftColumn, #Content .RightColumn, #Content .MenuLeft {width: 710px;}
#ContentColumn .RightColumn, #ContentColumn .MenuLeft {margin-left: 0;}
#ContentColumn .MenuLeft {float: left;}
#LeftColumn .MenuLeft {padding-right: 20px;}
#Content .MenuLeft {float: none;}

#ContentColumnNoContainers {float: left;}
#ContentNoContainers .store_main_inner {padding: 0px 15px;}
#Content a, #ContentNoContainers .store_main a {color: #2a3050;}

/* Sidebars
-------------------------------------------------------------- */

.widgetdiv1 {
	border: 1px solid #afa790;
	background: #441414;
	color: #FFF;
}

h3.widgettitle {background: #571d1d; color: #fff; text-align: center; font-weight: bold;}

#labelfont {color: #fff;}

/* Footer
-------------------------------------------------------------- */

#Footer {
	border-top: 3px solid #bbb;
	background-color: #441414;
	font-size: 1.2em;
	text-align: center;
	padding: 10px;
	color: #fff;
}

#Footer a {color: #fff;}
#Footer a:hover {color: #E3CCCB;}

.creds {padding: 2px;}

#Footer p {margin-bottom: 0;}

/* Calendar
-------------------------------------------------------------- */

.calendar {
  height:440px;
  margin-right:auto;
  padding-left:10px;
  width:440px;
  font-family:"Lucida Grande","Verdana",sans-serif;
  font-size:12px;
  font-size-adjust:none;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:1.5em;
  text-align:center;
  clear: left;
  
}


.dayName {
  text-align: center;
}

.dayName th {
  border-bottom:3px solid #ABA1AB;
  color:#666666;
  font-size:85%;
  vertical-align:bottom;
  width:75px;
  background-color:#FFF;
  padding-bottom: 0;
  padding-top: 0;
  height: 35px;
}

.monthName th {
  font-weight:normal;
  padding-bottom:0em;
  padding-top:0em;
  text-align:left;
}

#event_calendar .specialDay {
  background-color: #E3CCCB;
  border-bottom:1px dotted #ABA1AB;
}

.calendar .day, .calendar .specialDay {
  border-bottom:1px dotted #d4d4d4;
  text-align:left;
  vertical-align:top;
  height:75px;
  background-color:#fff;
}

.weekendDay {
  border-bottom:1px dotted #ABA1AB;
  text-align:left;
  vertical-align:top;
}
#event_calendar .today {
  background-color:#431313;
}

.otherMonth.weekendDay {
  color: #e1ece8;
}

.otherMonth {
  color: #c0c0c0;
  border-right:1px solid white;
  padding:0.7em 1em;
  text-align:left;
  vertical-align:top;
  border-bottom:1px dotted #ABA1AB;
  background-color:#f0f0f0;
}

.product_description p {
  margin-left:100px;
  width:350px;
}
.upcoming_events, .past_events {
  margin-bottom:25px;
}

/* News List
-------------------------------------------------------------- */

ul.news_list {border-top: 1px solid #F3ECF3; margin-top: 10px; padding: 10px 0; margin: 0;}
ul.news_list li {overflow: auto; padding-bottom: 24px;}
ul.news_list li h3 {margin-bottom: 5px;}
ul.news_list li p {margin-bottom: 3px;}

/* Nettikurssiasetukset - Maailman Valo
---------------------------------------------------------------*/

#Maailmanvalo p,#Maailmanvalo ul, #Maailmanvalo ol {font-size: medium;}

#Maailmanvalo h1 {
font-size: x-large;
color: #0075a7;
font-weight: normal;
font-style:italic;
text-align:right;
}
#Maailmanvalo h2 {
font-size: large;
color: #0075a7;
font-weight: normal;
}
#Maailmanvalo h3 {
font-size: medium;
color: #000;
font-weight: strong;
}
#Maailmanvalo .bible {
font-size: medium;
color: #0075a7;
font-weight: normal;
font-style: italic;
text-align:right;
}
#Maailmanvalo a {color: #000;}
#Maailmanvalo a:hover {color: #0075a7;}

/* Nettikurssiasetukset - Paavalin matkassa = pm
---------------------------------------------------------------*/

#pm p,#pm ul, #pm ol {font-size: medium;}

#pm h1 {
font-size: x-large;
color: #ac1144;
font-weight: normal;
font-style:italic;
text-align:right;
}
#pm h2 {
font-size: large;
color: #ac1144;
font-weight: normal;
}
#pm h3 {
font-size: medium;
color: #ac1144;
font-weight: strong;
}
#pm .bible {
font-size: medium;
color: #ac1144;
font-weight: normal;
font-style: italic;
text-align:left;
}
#viivaotsikko {
font-size: x-large;
color: #FFF;
font-weight: normal;
text-align:center;
width: 100%;
background-color: #d08620; 
background-image: url(../images/viivaa.jpg);
background-repeat: repeat-x; 
}
#avaintekstit {
font-size: medium;
color: #FFF;
font-weight: strong;
text-align:center;
width: 100%;
background-color: #ac1144; 
}
#tausta {
font-size: medium;
color: #FFF;
width: 100%;
padding: 0 0 0 5px;
background-color: #ac1144; 
}
#mieti {
font-size: medium;
color: #000;
width: 90%;
padding: 0 5px 0 5px;
margin-bottom: 25px;
background-color: #f8c2c2; 
}

#pm0 p {text-indent: -10000em;}
#pm a {color: #000;}
#pm a:hover {color: #ac1144;}

#avaintekstit a {color: #FFF;}
#avaintekstit a:hover {color: #f8c2c2;}

/* Kurssiwidget
---------------------------------------------------------------*/

#mvnyt {
color: #98d9ff;
}

#lrnyt {
color: #fef1ad;
}

#pmnyt {
color: #f8c2c2;
}

#mvnyt h3 {
font-size: medium;
font-weight: strong;
color: #98d9ff;
}

#lrnyt h3 {
font-size: medium;
font-weight: strong;
color: #fef1ad;
}

#pmnyt h3 {
font-size: medium;
font-weight: strong;
color: #f8c2c2;
}