﻿/*
    Purple: #3f3f8d
    Red: #ab1718
    Grey:#7b735c
    Yellow: #f1d59d;


    Blue -> 



    White: #FFFFFF;
    Black: #000000;
    
    Grey: #666666
    DarkGrey: #424242;

*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 22, 2013 */



@font-face {
    font-family: 'LobsterRegular';
    src: url('fonts/lobster_1.4-webfont.eot');
    src: url('fonts/lobster_1.4-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lobster_1.4-webfont.woff') format('woff'),
         url('fonts/lobster_1.4-webfont.ttf') format('truetype'),
         url('fonts/lobster_1.4-webfont.svg#lobster_1.4regular') format('svg');
    font-weight: normal;
    font-style: normal;
}



HTML, BODY, FORM
{ 
	margin:0px; 
	padding:0px; 
}
BODY
{
    background-color:#FFFFFF;
    background-image:url(images/LFHM-BG.jpg);
    background-size: 100% auto;
    background-attachment:fixed;
    color:#3f3f8d;
    font-family:Monotype Corsiva, Verdana, Arial;
    font-size:18px;
    position:relative;
    z-index:0;
}
TABLE 
{
	margin:0px; 
	padding:0px; 
	border-collapse:collapse; 
} 
TD
{
    vertical-align:top;    
}
TEXTAREA 
{
	font-family:Verdana;	
	font-size:13px;
}

H1
{
    font-family:LobsterRegular, Monotype Corsiva, Arial;
    font-size:42px;
    margin:0px 0px 6px 0px;
    color:#3f3f8d;
    font-weight:normal;
    letter-spacing:-1px;
 
}

H2
{
    font-family:LobsterRegular, Monotype Corsiva, Arial;
    font-size:30px;
    margin:0px 0px 5px 0px;
    color:#7b735c;
    line-height:120%;
    font-weight:normal;
}

H3
{
    font-family:Monotype Corsiva, Verdana, Arial;
    font-size:24px;
    margin:0px 0px 4px 0px;
    color:#7b735c;
    font-weight:normal;
    text-transform:none;
    line-height:120%;
    /*-webkit-transform:rotate(10deg);*/
}


P
{
    margin:0px 0px 5px 0px;
    color:#424242;
    font-size:18px;
    /* text-shadow: 0 0 1px rgba(0,0,0,.5); */
}

