html, body
{    
   background:           #8581D8;
   text-align:           center;
   font-family:          Arial, Verdana, Helvetica, sans-serif;    
   font-size:            13px;    
   color:                #000000;
   height:               100%;
   margin-top:           0px;
      
   scrollbar-face-color:        #2901BC; 
   scrollbar-highlight-color:   #2901BC; 
   scrollbar-shadow-color:      #FFFFFF; 
   scrollbar-3dlight-color:     #2901BC; 
   scrollbar-arrow-color:       #FFFFFF; 
   scrollbar-track-color:       #FFFFFF; 
   scrollbar-darkshadow-color:  #2901BC;
   
}

a:link, a:visited, a:active 
{
   color:                #2901BC; 
   font-family:          Arial, Verdana, Helvetica, sans-serif;
   font-style:           normal;
   line-height:          normal;
   font-weight:          none;
   font-variant:         normal;
   text-transform:       none; 
   text-decoration:      none; 

}

a:hover
{
   color:                #8581D8; 
   text-decoration:      none;
}

a img
{    
   margin:               0px;
   padding:              0px;   
   border:               0px;
}

img
{
   vertical-align:       bottom;
}

.opacityit img
{
   filter:               progid:DXImageTransform.Microsoft.Alpha(opacity=100);
   -moz-opacity:         1;
}

.opacityit:hover img
{
   filter:               progid:DXImageTransform.Microsoft.Alpha(opacity=60);
   -moz-opacity:         0.6;
}

#containerMEL
{    
   width:                1004px;
   height:               auto;
   padding:              0px;   
   text-align:           center;
	 margin-right:         auto;
	 margin-left:          auto;
   background:           #FFFFFF;
   border:               #2901BC 4px solid;
}

#header
{
   height:               230px;
   width:                964px;
   text-align:           center;
	 margin-right:         auto;
	 margin-left:          auto;
}

#headerWrap
{
   height:               230px;
   width:                902px;  
   float:                left;
}

#headerTop
{
   height:               40px;
   width:                964px;  
   float:                left;
   background:           #FFFFFF;
}

#dateArea
{
   float:                left;
   width:                564px;
   height:               28px;
   text-align:           left;
   font-family:          Arial, Verdana, Helvetica, sans-serif;    
   font-weight:          bold;
   color:                #2901BC;
   padding-top:          12px;
}

#shortcuts
{
   float:                right;
   width:                400px;  
   height:               32px;
   text-align:           right;
   padding-top:          8px;
}

#headerBannerWrap
{
   height:               150px;
   width:                963px;  
   float:                left;
   border:               #2901BC 2px solid;
}

#headerBanner
{
   height:               150px;
   width:                469px;  
   float:                left;
   background-image:     url("http://www.mel-inc.org/images/Layout/Banner.jpg");
}

#headerBannerFlash
{
   height:               150px;
   width:                494px;  
   float:                left;
}

#headerMenuWrap
{
   height:               40px;
   width:                964px;  
   float:                left;
}

#mainmenu ul
{
   margin:               0;
   padding:              0;
   float:                left;
   font-family:          Arial, Verdana, Helvetica, sans-serif;    
   font-weight:          bold;
   width:                800px;
   padding-top:          12px;
   height:               32px;
}

#mainmenu ul li
{
   display:              inline;
}

#mainmenu ul li a
{
   float:                left;
   color:                #2901BC;
   text-decoration:      none;
   text-align:           left;
   width:                auto;
   height:               17px;
   padding-right:        30px;
   text-decoration:      none; 
}

#mainmenu ul li a:hover
{
   text-decoration:      underline; 
}

#contentArea
{
   height:               auto;
   width:                964px;
	 margin-right:         auto;
	 margin-left:          auto;
	 padding-top:          5px;
}

* html #contentArea
{
	 padding-top:          1px;
}

#contentAreaWrap
{
   float:                left;
   width:                964px;
   height:               auto;
}

#leftColumnArea
{
   float:                left;
   width:                429px;
   height:               auto;
   text-align:           left;
}

#videoArea
{
   float:                left;
   text-align:           center;
   width:                425px;
   height:               410px;
   padding-top:          4px;
} 

