/* DOCUMENT STYLE  
----------------------------------------------------------*/
html
{
    background-color:Black;
}

body
{   
    background-color:#C8E3F1;
    background-image:url(Images/bkgrnd_bottom.jpg);
    background-repeat:repeat-x;
    background-position:bottom;
    margin:0px;
    padding:0px;
    text-align:center;
    font-size: 1em;
    font-family: Arial, Verdana, Helvetica;
    xcolor: #696969;
}


/* LINKS 
----------------------------------------------------------*/
/*
a:link
{
    color: #034af3;
    text-decoration: underline;
}
a:visited
{
    color: #505abc;
}
a:hover
{
    color: #1d60ff;
    text-decoration: none;
}
a:active
{
    color: #12eb87;
}
*/

/* PARAGRAPHS / LISTS   
----------------------------------------------------------*/
p, ul
{
    margin-bottom:0px;
    line-height:1.2em;
}


/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2
{
    padding: 0 0 10px 0;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}


/* CUSTOM LINK STYLE   
----------------------------------------------------------*/
a.linkstyle:link
{
    color:#006EFF;
    text-decoration:none;
}

a.linkstyle:visited
{
    color:#006EFF;
    text-decoration:none;
}

a.linkstyle:hover
{
    color:#0059CE;
    text-decoration:underline;
}

a.linkstyle:active
{
    color:#0059CE;
    background-color:#EEEEEE;
}

/* CLASSES & IDS   
----------------------------------------------------------*/
#website-dimmer {
    background-color:#000000;
    opacity:0.7;                        /* Safari, Opera */
    -moz-opacity:0.70;                  /* FireFox */
    filter:alpha(opacity=70);          /* IE */
    z-index:1000;
    height:100%;
    width:100%;
    background-repeat:repeat;
    position:fixed;
    top:0px;
    left:0px;
    display:none;
}

#page-body-inner
{
    background-image:url(Images/bkgrnd_top2.jpg);
    background-repeat:repeat-x;
    background-position:top;
    width:100%;
    margin:0px;
    padding:0px;        
}

#page-header-outer
{
    background-image:url(Images/Header/header_image.png);
    background-repeat:no-repeat;
    width:850px; 
    height:209px; 
    padding:30px 20px 0px 20px; 
    margin:0px auto 0px;
}

#page-header-link
{
    position:absolute;
    top:0px;
    left:0px;
    display:block;
    width:575px; 
    height:209px; 
}

#page-header-inner
{
    position:relative;
    top:0px;
    left:0px;
    background-repeat:no-repeat;
    width:850px; 
    height:209px;
    overflow:hidden;
}

#page-content-outer
{
    background-image:url(Images/cborder.png);
    width:850px;
    padding:0px 20px 0px 20px; 
    text-align:left;
    margin:0px auto 0px;
}

#page-content-inner
{
    background-color:White;
    width:850px; 
}

#page-footer-outer
{
    background-image:url(Images/footer.png);
    background-repeat:no-repeat;
    width:850px; 
    height:100px;     
    padding:0px 20px 0px 20px; 
    text-align:left;
    margin:0px auto 0px;
}

#page-footer-inner
{
    width:850px;
    text-align:center;
    font:bold 10pt Arial;
    padding:8px 0px 0px 0px;
    color:White;
}

#page-menu-outer
{
    background-image:url(Images/cborder.png);
    background-repeat:no-repeat;
    width:850px;
    height:31px;
    padding:0px 20px 0px 20px; 
    text-align:left;
    margin:0px auto 0px;
}

#header-pic-container
{
    position:absolute;
    top:59px;
    left:541px;
    width:309px;
    height:150px;
    overflow:hidden;    
}

img.header-pic-image
{
    display:none;
    position:absolute;
    left:0px;
    top:0px;
    width:309px;
    height:150px;
}

img.header-pic-mask
{
    display:block;
    position:absolute;
    left:0px;
    top:0px;
    width:309px;
    height:150px;
}

#header-toplinks
{
    text-align:right;
    margin-top:1px;
    margin-right:5px;color:#EEEEEE;
    font:bold 10pt Verdana;
}

#header-toplinks a
{
    text-decoration:none;
    color:#EEEEEE;
}

#header-toplinks a:hover
{
    text-decoration:underline;
    color:White;
}

/* FOOTER LINKS 
----------------------------------------------------------*/
a.footlink 
{
    font:bold 10pt Arial;
    color:White;
}

a:link.footlink 
{
    text-decoration:none;
}

a:visited.footlink 
{
    text-decoration:none;
    color:White;
}

a:hover.footlink 
{
    text-decoration:underline;
}

/*  
----------------------------------------------------------*/
span.enphisis
{
    text-decoration:underline;
    font-style:italic;
}

div#donate-now-button
{
    position:absolute;
    top:24px;
    left:680px;
    width:121px;
    height:30px;
}

div#donate-now-button > a
{
    background-image:url(/Content/Images/donate-now.png);
    background-repeat:no-repeat;
    background-color:Transparent;
    display:block;
    width:121px;
    height:30px;
}

div#donate-now-button > a:link
{
    background-image:url(/Content/Images/donate-now.png);
    background-repeat:no-repeat;
    display:block;
    width:121px;
    height:30px;
}

div#donate-now-button > a:visited
{
    background-image:url(/Content/Images/donate-now.png);
    background-repeat:no-repeat;
    display:block;
    width:121px;
    height:30px;
}

