
/*-----------------
--Universal Styles--
-------------------*/

*{
margin:0;padding:0;
}

body {
height: 100%;
background-attachment:fixed;
background-color:#fffff8;
background-image: url(images/background.jpg);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
margin:0;
padding: 0;
color:#000;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

h1,h2,h3,h4,h5,h6{
}

p{
font-size:16px;
color:#000;
font-family:Arial, Helvetica, sans-serif;
text-align: justify;
}

table{
margin-top:15px;
margin-left:5px;
margin-bottom:20px;
}

th{
font-size:15px;
text-align:left;
}

td{
font-size:14px;
padding-top:3px;
}

ul{
margin-top:20px;
margin-left:65px;
font-size:15px;
}

li{
margin-bottom:10px;
}

a{
color:#fff;
text-decoration:none;
border:none;
}

a:visited{
color:#fff;
text-decoration:none;
border:none;
}

a:hover{
color:#cc0000;
text-decoration:none;
border:none;
}


/*---Wrapper for all the Elements---*/

#wrapper{
background-color:#fff;
width:900px;
min-height:600px;
margin-right:auto;
margin-left:auto;
margin-top:10px;
margin-bottom:10px;
padding:5px;
border:2px solid rgba(0,0,0,0.3);
border-radius:15px;
}

/*-----------------
----Containers-----
-------------------*/

#banneri{
background-color:#fff;
height:228px;
background: url(images/banner_nav_pic.png);
}

#nav_container{
background-color: #f4f4f4;
background: url(images/nav_pic.png);
background-repeat: no-repeat;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
}

#link_container{
/*  Use this to push links sideways  */
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: row;
/* margin-left:177px; */
}

#left_container{
background-color:;
width:10px;
float:left;
}

#vertical_bar1{
background-color:rgba(0,0,0,0.3);
width:1px;
min-height:500px;
float:left;
margin:10px 10px 10px 5px;
}

#vertical_bar2{
background-color:rgba(0,0,0,0.3);
width:1px;
min-height:500px;
float:left;
margin:10px 5px 10px 10px;
}

#main_container{
background-color:;
width:724px;
min-height:390px;
float:left;
}

article{
/*  Use this to push index text  */
margin-top:19px;
}

#motto{
background-color:#f4f4f4;
margin:5px 0px 25px 208px;
padding:10px;
border-radius:10px;
width:310px;
}


#right_container{
background-color:#f4f4f4;
width:140px;
float:left;
margin-top:10px;
margin-left:4px;
border-radius:10px;
}


#phone{
background-color:#f4f4f4;
margin-left:155px;
border-radius:10px;
}

#mapborder{
background-color:#f4f4f4;
padding:5px;
width:425px;
border-radius:10px;
margin-left:157px;
}

/*--------------
----CLASSES-----
----------------*/

.clear {clear:both;}

.boxshadow {
-moz-box-shadow: 1px 1px 5px #000;
-webkit-box-shadow: 1px 1px 5px #000;
box-shadow: 1px 1px 5px #000;
}
'
.textshadow {
text-shadow: 1px 1px 5px #000;
}

.smalltextshadow{
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
}

.headingcenter{
text-align:center;
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
font-size:22px;
}

.headingstyle{
font-size:16px;
}

.headingstylec{
font-size:16px;
text-align:center;
margin:10px 0px 10px 0px;
}

table,th,td.phone
{
text-align:center;
margin-bottom:20px;
}

.homeicon{
margin:7px 5px 0px 180px;
}

.motto{
text-align:center;
color:#333;
font-style:italic;
font-size:18px;
}

.adress{
font-size:13px;
}

/* NAVIGATION LINKS */
.nav_links{
float:left;
margin: 7px 15px 0px 15px;
font-size:22px;
}

/*---------------
-----Index-----*/

.news_title{
width:240px;
color:#fff;
font-family:"Times New Roman", Times, serif;
letter-spacing:1px;
text-shadow:1px 1px 5px #000;
}

.newsdate{
width:73px;
margin-right:7px;
text-align:right !important;
text-shadow:1px 1px 5px #000;
font-style:italic;
font-size:15px;
font-family:"Times New Roman", Times, serif;
}

/*---------------
-----Gallery-----*/

div.gallery_small_picture_row{
padding:5px;
width:675px;
height:110px;
}

.gallery_title{
margin-left:15px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:1px;
text-shadow: 1px 1px 5px #000;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
opacity: 0.95;
-moz-opacity: 0.95;
}

a.gallery_bottom_links{
font-size:22px;
text-decoration: none;
text-shadow:1px 1px 4px #000000;
color:#fff;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
opacity: 0.35;
-moz-opacity: 0.35;
}

a.gallery_bottom_links:hover{
font-family:;
font-size:22px;
font-weight:bold;
text-decoration: none;
text-shadow:1px 1px 4px #000000;
color:#fff;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-moz-opacity: 1;
}

a.link_highlight{
font-family:;
font-size:22px;
text-decoration: none;
text-shadow:1px 1px 4px #000000;
color:#fff;
}




/* Index small pics */
img.index_smallpic{
margin:2px;
border:3px solid black;
}

img.index_smallpic:hover{
border:3px solid #5b499d;
}