#videoLayer
{
   float:                left;
   text-align:           center;
   width:                425px;
   height:               344px;
   padding:              0px;
   border:               #2901BC 2px solid;
} 

.videoAreaHeader
{
   float:                left;
   width:                200;
   height:               20px;
   text-align:           left;
   font-family:          Arial, Verdana, Helvetica, sans-serif;
   color:                #2901BC;
   font-weight:          bold;
   font-size:            18px;
}

.videoAreaPlaylist
{
   float:                left;
   width:                229;
   height:               20px;
   text-align:           left;
   font-family:          Arial, Verdana, Helvetica, sans-serif;
   color:                #2901BC;
   font-weight:          bold;
   font-size:            18px;
}


#videoPreviewArea
{
   float:                left;
   width:                429px;
   height:               70px;
   padding-top:          5px;
}

* html #videoPreviewArea
{
   width:                429px;
   margin-left:          1px;
}

.singleVideoPreview
{
   float:                left;
   width:                45px;
   height:               55px;
   padding:              1px;
   border:               #2901BC 1px solid; 
   margin-left:          4px;
}

* html .singleVideoPreview
{
   padding:              1px;
   margin-left:          3px;
}

.melImage
{
   float:                left;    
   width:                45px;
   height:               55px;
}
#videoAreaAllNav
{
   float:                left;     
   width:                429px;
   height:               50px;
   margin-top:           10px;
   font-size:            12px;
   font-family:          Arial, Verdana, Helvetica, sans-serif;
   text-align:           center;    
}

* html #videoAreaAllNav
{
   margin-top:           1px;
   height:               18px;
}

#videoSummary
{
   float:                left;    
   width:                429px;
   height:               55px;
   margin-top:           10px;
   font-size:            13px;
   font-family:          Arial, Verdana, Helvetica, sans-serif;
   text-align:           left;
}

.videoCommentHeader
{
   float:                left;
   width:                auto;
   height:               20px;
   text-align:           left;
   font-family:          Arial, Verdana, Helvetica, sans-serif;
   color:                #2901BC;
   font-weight:          bold;
   font-size:            13px;
}

#videoCommentAreaWrap
{
   float:                left;    
   width:                425px;
   height:               400px;
   margin-top:           20px;
   border:               #2901BC 1px solid; 
}

#videoCommentWrap
{
   float:                left;    
   width:                425px;
   height:               25px;
}

#videoCommentAdd
{
   float:                left;    
   width:                215px;
   height:               25px;
   text-align:           left;
}

#videoCommentAddText
{
   float:                left;    
   font-size:            12px;
   font-family:          Arial, Verdana, Helvetica, sans-serif;    
   font-weight:          bold;
   color:                #2901BC;
   padding:              4px;
}

#videoCommentTotalArea
{
   width:                200px;  
   float:                right;
   height:               25px;
   text-align:           right;
}

#videoCommentTotalText
{
   float:                right;    
   font-size:            12px;
   font-family:          Arial, Verdana, Helvetica, sans-serif;    
   font-weight:          bold;
   color:                #2901BC;
   padding:              4px;
}

#videoCommentTotal
{
   float:                right;    
   font-size:            12px;
   font-family:          Arial, Verdana, Helvetica, sans-serif;    
   font-weight:          bold;
   color:                #2901BC;
   padding:              4px;
}

#commentAreaWrap
{
   float:                left;    
   width:                425px;
   height:               365px;
   padding:              4px;
}

#videoCommentArea
{
   float:                left;    
   width:                425px;
   height:               365px;
   overflow:             auto;
   background:           #FFFFFF;
}

#formBoxArea
{
   float:                left;    
   width:                400px;
   height:               150px;
}

.singleCommentWrap
{
   float:                left;    
   width:                420px;
   height:               auto;
}

.singleCommentTitleBar
{
   float:                left;    
   width:                420px;
   height:               10px;
   text-align:           left;
   padding-top:          8px;
}

.titleBarUsername
{
   font-size:            13px;
   font-family:          Arial, Verdana, Helvetica, sans-serif;    
   font-weight:          bold;
}

