* {
	margin: 0;
	padding: 0;
}
body {
	color: #555;
	text-align: center;
	vertical-align: top;
	background: #ffffff;
}

body,textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 1.5em;
}

a {
    color: #42683c;
    font-weight: normal;
    text-decoration: none;
}
a:hover {
    color: #42683c;
    text-decoration: none;
}

.linkbutton {
    text-decoration: none;
    font-size: 90%;
    background-color: #42683c;
    color: #ffffff;
    border: solid 1px #42683c;
    padding: 4px 5px;
    border-radius: 6px;
}
.linkbutton:hover {
    color: #ffffff;
    background-color: #62885c;
}

a.more {
    font-size: 90%;
    color: #999999!important;
    border: solid 1px #999999;
    background-color: #f9f9f9;
    padding: 6px;
    border-radius: 6px;
}

a.Selected {
	font-size: 120%!important;
	text-decoration: none!important;
}

dd {
	margin-left: 0px;
	padding-left: 20px;
}

dt {
	font-weight: bold;
}

h1 {
    margin: 22px 0 3px 90px;
    color: #62686b;
    text-align: left;
    letter-spacing: -2px;
}
a.logo {
    position: absolute;
    top: 0px;
    left: 0;
}
a.logo img {
    height: 5em;
}
.slogan {
    font-family: Open sans-serif, Arial, sans-serif;
    background-color: #62686b;
    color: #fff;
    padding: 0.20em 0.5em;
    font-size: 110%;
    letter-spacing: 3px;
    margin-left: 93px;
}
@media (max-width: 520px) {
	h1 {
        font-size:30px;
	}
    .slogan {
        display: none;
/*
		font-size: 100%;
        letter-spacing: 2px;
*/
	}
}
@media (max-width: 400px) {
	h1 {
        font-size:24px;
	}
    .slogan {
        display: none;
    }
}

h3 {
    display:none;
}

fieldset.UploadDocument {
    margin-bottom: 10px;
}
fieldset.UploadDocument ol {
    margin-left: 30px;
}
fieldset.UploadDocument ol li {
    padding: 5px 0;
}

img.pictureframe {
    border: solid 4px #a0a0a0;
    border-radius:8px;
    padding: 0px;
}

input,textarea {
    padding: 0 3px;
    margin-right: 3px;
}

.datepicker {
    width: 70px;
}

.timepicker {
    width: 60px;
}

.floatright {
    float:right;
}

.hidden {
	display: none;
}

.citation {
    clear: both;
    font-size: 70%;
    margin: 2em 0 1em;
}
.citation a,
.citation a:hover
{
    color: #b5b9ba;
    text-decoration: none;
}

.top_line, .bottom_line {
    background-color: #3d5866;
    height: 5px;
}
.bottom_line {
    position: absolute;
    bottom:0;
    width: 100%;
}

dd.messagesender {
    background-color: #fafffa;
    border: solid 1px #999999;
    margin: 0 50px 10px 0;
    padding: 5px;
}
dd.messagesenderselected {
    background-color: #e9efe9;
    border: solid 1px #797979;
    font-weight: bold;
    margin: 0 50px 10px 0;
    padding: 5px;
}

dd.messagerecipient {
    background-color: #fafaff;
    border: solid 1px #999999;
    margin: 0 0 10px 40px;
    padding: 5px;
}
dd.messagerecipientselected {
    background-color: #e9e9ef;
    border: solid 1px #797979;
    font-weight: bold;
    margin: 0 0 10px 40px;
    padding: 5px;
}

dt.newmessage, dd.newmessage {
    background-color: #fcfce0;
}

dt.newmessage {
    margin-top: 2px;
    border-top: solid 1px #dcdcc0;
    border-left: solid 1px #dcdcc0;
    border-right: solid 1px #dcdcc0;
}
dd.newmessage {
    margin-bottom: 2px;
    border-bottom: solid 1px #dcdcc0;
    border-left: solid 1px #dcdcc0;
    border-right: solid 1px #dcdcc0;
}


dd.pending {
    border: solid 1px #333333;
}

dt.messagesender {
    font-weight: normal;
    font-style: italic;
}

dt.messagerecipient {
    font-weight: normal;
    font-style: italic;
    margin-left: 50px;
}

div.buttonbar {
    padding: 20px 0 10px 0;
}

div.Deletepanel {
    border: solid 1px #666666;
	background-color: #ffffcc;
    border-radius: 6px;
    padding: 5px 10px;
    margin: 10px 0;
}

div.Editpanel {
    clear:both;
    margin: 10px 0;
}

dl.eventinfo dt {
    margin: 10px 0 5px 0;
    border: solid 1px #999999;
    border-radius: 6px;
    padding: 5px;
    background-color: #e0e0e0;
}

