/*IM 2.00, Site Lite CSS KLOSTER, CSR*/
/*general use CSS, no not modify--------------------------------------------------------------------------------------*/
.font-xxl {font-size:xx-large;}
.font-xl {font-size:x-large;}
.font-l {font-size:large;}
.font-m {font-size:medium;}
.font-s {font-size:small;}
.font-xs {font-size:x-small;}
.font-xxs {font-size:xx-small;}

.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}

.indent {text-indent:15px;}
.exdent {text-indent:-15px;}
.shift-r {position:relative; left:15px;}
.super {vertical-align:baseline; position:relative; top:-0.4em; font-size:smaller;}

.underline {text-decoration:underline;}
.bold {font-weight:bold;}
.unbold {font-weight:normal;}
.ital {font-style:italic;}

.border-0 {border-width:0;}
.border-1 {border:1px solid #000000;}

.float-left {float:left;}
.float-right {float:right;}
.clear-left {clear:left;}
.clear-right {clear:right;}
.clear-both {clear:both;}

.error {color:red; text-decoration:underline;}
.validator, .validator a:link, .validator a:visited {font-size:xx-small; text-align:left; background-color:#fff; color:#000; text-decoration:none;}
.validator a:hover {text-decoration:underline; color:#f00;}

/*site layout CSS--------------------------------------------------------------------------------------*/
/*
* {
padding:0px;
margin:0px;
}
*/

body {
font-family:Arial, Helvetica, sans-serif;
padding:0px;
margin:0px;
/*background-color:#eaffff;*/
text-align:center;
color:#20346f;
}

#container {
/*max-width:1000px; !*page width*!*/
    width: 100%;
margin:0px auto; /*centers main divs*/
overflow:hidden;
/*background-color:#eaffff;*/
padding:0 0 10px 0;
}

#header {
font-family:Georgia, "Times New Roman", Times, serif;
text-align:left;
padding:0px;
margin:0px;
background-color:#4169e1;
    background-color: #f7c6a4;
}
#main-wrapper {
padding:0px;
margin:0 auto;
min-height:350px;
height:auto !important;
height:350px;
    max-width:1000px;
}

/*uncomment declarations in next IDs to accommodate sidebar(s), adjust width and margin-left per design*/
#main-content {
padding:0px;
margin:0px;
text-align:left;
float:left;
width: 68.5%;
margin-left: 5%;
padding-right: 2%;
}

/*#left-sidebar {
float:left;
padding:0px;
margin:0px;
width:150px;
margin-left:-850px;
}*/

#right-sidebar {
float:left;
padding:0px;
margin:0px;
width: 24.5%;
}

#footer {
clear:both;
text-align:center;
padding:0px;
margin:0px;
}

fieldset {
border-width:0px;
}

legend {
display:none;
}

/*contact form CSS------------------------------------------------Need form CSS here for widths, etc.... instead of php file--------------------------------------*/
#con-form {
width: 100%; /*contact form width*/
text-align:right;
}

#con-form input, #con-form textarea {
padding:1px;
margin:1px;
}

/*menu links CSS--------------------------------------------------------------------------------------*/
/*Uncomment desired version*/

/*verticle links*/
/*
*/

/*horizontal links*/
div.links-main {
height:24px;
background-color:#3b5fcc;
    background-color: #0000004d;
}

div.links-main ul {
float:left;/*remove to left justify menu*/
position:relative;
left:50%;
padding:0px;
margin:0px;
}

div.links-main ul li {
float:left;
position:relative;
right:50%;
padding:0px;
margin:0px;
display:block;
list-style:none;
}

div.links-main a:link, div.links-main a:visited {
padding:0px 10px;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
line-height:24px;
font-weight:bold;
/*color: #eaffff;*/
    color: #fff;
text-align:center;/*optional*/
width:100px;/*optional*/
}

div.links-main a:hover, div.links-main a:active {
text-decoration:none;
color:#cd8e6d;
    color: #f5dacc
}

div.links-main a:active, div.links-main a:focus {
outline:0;
}

/*--------------------------------------------------------------------------------------*/
div.links-sec {
}

div.links-sec ul {
float:left;/*remove to left justify menu*/
position:relative;
left:50%;
padding:0px;
margin:0px;
}

div.links-sec ul li {
float:left;
position:relative;
right:50%;
padding:0px 5px;
margin:0px;
display:block;
list-style:none;
font-size:12px;
line-height:20px;/*accommodates 20px icon*/
}

div.links-sec a:link, div.links-sec a:visited {
color:#333;
}

/*copyright notice CSS--------------------------------------------------------------------------------------*/
#copyright {
clear:both;
font-size:10px;
}

/*custom CSS, add additional CSS declarations here--------------------------------------------------------------------------------------*/
a:link, a:visited {
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

h1, h2, h3, h4, h5, h6 {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style: italic;
color:#20346f;
    color: rgba(30, 144, 255, 0.7);
}

h1 {
font-size:1.9em;
}

#main-content p {
font-size:1.08em;
}

@media all and (max-width: 755px) {
    #con-form {
        text-align:left;
    }

    #con-form input, #con-form textarea {
        width: 100%;
    }

}

html {
    visibility: visible;
    opacity: 1;
}