.titleBarAdded
{
   font-size:            11px;
   font-family:          Arial, Verdana, Helvetica, sans-serif;    
   color:                #000000;
}

.singleComment
{
   float:                left;    
   width:                420px;
   height:               auto;
   font-family:          Arial, Verdana, Helvetica, sans-serif;    
   font-size:            13px;
   text-align:           left;
   padding-top:          4px;
   color:                #000000; 
}

#noCommentsText
{
   float:                left;    
   width:                420px;
   height:               10px;
   text-align:           center;
   padding-top:          8px;
}

#noCommentsAd
{
   float:                left;    
   width:                420px;
   height:               280px;
   text-align:           center;
   padding-top:          8px;
}

#addCommentText
{
   float:                left;    
   height:               8px;
   text-align:           left;
   font-size:            11px;
   font-family:          Arial, Verdana, Helvetica, sans-serif;    
   padding:              2px;
}

.formAlign
{
   float:                left;
   text-align:           left;
}

#rightColumnArea
{
   float:                left;
   width:                519px;
   height:               auto;
   padding-left:         16px;
   text-align:           left;
}

#rightColumnArea
{
   padding-left:         10px;
}

#openStatementArea
{
   float:                left;
   width:                519px;
   height:               190px;
   text-align:           left;
}

.openStatementAreaHeader
{
   float:                left;
   width:                519px;
   height:               20px;
   text-align:           left;
   font-family:          Arial, Verdana, Helvetica, sans-serif;
   color:                #2901BC;
   font-weight:          bold;
   font-size:            18px;
}

.openStatementAreaText
{
   float:                left;
   width:                519px;
   height:               170px;
   text-align:           left;
   font-family:          Arial, Verdana, Helvetica, sans-serif;
   color:                #000000;
   font-size:            13px;
   padding-top:          5px;
}

#serviceWrapArea
{
   float:                left;
   width:                519px;
   height:               485px;
   padding-top:          15px;
}

.singleServiceWrap
{
   float:                left;
   width:                253px;
   height:               388px;
}

.singleServiceHeader
{
   float:                left;
   width:                255px;
   height:               33px;
   text-align:           center;
   padding-top:          12px;
   font-family:          Arial, Verdana, Helvetica, sans-serif;
   color:                #FFFFFF;
   font-weight:          bold;
   font-size:            18px;
}

.singleServiceInfo
{
   float:                left;
   width:                245px;
   height:               388px;
   padding:              4px;
}

.singleServiceInfoText
{
   float:                left;
   width:                245px;
   height:               170px;
   text-align:           left;
   font-family:          Arial, Verdana, Helvetica, sans-serif;
   color:                #000000;
}

.singleServiceInfoMore
{
   float:                right;
   width:                245px;
   height:               10px;
   text-align:           right;
   font-family:          Arial, Verdana, Helvetica, sans-serif;
   color:                #000000;
}

#recommendedBooks
{
   float:                left;
   width:                519px;
   height:               190px;
   padding-top:          25px;
   text-align:           left;
   font-family:          Arial, Verdana, Helvetica, sans-serif;
   color:                #2901BC;
   font-weight:          bold;
   font-size:            18px;
}

#books
{
   float:                left;
   width:                519px;
   height:               180px;
   text-align:           center;
}

#campPhotoArea
{
   float:                left;
   text-align:           center;
   width:                425px;
   height:               360px;
   padding:              1px;
   border:               #2901BC 2px solid;
} 

#campPhotoHeader
{
   float:                left;
   text-align:           left;
   width:                425px;
   height:               20px;
   background:           #2901BC
} 

#campPhotoHeaderText
{
   font-family:          Arial, Verdana, Helvetica, sans-serif;
   color:                #FFFFFF;
   font-weight:          bold;
   font-size:            18px;
   padding-left:         4px;
} 

#campPhotos
{
   float:                left;
   text-align:           left;
   width:                425px;
   height:               320px;
} 

#campScheduleWrap
{
   float:                left;
   width:                425px;
   height:               auto;
   padding-top:          10px;
}

.campScheduleHeader
{
   float:                left;
   width:                425px;
   height:               20px;
   text-align:           left;
   font-family:          Arial, Verdana, Helvetica, sans-serif;
   color:                #2901BC;
   font-weight:          bold;
   font-size:            18px;
}
 
