/*
=============================
DotNetNuke skin styles for First Lutheran Evangelical Church
created by Mark Nelson - http://www.fdlwebs.com
=============================
*/

/*----- Layout and Positioning Elements -----*/
/*----- Page Body -----*/
html
{
  height: 100%;
}
body 
{
    margin: 0;
    padding: 0;
    line-height: 120%;
    font: 80% Verdana, Helvetica, Arial, Sans-Serif;
    background-color: #AC2333;
}
#pagemaster 
{
    width: 100%;
    height: 100%;
    background-color: #AC2333;
}
#skinmaster
{
    position: relative;
    height: 100%;
    width: 1024px;
    background-color: #FEFCEE;
    text-align: left;
}
#multipane
{
    position: relative;
    height: 100%;
    width: 760px;
    background-color: #FEFCEE;
    text-align: left;
}

/*----- Header Section -----*/
#skinheader
{
    width: 100%;
    background-color: #BABDE0;
}
#titlebar
{
    width: 100%;
    height: 28px;
    background-color: transparent;
}
#multititlebar
{
    width: 100%;
    height: 100%;
    min-height: 28px;
    background-color: transparent;
}
#dnn_titlepane
{
    width: 450px;
    text-align: center;
    background-color: transparent;
    margin: -13px 0 -10px 0;
    #margin: 2px 0 -15px 0;
}
#headerimage
{
    height: 176px;
    width: 100%;
    background-color: #363D50;
    text-align: center;
}
#headerbar
{
    height: 25px;
    font-size:8.5pt;
    background-color: transparent;
}

/*----- Content Section -----*/
#mainbody
{
    background-color: #FEFCEE;
    clear:both;
    position: static;
}
#content
{
    float: right;
    width: 874px;
    background-color: transparent;
    text-align: left;
}
#multicontent
{
    float: right;
    width: 610px;
    background-color: transparent;
    text-align: left;
}
.toppane
{
    padding: 5px 5px 5px 0;
}
.contentpane
{
    padding: 5px 5px 5px 0;
}
.rightpane
{
    padding: 5px;
    width:13em;
    #width:auto;
}
.bottompane
{
    padding: 5px 5px 5px 0;
}

/*----- Left Menu Section -----*/
#menubar
{
    width: 145px;
    float: left;
    background-color: #957BA5;
    color: #FFFFFF;
}
#adminmenu {
    margin: 5px 0;
    padding: 0;
    background-color: Transparent;
}
.leftpane
{
    padding: 10px 4px;
    color: #FFFFFF;
    background-color: transparent;
}

/*----- Footer Section -----*/
#footerbar
{
    clear: both;
    width: 1024px;
    height: 100px;
    background-color: #F1F42F;
    font-size: 90%;
}
#multifooterbar
{
    clear: both;
    width: 760px;
    height: 100px;
    background-color: #F1F42F;
}
.footer
{
    width: 1024px;
}
.multifooter
{
    width: 760px;
}
#rose
{
    float: right;
}
#controlpanel
{
    font-size: 8.0pt;
}

/*----- Positioned Elements -----*/
#search
{
    position: absolute;
    text-align: right;
    top: 3px;
    right: 5px;
    width: 300px;
}
#date
{
    position: absolute;
    top: 210px;
    #top: 211px;
    left: 5px;
    width: 200px;
}
#crumbs
{
    position: absolute;
    top: 210px;
    #top: 211px;
    left: 225px;
    width: 450px;
    text-align: center;
    font-size: 8.5pt;
}
#login
{
    position: absolute;
    top: 210px;
    #top: 211px;
    right: 5px;
    width: 50px;
}

/*----- Main Menu -----*/
#nav ul {
    margin: 0;
    padding: 0;
	list-style: none;
	float: left;
	border: 0;
	width: 145px;
	line-height: 1.7em;
	z-index: 100;
}
#nav a {
    margin: 0;
    padding: 0 5px;
	display: block;
	color: #FFFFFF;
	font-style: normal;
	text-decoration: none;
	width: 145px;
}
#nav li {
    position: relative;
    float: left;
	border: 0;
    list-style: none;
	width: 145px;
	z-index: 100;
}
#nav li a 
{
    z-index: -1;
}
#nav li a:hover {
    margin: 0;
    padding: 0 5px;
	color: #FFFFFF;
	background-color: #2A2AFF;
	width: auto
}
#nav li.SelectedTab {
    margin: 0;
    padding: 0;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	color: #FFFFFF;
	text-decoration: none;
}

/*----- second-level lists -----*/
#nav li ul {
    margin: -2em 0 0 10em;
	position : absolute;
	left: -9999em;
	background-color: #666699;
	border: 0;
	z-index: 200;
}
#nav ul li:hover {
    position: static;
}

#nav li li a 
{
    z-index: 200;
}

/*----- third-and-above-level lists -----*/
#nav li ul ul {
    margin: -2em 0 0 10em;
	left: -999em;
	background-color: #666699;
	border: 0;
	z-index: 99999;
}
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul{
    left: -999em;
}
#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li.iehover ul, 
#nav li li.iehover ul, 
#nav li li li.iehover ul {
	left: auto;
}
/*----- End Main Menu ------*/

/*----- Styles -----*/

/*----- DNN Styles to Override -----*/
/* text style used for most text rendered by modules */
.Normal, .NormalDisabled, .NormalBold, h1, h2, h3, h4, h5, h6, .Head, blockquote
{
    font: 100% Verdana, Helvetica, Arial, Sans-Serif;
    color: inherit;
}