div.interestnotes {
    margin: 5px 0 5px 20px;
}

/* Page Navigation Links */
div.PagerControl {
    padding: 3px 0;
    vertical-align: middle;
}
div.PagerControl > div.PreviousPage,
div.PagerControl > div.PageLinks,
div.PagerControl > div.NextPage,
div.PagerControl div.FirstLastLinks {
    float: left;
}
div.PagerControl div.PageLinks ul {
    list-style: none;
    margin:0!important;
    padding:0!important;
}
div.PagerControl div.PageLinks ul li {
    margin: 0 2px!important;
}
div.PagerControl > div.PreviousPage,
div.PagerControl > div.NextPage,
div.PagerControl > div.FirstLastLinks {
    padding: 0px;
    margin: 0px 2px;
}
div.PagerControl div.PageLinks a, 
div.PagerControl div.PreviousPage a,
div.PagerControl div.NextPage a {
    border: solid 1px #42683c;
    border-radius: 3px;
    padding: 0 4px;
}
div.PagerControl a:hover {
    color: #ffffff!important;
    background-color: #42683c;
    text-decoration: none!important;
}

div.PagerControl div {
    clear:none !important;
}
div.PagerControl div.PageLinks a.selected {
    font-size:120%!important;
    border: none;
    padding: 0px 3px;
    text-decoration: none;
}
div.PagerControl div.PageLinks a.selected:hover {
    text-decoration: none;
    color: #3a3a7a!important;
    background-color: #ffffff;
}

div.photo {
    text-align:center;
}
div.photo img {
    border: solid 4px #a0a0a0;
    border-radius:8px;
    padding: 0px;
    margin: 5px auto 5px auto;
}
div.photo div.caption {
    font-style: italic;
}

div.RSVPInfo,
div.MessageInfo,
div.PrayerRequestInfo {
    margin-top: 20px;
    border: solid 1px #c0c0c0;
    padding: 5px 10px;
	border-radius:6px;
    background-color: #f0f0f0;
}

div.RSVPList ol {
    margin-left: 40px;
}

img.profile {
    border: solid 4px #a0a0a0;
    border-radius:8px;
    padding: 0px;
    margin: 15px 10px 5px 0;
}

.hilite {
    border-radius: 6px;
	border: solid 1px #999999;
	background-color: #f0f0f0;
	color: #333333;
	font-weight: bolder;
	padding: 5px;
    margin-bottom: 10px;
}

.note {
    border-radius: 6px;
	border: solid 1px #999999;
	background-color: #f0f0f0;
	color: #333333;
	padding: 10px;
}

.sortdesc {
    padding-right: 20px !important;
    background-image: url("Images/downarrow.png");
    background-repeat: no-repeat;
    background-position: right center;
}
.sortasc {
    padding-right: 20px !important;
    background-image: url("Images/uparrow.png");
    background-repeat: no-repeat;
    background-position: right center;
}

table tr td {
	padding: 3px;
}

span.readonly {
	border: solid 1px #999999;
	background-color: #f0f0f0;
	color: #333333;
	padding: 2px 4px;
}
td.readonly {
	border: solid 1px #999999;
	background-color: #f0f0f0;
	color: #333333;
}

.Itemlist dl {
	border: dashed 1px #a89793;
}
.Itemlist dt {
	border-top: dashed 1px #a89793;
	margin-top: 10px;
	padding-top: 10px;
}
.Itemlist li {
	border-top: dashed 1px #a89793;
	margin: 10px 0;
	padding-top: 10px;
}

.Login {
	background-color: #f6f6f6;
	 border: solid 1px #999999;
	 padding: 5px;
}
.LoginTitle {
	background-color: #666666;
	color: White;
	font-size: 110%;
	font-weight: bold;
}
.messagetext {
	border: solid 2px #c0c0c0;
    border-radius: 6px;
	margin: 50px 0 20px 0;
	padding: 10px;
	font-size: 100%;
}

.inputerror {
	background-color: #900000;
	color: #ffffff;
}

.required {
    font-weight: bold;
}

.small {
    color: #666666;
    font-size: 80%;
}

table.membermap {
}

ul.optionlist,ul.optionlist ul {
    list-style-type: none;
}

div#mappoints {
    border: solid 1px #999999;
    background-color: #f6f6f6;
    height: 450px;
    width: 150px;
    overflow: scroll;
    font-size: 90%;
    padding: 3px;
}
div#mappoints a {
    display: block;
    text-decoration: none;
}
div#mappoints a:hover {
    text-decoration: none;
}
div#mapcanvas {
    border: solid 1px #999999;
    width: 650px;
    height: 450px;
}

.Container {
    margin-bottom: 20px;
}