a:link, a:visited {  color: #3f3f8d; text-decoration:underline; cursor:hand; }
a:hover, a:active {  color: #ab1718; text-decoration:underline; cursor:hand; } 




#OuterFrame
{
	border:none;
	padding:0px 0px 0px 0px;
	text-align:center;
	margin-top:20px;
	
}
#InnerFrame
{
    background-color:#FFFFFF;
   	min-height:500px;
	position:relative;

    -moz-box-shadow: 1px 1px 1px rgba(200, 200, 200, 0.3);
    -webkit-box-shadow: 1px 1px 1px rgba(200, 200, 200, 0.3);
    box-shadow: 1px 1px 1px rgba(200, 200, 200, 0.3);
}

.TitleDiv
{
    margin:0px 0px 0px 70px;
    background-color:#FFFFFF;
    padding:0px 0px 2px 0px;
    height:130px;
    position:relative;
    
}

.TitleLogoDiv
{
    display:inline-block;
    float:left;
    background-image:url(images/LFHM-logo.png);
    background-repeat:no-repeat;   
    width:120px;
    margin:5px 20px 5px 10px;
    height:120px;
}

.TitleDiv .MainTitle 
{
    position:absolute;
    left:150px;
    top:10px;
    
}

.TitleDiv .MainTitle H1
{
    font-family:LobsterRegular, Monotype Corsiva, Arial;
    font-size:82px;
    margin:0px 0px 6px 0px;
    color:#3f3f8d;
    font-weight:normal;
    letter-spacing:0px;
}

.TitleDiv .SubTitle
{
    position:absolute;
    left:210px;
    top:89px;
}

.TitleDiv .SubTitle H1
{
    font-family:LobsterRegular, Monotype Corsiva, Arial;
    font-size:24px;
    margin:0px 0px 0px 0px;
    color:#3f3f8d;
    font-weight:normal;
    letter-spacing:0px;
}



.small
{
	font-size:10px;
}

.faded
{
	color:#666666;	
}

.hidden 
{
    display:none;
}
.clear
{
    clear:both;
}


#HeadTable
{
    margin:0px 0px 0px 0px;   
    padding:0px;
}




#MainTable
{

}

.MainPanel
{
	margin:10px 0px 0px 10px;
    padding:1px 0px 0px 10px;
    width:760px;
    text-align:left;
    /*overflow:hidden;*/
}

.MainContent
{
    text-align:left;
    width:750px;
    padding:10px 0px 0px 0px;
    position:relative;
}





.preview
{
	position:absolute;
	bottom:0px;
	left:0px;
	background-color:#FFEE66;
	color:#003366;
	font-size:9px;
	font-weight:bold;
	padding:3px 5px 3px 5px;
	border:1px solid #666666;
}

.adminbutton
{
	position:fixed;
	top:0px;
	right:0px;
}



.FooterFrame
{
    clear:both;
    margin:10px 0px 5px 0px;
    font-size:10px;
    color:#FFFFFF;
    position:fixed;
    bottom:5px;
    right:5px;
}
.FooterFrame .faded
{
    color:#777777;
}
.FooterFrame .faded a:link, .FooterFrame .faded a:visited, .FooterFrame .faded a:hover, .FooterFrame .faded a:active {  color: #777777; text-decoration:underline; cursor:hand;}


.PrintFooter { display:none;  }
.PrintHeader { display:none;  }

/* 
@media print {
  #HeadTable { display:none;  }
  #OuterFrame { border:none; }
  .PrintHeader { display:block; margin:5px 0px 5px 0px; text-align:left; }
  .PrintFooter { display:inline; margin:20px 0px 0px 20px;  }
}
*/




    

.DepartmentList
{
	
}
.DepartmentList a:link, .DepartmentList a:visited { color: Fuchsia; text-decoration:underline; cursor:hand;} 
.DepartmentList a:hover, .DepartmentList a:active { color: Blue; text-decoration:none; cursor:hand;}



.DepartmentList .OuterBox
{
	border:1px solid #999999;
	text-align:center;
	padding:10px;
	color:Fuchsia;
	background-color:#424242;
	
}


.DepartmentList .ImageBox 
{
	border:1px solid pink !important;
	background-color:#DDDDDD;
	margin:10px 0px 0px 0px;
	
}


.highlight
{
	background-color:#FFFF42;
	color:#3377DD;
	font-weight:bold;
    padding-left:5px;
	border-right:5px solid #FFFF42;
	border-top-left-radius: 5px;	-moz-border-radius-topleft: 5px;	-webkit-border-top-left-radius: 5px;
	border-top-right-radius: 5px;	-moz-border-radius-topright: 5px;	-webkit-border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;	-moz-border-radius-bottomleft: 5px;	-webkit-border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;	-moz-border-radius-bottomright: 5px;	-webkit-border-bottom-right-radius: 5px;
	position:fixed;
	top:15px;
	right:50px;

     -moz-box-shadow: 5px 5px 5px #666666;
    -webkit-box-shadow: 5px 5px 5px #666666;
    box-shadow: 5px 5px 5px #666666;

}

.highlight2
{
	background-color:#FFFF42;
	color:#3377DD;
	font-weight:bold;
    padding-left:5px;
	border-right:5px solid #FFFF42;
	border-top-left-radius: 5px;	-moz-border-radius-topleft: 5px;	-webkit-border-top-left-radius: 5px;
	border-top-right-radius: 5px;	-moz-border-radius-topright: 5px;	-webkit-border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;	-moz-border-radius-bottomleft: 5px;	-webkit-border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;	-moz-border-radius-bottomright: 5px;	-webkit-border-bottom-right-radius: 5px;
}

.highlighter
{
	background-color:#42FF42;
	color:#424242;
	font-weight:normal;
	padding:1px;
}


.ValidationErrorText
{
	background-color:#FFFF42;
	color:#DD7733;
	font-weight:bold;
    padding-left:5px;
	border-right:5px solid #FFFF42;
	border-top-left-radius: 5px;	-moz-border-radius-topleft: 5px;	-webkit-border-top-left-radius: 5px;
	border-top-right-radius: 5px;	-moz-border-radius-topright: 5px;	-webkit-border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;	-moz-border-radius-bottomleft: 5px;	-webkit-border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;	-moz-border-radius-bottomright: 5px;	-webkit-border-bottom-right-radius: 5px;
}

.ValidationSummaryErrorText
{
	background-color:#FFFF42;
	color:#DD7733;
	font-weight:bold;
	border-top-left-radius: 10px;	-moz-border-radius-topleft: 10px;	-webkit-border-top-left-radius: 10px;
	border-top-right-radius: 10px;	-moz-border-radius-topright: 10px;	-webkit-border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;	-moz-border-radius-bottomleft: 10px;	-webkit-border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;	-moz-border-radius-bottomright: 10px;	-webkit-border-bottom-right-radius: 10px;

     -moz-box-shadow: 5px 5px 5px #666666;
    -webkit-box-shadow: 5px 5px 5px #666666;
    box-shadow: 5px 5px 5px #666666;

    position:fixed;
    top:100px;
    right:100px;
    width:400px;
}


.DefaultTextBoxTextStyle
{
	color:#999999;
	font-style:italic;	
}


.EditImagePanel .OuterDiv
{
    background-image:url(../../images/transparent-bwstripe-2x2.png);
    background-repeat:repeat;
    width:100%;
    height:100%;
    position:fixed;
    left:0px;
    top:0px;    
    text-align:center;
    vertical-align:middle;
    z-index:1000;
}


.EditImagePanel .InnerDiv
{
    padding:20px;
    background-color:#DDDDDD;    
    color:Black;
    font-weight:bold;
    width:800px;
    height:600px;
    border:3px outset #999999;
    text-align:center;
    position:absolute;
    top:50%;
    margin-top:-300px;
    left:50%;
    margin-left:-400px;
}


.ErrorPageDiv
{
    background-color:#FFFFFF;
    background-image:url(../../images/ErrorMarvin.png);
    background-repeat:no-repeat;
    color:#871B10;
    min-height:500px;
    font-size:1em;
    position:relative;
}

.ErrorPageDiv .inner
{
    position:absolute;
    top:0px;
    right:0px;
    padding:20px;
    text-align:left;
    width:600px;
    height:400px;
}