/* text style used for rendered text which should appear disabled */
.NormalDisabled
{
    color: Silver;
}

/* text style used for rendered text which requires emphasis */
.NormalBold
{
    font-weight: bold
}

/* text style used for error messages */
.NormalRed
{
    font-weight: bold;
    color: #ff0000
}
h1, h2, h3, h4, h5, h6, .Head, .SubHead
{
    font-weight: bold;
    text-align: center;
}
.SubHead 
{
    font-size: 90%;
}

/*----- Generic -----*/

h1
{
    font-size: 20px;
    font-weight: normal;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    color: #666644;
}

h2, .head h2
{
    font-size: 20px;
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    color: #666644;
}

H3, .head h3
{
    font-size: 16px;
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    color: #003366;
}

H4
{
    font-size: 16px;
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    color: #003366;
}

H5, DT
{
    font-size: 100%;
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    color: #003366;
}

H6
{
    font-size: 100%;
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    color: #003366;
}
a img
{
    border: 0;
}

/*----- Blockquote and included icons -----*/
blockquote
{
    margin: 10px 15px;
    padding: 0 0 0 10px;
    font: italic 105%;
    border-left: 10px solid #666644;
}
.quoteright
{
    margin: 10px 0 10px 10px;
    padding: 0 0 0 10px;
    font: italic 105%;
    width: 180px;
    float: right;
    text-align: left;
    border-left: 10px solid #666644;
}
.quoteleft
{
    font: italic 105%;
    padding: 0 10px 0 0;
    margin: 10px 10px 10px 0;
    width: 180px;
    float: left;
    text-align: right;
    border-right: 10px solid #666644;
}

/*----- Images -----*/
img
{
    margin: 0;
    padding: 0;
}
.imageright img
{
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}
.imageleft img
{
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.imagerightcaption
{
    font-size: 85%;
    font-style: italic;
    float: right;
    margin: 10px 0 0 10px;    
}
.imagerightcaption img
{
    margin-bottom: 5px;
}
.imageleftcaption
{
    font-size: 85%;
    font-style: italic;
    float: left;
    margin: 10px 10px 0 0;
}
.imageleftcaption img
{
    margin-bottom: 5px;
}

/*----- Menu Bar Style -----*/
.leftpane .Normal, .leftpane .NormalDisabled, .leftpane .Normalbold, .leftpane .NormalRed, .leftpane h1, .leftpane h2, .leftpane h3, .leftpane h4, .leftpane h5, .leftpane h6, .leftpane .Head
{
    margin: 0;
    padding: 0;
    color: #FFFFFF;
}
.leftpane h1, .leftpane h2, .leftpane h3, .leftpane h4
{
    font-size:16px;    
}
a.leftpane,
.leftpane a:link,
.leftpane a:visited,
.leftpane a:hover,
.leftpane a:active
{
    text-decoration: underline;
    color: #FFFFFF;
    font-weight: normal;
}
.leftpane a:hover
{
    text-decoration: underline;
    color: #FFFFFF;
    font-weight: normal;
}
.leftpane a:active
{
    text-decoration: underline;
    color: #FFFFFF;
}

/*----- Footer Style -----*/
.footer .Normal, .footer .NormalDisabled, .footer .Normalbold, .footer .NormalRed, .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6, .footer .Head
{
    color: #000000;
}
.footer a:link,
.footer a:active,
.footer a:visited
{
    text-decoration: none;
    font-weight: normal;
    color: #000000;
}
.footer a:hover
{
    text-decoration: underline;
    color: #000000;
}
#spirit
{
    margin: 0;
    padding: 0;
}
#rose
{
    margin: 0;
    padding: 0;
}

/*----- Footer Link Style -----*/
.footerlinks 
{
    
}
.footerlinks,
.footerlinks a:link,
.footerlinks a:active,
.footerlinks a:visited
{
    font-weight: normal;
}
.footerlinks a:hover
{
    font-weight: bold;    
}

/*----- FCK Editor Styles -----*/
#fckbody 
{
    background-color: #FEFCEE;
    background-image: none;
}
.FCKImageGalleryContainer, .FCKImageGalleryListStyle,
.FCKLinkGalleryContainer,
#fckinstanceoptions_tblEditorOptions td
{
    background-color: #FEFCEE;
    background-image: none;
}
.SC_Panel
{
    background-color: #FEFCEE;
    background-image: none;
}
.SC_Item
{
    width: 200px;
    padding: 5px;
}

.EventDayEvents
{
    white-space: pre-wrap;
    height: 100%;
}

/*----- Alignment Classes -----*/
.floatLeft
{
  float: left;
}
.floatRight
{
  float: right;
}
.alignLeft
{
  text-align: left;
}
.alignRight
{
  text-align: right;
}

/*----- Generic Display Classes -----*/
ul li
{
    list-style-type: disc;
}
ul li li
{
    list-style-type: square;
}
ul li li li
{
    list-style-type: circle;
}
ol li
{
    list-style-type: upper-roman;
}
ol ol li
{
    list-style-type: upper-alpha;
}
ol ol ol li
{
    list-style-type: decimal;
}
ol ol ol ol li
{
    list-style-type: lower-alpha;
}
ol ol ol ol ol li
{
    list-style-type: lower-roman;
}
ol ul li
{
    list-style-type: disc;
}
.bold
{
    font-weight: bold;
}
.hide
{
    display:none;
}
.clear
{
  clear: both;
}
.block
{
  display: block;
}
.small
{
  font-size: 0.8em;
}