@charset "utf-8";
/* CSS Document */
*  /* remove all default browser border and padding from page to start with here, then create your own below  */
{
border:none;
margin: 0;
padding: 0;
}

body
{
/*background-color: #696969;*/
background-color:black;
}

input, textarea  /* created to use on form for contact us page */
{
    border:1px solid #dadada;
    border-radius:1px;
}

input:focus  /* created to use on form for contact us page */
{ 
    outline:none;
    border-color:#9ecaed;
    box-shadow:0 0 10px #9ecaed;
}

a:link        /* unvisited link */
{
color:black;
text-decoration:none;
}

a:visited   /* visited link */
{
color:black;
text-decoration:none;
}  

a:hover     /* mouse over link */
{
text-decoration:none;
color:red;
}

a:active     /* selected link */ 
{
color:black;
text-decoration:none;
}

a img
{
border-style:none;
}

/* main container link */

#container
{
float: left;
position: absolute;
width: 950px;
left: 50%;
margin-left: -475px;
font-family: Verdana, Arial;
font-size: 13px;
font-weight: normal;
height:1000px;
}

/* end main container link */

/* banner div */

#banner
{
position:absolute;
left:0px;
top:0px;
width:950px;
height:180px;
/*background-color:grey;*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#696969', endColorstr='#45a638');
background: -moz-linear-gradient(top,  #696969,  #45a638);
background: -webkit-gradient(linear, left top, left bottom, from(#696969), to(#45a638));
background: -webkit-gradient(linear, left top, left bottom, from(#696969), to(#45a638));
}

/* end banner div */

/* items in banner div */

#USMM-seal
{
position:absolute;
top:0px;
left:0px;
height:200px;
color:white;
}
/* end items in banner div */

/* words under banner */

#mensRallyUnderBanner
{
position:absolute;
top:180px;
left:380px;
height:10px;
color:white;
}

#emailUnderBanner
{
position:absolute;
width:950px;
top:180px;
left:750px;
height:10px;
color:white;
}

#phoneNumberUnderBanner
{
position:absolute;
width:950px;
top:180px;
left:50px;
height:10px;
color:white;
}
/* end words under banner */

/* main navigation bar section */

#navigationBar
{
position:absolute;
width:950px;
top:200px;
left:0px;
height:30px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0276cf', endColorstr='#6694b7');
background: -moz-linear-gradient(top,  #0276cf,  #6694b7);
background: -webkit-gradient(linear, left top, left bottom, from(#0276cf), to(#6694b7));
background: -webkit-gradient(linear, left top, left bottom, from(#0276cf), to(#6694b7));
}

#navigationBarText
{
position:absolute;
width:950px;
top:5px;
left:50px;
height:30px;
right:10px;
}

/* end main navigation bar section */

/* links in main navigation bar */

#home
{
left:30px;
top:5px;
max-height:15px;
}

#aboutUs
{

left:75px;
top:5px;
max-height:15px;
}

#calendar
{

left:150px;
top:5px;
max-height:15px;
}

#supporters
{

left:215px;
top:5px;
max-height:15px;
}

#audioVisual
{

left:290px;
top:5px;
max-height:15px;
}

#news
{

left:385px;
top:5px;
max-height:15px;
}

#products
{

left:430px;
top:5px;
max-height:15px;
}

#donations
{

left:495px;
top:5px;
max-height:15px;
}

#wantToHelp
{

left:570px;
top:5px;
max-height:15px;
}

#prayerRequest
{

left:672px;
top:5px;
max-height:15px;
}

#jobPostings
{

left:780px;
top:5px;
max-height:15px;
}

/* end links in main navigation bar */

#bodyContainer
{
position:absolute;
left:0px;  /* must be at 200 to it does not overlap leftSideNav div */
right:0px;
top:250px;
width:950px;
height:770px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45a638', endColorstr='#696969');
background: -moz-linear-gradient(top,  #45a638,  #696969);
background: -webkit-gradient(linear, left top, left bottom, from(#45a638), to(#696969));
background: -webkit-gradient(linear, left top, left bottom, from(#45a638), to(#696969));
/*border:1px solid;*/
}

#mainBodyContent
{
position:absolute;
left:150px;  /* must be at 200 to it does not overlap leftSideNav div */
right:0px;
top:0px;
width:950px;
height:770px;
}
/* end main content section  */

/* left side nav box */

#leftSideNav
{
position:absolute;
left:0px;
top:0px;
width:150px;
height:770px;
color:black;
border-style:solid;
border-left:none;
border-right:1 px;
border-top:none;
border-bottom:none;
padding-left:10px;  /* I had to use padding here so that the double border would not show up in leftSideNavText div */
padding-top:10px;  /* I had to use padding here so that the double border would not show up in leftSideNavText div */
}

/* end left side nav box */

/* left side nav text */
#leftSideNavTitle
{
position:absolute;
left:30px;
top:-20px;
width:150px;
height:770px;
color:black;
font-style:italic;
}

#leftSideNavText
{
position:absolute;
left:0px;
top:40px;
width:150px;
height:770px;
color:black;
border-left:none;
border-right:none;
border-top:none;
border-bottom:none;
}

/* left side navigation links */

#leftSideNavAboutUsHistory
{

left:0px;
color:black;
top:5px;
}

#leftSideNavAboutUsMission
{

left:0px;
color:black;
top:35px;
}

#leftSideNavAboutUsVision
{

left:0px;
color:black;
top:65px;
}

#leftSideNavAboutUsPurpose
{

left:0px;
color:black;
top:95px;
}

#leftSideNavAboutUsContactUs
{

left:0px;
color:black;
top:125px;
}

#leftSideNavAboutUsEmergency
{

left:0px;
color:black;
top:155px;
}

#leftSideNavAboutUsCounselors
{

left:0px;
color:black;
top:185px;
}

#leftSideNavAudioVisualVideo
{

left:0px;
color:black;
top:5px;
}

#leftSideNavAudioVisualPictures
{

left:0px;
color:black;
top:35px;
}

#leftSideNavAudioVisualArchives
{

left:0px;
color:black;
top:65px;
}

#leftSideNavAudioVisual2012
{

left:10px;
color:black;
top:95px;
}

#leftSideNavAudioVisual2011
{

left:10px;
color:black;
top:125px;
}

#leftSideNavAudioVisual2010
{

left:10px;
color:black;
top:155px;
}

#leftSideNavAudioVisualHumbleHistory
{

left:0px;
color:black;
top:185px;
}

#leftSideNavAudioVisualTestimonials
{

left:0px;
color:black;
top:215px;
}

#leftSideNavSupportersSponsors
{

left:0px;
color:black;
top:5px;
}

#leftSideNavSupportersChurches
{

left:0px;
color:black;
top:35px;
}

#leftSideNavSupportersNonProfit
{

left:0px;
color:black;
top:65px;
}

#leftSideNavSupportersCorporate
{

left:0px;
color:black;
top:95px;
}

#leftSideNavSupportersIndividual
{

left:0px;
color:black;
top:125px;
}

#leftSideNavProductsDVD
{

left:0px;
color:black;
top:5px;
}

#leftSideNavProductsBook
{

left:0px;
color:black;
top:35px;
}

#leftSideNavProductsArtwork
{

left:0px;
color:black;
top:65px;
}

#leftSideNavDonationsPaypal
{

left:0px;
color:black;
top:5px;
}

#leftSideNavWantToHelpDonate
{

left:0px;
color:black;
top:5px;
}

#leftSideNavWantToHelpDonate
{

left:0px;
color:black;
top:35px;
}

#leftSideNavWantToHelpVolunteer
{

left:0px;
color:black;
top:65px;
}

#leftSideNavWantToHelpFundRaisers
{

left:0px;
color:black;
top:95px;
}

/* end left side navigation links */

/* right side navigation */

#rightSideNavColumn
{
position:absolute;
left:730px;
top:20px;
width:200px;
}

#googleMapMensRally
{
position:absolute;
left:0px;
top:0px;
width:200px;
height:160px; /* this is equal to the height of the image */
}

#googleMapMensRallyText
{
position:absolute;
left:25px;
top:162px;
width:200px;
height:10px;
}

#newsletter
{
position:absolute;
left:0px;
top:200px;
width:200px;
height:160px;
}

#newsletterText
{
position:absolute;
left:8px;
top:372px;
width:200px;
height:10px;
}

/* end right side navigation */

/* footer section */

#footer
{
position:absolute;
top:1000px;
width:950px;
/*background-color:#0276cf;*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0276cf', endColorstr='#6694b7');
background: -moz-linear-gradient(top,  #0276cf,  #6694b7);
background: -webkit-gradient(linear, left top, left bottom, from(#0276cf), to(#6694b7));
background: -webkit-gradient(linear, left top, left bottom, from(#0276cf), to(#6694b7));
height:20px;
}
 /* end footer section */