div#Content {
    position: relative;
	margin: 0;
	padding: 0px;
}
div#Content a.button {
	border: solid 1px #42683c;
    border-radius: 6px;
	padding: 2px 5px;
}
div#Content a:hover.button {
    background-color: #fff0f0;
    text-decoration: none;
}
div#Content fieldset {
	padding: 0 10px 10px 10px;
	margin-bottom: 10px;
	border-radius: 10px;
	border: solid 1px #c0c0c0;
}
div#Content fieldset legend {
	color: #636363;
	font-weight: bold;
	font-size: 110%;
	margin-bottom: 5px;
}
div#Content fieldset.inputfield legend {
	color: #404040;
	font-weight: bolder;
	font-size: 90%;
}

div#Content h4 {
	margin-bottom: 10px;
	font-size: 110%;
}
div#Content p {
	margin: 15px 0;
}
div#Content li {
	margin: 5px 0 5px 25px;
}

div#CurrentUser {
/*
	position: absolute;
	top: 70px;
	right: 10px;
*/
    float: right;
	color: #d0d0d0;
}
div#CurrentUser a {
	color: #42683c;
	text-decoration: none;
}
div#CurrentUser a:hover {
	text-decoration: none;
}

div#Error {
	color: #800000;
	border: solid 1px #800000;
	padding: 3px 5px;
	border-radius:6px;
	margin-bottom: 10px;
}
div#Error h4 {
	color: #ffffff;
	background-color: #800000;
	margin: -3px -5px 0 -5px;
	padding: 3px;
	border-radius:6px 6px 0 0;
}
div#Error ul  {
	margin: 0 20px;
}
div#Error li {
	padding: 0;
	margin: 0;
}
 
div#Info {
	color: #004b6f;
	background-color: #f6f6f6;
	border: solid 1px #004b6f;
	padding: 3px;
	border-radius:6px;
	margin-bottom: 10px;
}

div#Userinfo {
    position: relative;
    background: #636363 url(images/bg-footer.jpg);
    color: #ffffff;
	height: 30px;
	margin: 5px 0 2px 0;
}
div#Userinfo a {
    color: #ffffff;
    font-weight: normal;
    text-decoration: none;
}
div#Userinfo a:hover {
    text-decoration: none;
}

header {
	position: relative;
	background: transparent;
    padding-bottom: 30px;
    text-align:left;
}
footer {
	position: fixed;
	height: 45px;
    bottom: 0;
    width: 100%;
}

div#Profilepics {
    float:left;
}

div#Rolemaintenance {
	margin: 20px 0 10px 0;
	border: solid 1px #a0a0a0;
	padding: 4px;
	font-size:80%;
	background-color:#f0f0f0;
	line-height: 1.25em;
}

div#Sidebar {
    display: none;
}

div.editpanel {
    float:right;
    width: 47px;
    height: 18px;
    background-color: #666666;
    border: solid 1px #d0d0d0;
    border-radius: 4px;
    padding: 4px 0;
    margin-left: 10px;
    text-align: center;
    z-index: 1000;
}

div.gallery ul {
    margin-left: 0px!important;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
div.gallery ul li {
	display:inline;
}
div.gallery ul img {
	border-color:#3E3E3E;
	border-style:solid;
	border-width:5px 5px 20px;
}
div.gallery ul a:hover img {
	border-color:#9E9E9E;
	border-style:solid;
	border-width:5px 5px 20px;
	color:#FFFFFF;
}
div.gallery ul a:hover {
	color:#FFFFFF;
}

div.quote {
    border: solid 1px #a0a0a0;
    background-color: #e0e0e0;
    color: #404040;
    padding: 5px;
    margin: 0 0 5px 10px;
    font-size: 80%;
}
div.quote div.text {
    font-style: italic;
}

dl.selectionlist dt {
    margin: 2px 0;
}
dl.selectionlist .selected {
    border: solid 1px #cccc99;
    background-color: #ffffcc;
}

div.Sidewindow {
	width:130px;
	padding: 2px 4px;
	border: solid 1px #e0e0e0;
	font-size:80%;
	background-color:#f0f0f0;
	line-height: 1.25em;
}

table.Gridview td,th {
	padding: 2px 4px;
}
table.Gridview th {
	background-color: #e0e0e0;
}


div.field-group {
    padding: 4px;
}
div.field {
    padding: 2px 0;
    clear: both;
    display: inline-block;
}
div.field > label {
    width: 90px;
    float: left;
}
div.field > label:after {
    content: ": ";
}
div.field label.required {
    font-weight: bold;
}

/*
a.btn-primary{
    background-image: linear-gradient(to bottom,#42683c 0,#364b44 100%)!important;
    background-color: #32483f;
}
a.btn-primary:hover {
    
    background-color: #2e443b;
}
*/