.campScheduleRow
{
   float:                left;
   width:                425px;
   height:               auto;
   padding-top:          10px;
}

.campScheduleTimeEvent
{
   float:                left;
   text-align:           left;
   width:                200px;
   height:               auto;
   font-family:          Arial, Verdana, Helvetica, sans-serif;
   font-size:            12px;
}

.campPicture
{
   float:                left;
   width:                200px;
   height:               300px;
   padding:              4px;
}

.columnText
{
   float:                left;
   width:                300px;
   height:               300px;
   padding:              4px;
}

#campAreaWrap
{
   float:                left;
   width:                964px;
   height:               auto;
}

#openCampArea
{
   float:                left;
   width:                519px;
   height:               auto;
   text-align:           left;
}

.openCampAreaText
{
   float:                left;
   width:                519px;
   height:               auto;
   text-align:           left;
   font-family:          Arial, Verdana, Helvetica, sans-serif;
   color:                #000000;
   font-size:            13px;
   padding-top:          5px;
}

#aboutUsAreaWrap
{
   float:                left;
   width:                964px;
   height:               auto;
}

.aboutUsInfoWrap
{
   float:                left;
   width:                auto;
   height:               auto;
}

.aboutUsInfoHeader
{
   float:                left;
   width:                auto;
   height:               20px;
   text-align:           left;
   font-family:          Arial, Verdana, Helvetica, sans-serif;
   color:                #2901BC;
   font-weight:          bold;
   font-size:            18px;
}

.aboutUsAreaText
{
   float:                left;
   width:                425px;
   height:               auto;
   text-align:           left;
   font-family:          Arial, Verdana, Helvetica, sans-serif;
   color:                #000000;
   font-size:            13px;
   padding-top:          5px;
}

.aboutUsBioText
{
   float:                left;
   width:                519px;
   height:               auto;
   text-align:           left;
   font-family:          Arial, Verdana, Helvetica, sans-serif;
   color:                #000000;
   font-size:            13px;
   padding-top:          5px;
}

.aboutUsAreaTextHeader
{
   float:                left;
   width:                425px;
   height:               auto;
   text-align:           left;
   font-family:          Arial, Verdana, Helvetica, sans-serif;
   color:                #000000;
   font-size:            13px;
   padding-top:          12px;
}

.openContactAreaText
{
	 margin-right:         auto;
	 margin-left:          auto;
   width:                300px;
   height:               auto;
   text-align:           center;
   font-family:          Arial, Verdana, Helvetica, sans-serif;
   color:                #000000;
   font-size:            13px;
   padding:              20px;
}

#contactAppForm
{
	 margin-right:         auto;
	 margin-left:          auto;
   width:                500px;
   height:               auto;
}

.formRow
{
   width:                500px;
   float:                left;
   text-align:           left;
   font-family:          Arial, Verdana, Helvetica, sans-serif;     
   font-size:            12px;
   margin-bottom:        2px;    
}

label
{
   width:                140px;
   float:                left;
   text-align:           left;
   font-family:          Arial, Verdana, Helvetica, sans-serif;     
   font-size:            12px;    
   font-weight:          bold;
   background-color:     #FFFFFF;   
   color:                #000000; 
   padding:              2px;   
   padding-top:          4px;   
   padding-bottom:       4px;   
   margin-right:         2px;   
}

#footerWrap
{
   height:               40px;
   width:                964px;  
   float:                left;
}

#footerMenu ul
{
   float:                middle;
   text-align:           center;    
   font-family:          Arial, Verdana, Helvetica, sans-serif;    
   font-size:            11px;    
   width:                964px;
   padding-top:          12px;
}

#footerMenu ul li
{
   display:              inline;
}

#footerMenu ul li a
{
   float:                middle;
   color:                #2901BC;
   text-decoration:      none;
   text-align:           left;
   width:                964px;
   padding-right:        15px;
   text-decoration:      none; 
}

#footerMenu ul li a:hover
{
   text-decoration:      underline; 
}


#footer 
{
   width:                964px;
   height:               50px;
}

.end 
{
    clear:               both;
}