div#donate-now-button > a:hover
{
    background-image:url(/Content/Images/donate-now-hover.png);
    background-repeat:no-repeat;
    display:block;
    width:121px;
    height:30px;
}

div#donate-now-button > a:active
{
    background-image:url(/Content/Images/donate-now.png);
    background-repeat:no-repeat;
    display:block;
    width:121px;
    height:30px;
}

a.picture-sizer
{
    float:right;
    background-image:url(Images/larger-view-gray.png);
    background-repeat:no-repeat;
    display:block;
    width:27px;
    height:18px;
}

a.picture-sizer:hover
{
    background-image:url(Images/larger-view-red.png);    
}

a.special-link
{
    color:#006EFF;
    text-decoration:none;
}

a:visited.special-link
{
    color:#006EFF;
}

a:hover.special-link
{
    text-decoration:underline;
}

/******************* Input Form style #1 *******************/

form.myform
{
    font:normal 11pt arial;
}

form.myform fieldset 
{   
    background-image:url(/Content/Images/form_gradiant.png);
    background-repeat:repeat-x;
    position: relative;
    background-color:#EEEEEE;
    border: 1px solid #BFBAB0; 
    float: left;    
    clear: left;    
    width: 100%;    
    margin: 0em 0em 1em 0em;    
    padding: 0em;   
}
  
form.myform fieldset legend 
{   
    position: relative;     
    left: -7px;     
    top: -0.70em;    
    margin-left: 1em;   
    color: #000000;   
    font-weight: bold;
    padding:0em;  
} 

form.myform fieldset > div
{
    margin:10px;
    overflow:auto;
    padding:0px;
}
 
form.myform fieldset > div > div
{
    display:inline;
    float:left;
    padding-bottom:1em;
    padding-left:.5em;
} 

form.myform fieldset label
{
    float:left;    
    width:6em;    
    margin-right:.5em; 
    text-align: right;
    padding-top:2px;
} 

form.myform fieldset input
{
}

form.myform fieldset textarea
{
}

form.myform > fieldset.submit 
{  
    background-color:transparent;
    background-image:none;
    float: none;    
    width: auto;    
    border:none;    
    margin:0px;
    padding:0px;  
}

form.myform > fieldset.submit > div
{
    margin:0px;
    padding:0px;
}

/******************* Input Form style #2 *******************/

form.myform2
{
    font:normal 11pt arial;
}

form.myform2 fieldset 
{   
    background-image:url(/Content/Images/form_gradiant.png);
    background-repeat:repeat-x;
    position: relative;
    background-color:#EEEEEE;
    border: 1px solid #BFBAB0; 
    float: left;    
    clear: left;    
    width: 100%;    
    margin: 0em 0em 1em 0em;    
    padding: 0em;   
}
  
form.myform2 fieldset legend 
{   
    position: relative;     
    left: -7px;     
    top: -0.70em;    
    margin-left: 1em;   
    color: #000000;   
    font-weight: bold;
    padding:0em;  
} 

form.myform2 fieldset > div
{
    margin-left:40px;
    overflow:auto;
    padding:0px;
}
 
form.myform2 fieldset > div > div
{
    display:inline;
    float:left;
    xpadding-bottom:1em;
    padding-left:.5em;
    clear:both;
} 

form.myform2 fieldset label
{
    float:left;    
    width:6em;    
    margin-right:.5em; 
    text-align:left;
    padding-top:2px;
    clear:both;
} 

form.myform2 fieldset input
{
    float:left;
    clear:both;
}

form.myform2 fieldset textarea
{
    float:left;
    clear:both;
}

form.myform2 > fieldset.submit 
{  
    background-color:transparent;
    background-image:none;
    float: none;    
    width: auto;    
    border:none;    
    margin:0px;
    padding:0px;  
}

form.myform2 > fieldset.submit > div
{
    margin:0px;
    padding:0px;
}


/******************* Input Form style #3 *******************/

form.myform3
{
    font:normal 11pt arial;
}

form.myform3 fieldset label
{
} 

form.myform3 fieldset 
{   
    background-image:url(/Content/Images/form_gradiant.png);
    background-repeat:repeat-x;
    position: relative;
    background-color:#EEEEEE;
    border: 1px solid #BFBAB0; 
    float: left;    
    clear: left;    
    width: 100%;    
    margin: 0em 0em 1em 0em;    
    padding: 0em;   
}
  
form.myform3 fieldset legend 
{   
    position: relative;     
    left: -7px;     
    top: -0.70em;    
    margin-left: 1em;   
    color: #000000;   
    font-weight: bold;
    padding:0em;  
} 

form.myform3 fieldset div
{
    position:relative; 
    top:0px; 
    left:0px;
    margin-left:20px;
}

form.myform3 fieldset div div
{
    position:absolute;
    left:10px; 
    padding:4px;
    font:normal 11pt arial
}

form.myform3 fieldset div div label
{
    float:left;
    width:80px;
    text-align:left;
    padding:3px
}

form.myform3 fieldset div div input
{
    width:300px; 
    float:left;
    font:normal 11pt arial;
    clear:both;
}

form.myform3 fieldset div div textarea
{
    width:300px; 
    float:left;
    font:normal 11pt arial;
    clear:both;
}


/* Microsoft supplied styles */
login.fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

fieldset.login p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label 
{
    display: block;
}

fieldset.login label.inline 
{
    display: inline;
}

fieldset.login legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

fieldset.login input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

fieldset.login input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}


div.quote-box
{
    background-image:url(Images/quotes_small2.png);
    background-repeat:no-repeat;
    font:normal 10pt arial;
}