/* 
===========================================================
        Skin styles for First Presbyterian Church
===========================================================
*/   
/* background-image: url('preschool-pattern.gif');
===========================================================
              Table of Contents
===========================================================
*/
*/

/* 1 Containers   */
/* 2 Text        */


/* 
===========================================================
1 Containers
===========================================================
*/ 
.pagemaster 
{   background-color: Transparent;
	width: 100%;
	height: 100%;	
	background-image: url('slices/tile.jpg');
	background-repeat: repeat; 
}
.skinmaster {
	height: 100%;
	width: 780px;
	background-color: #2A3972;
	border-right: #7994cb 0px solid; 
	border-top: #7994cb 0px solid; 
	border-left: #7994cb 0px solid; 
	border-bottom: #7994cb 0px solid; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px; 
}
.controlpanel {
	width: 100%;
	background-color: white;
}	
.leftshadow  {
    background-image: url('slices/bkgnd_shad_left.jpg');
    background-repeat: repeat-y;
	height:100%;
	width: 15px;
}
.pagearea 
{   height: 100%;
    width: 750px;
    background-color: #F4EEDE;
}
.rightshadow {
	background-image: url('slices/bkgnd_shad_right.jpg'); 
    background-repeat: repeat-y;
	height:100%;
	width: 15px;
}

/* Left Area */
.leftarea {
    height: 100%;
    width: 50px;
    background-image: url('ps-tile-left.jpg');
    background-color: #F4EEDE;
}
.lefttop
{   background-image: url('slices/bkgnd_banner_top_1px.jpg');
    background-repeat: repeat-x;
    height: 30px;
}
.leftbannerimage
{   background: url('slices/FPCA_home_leftbanner.jpg') no-repeat;
    height: 175px;
}
.leftbannerpane 
{   height: 175px;
    
}
.leftmiddle 
{   background: url('slices/bkgnd_left_image.jpg') no-repeat;
    height: 100%;
    background-image: url('ps-tile-left.jpg');
}
.leftfooter
{   background-image: url('ps-tile-left.jpg');
    height: 30px;
    border-top: solid 1px #000000;
}
/* End Left Area*/

/*   Menu Area  */
.menuarea 
{   height: 100%;
    width: 165px;
    background-color: #E9E8ED;
    background: url('slices/bkgnd_ribbon_1px.jpg') repeat-y;
}
    
.logosection {}
.menusection 
{   background: url('slices/FPCA_menu_bkgnd.jpg') repeat-y;
    height: 166px;
    }
.menudivider 
{   background-image: url('slices/bkgnd_ribbon_fold.jpg');
    height: 35px;
    }
.ribbonpane 
{   background-image: url('slices/bkgnd_ribbon_pane.jpg');
    background-repeat: repeat-y;
    vertical-align: top;
    height: 100%;
    }
.menufooter 
{   background-image: url('slices/bkgnd_menu_footer.jpg');
    height: 60px;
    font-size: 1px;
    }
/* End menu Area */

/*   Main Area   */
.mainarea 
{   height: 100%;
    width: 100%;
    background-color: #F4EEDE;
    background-image: url('ps-tile-right.jpg');
    background-repeat: repeat-y;
    background-position: top left;
}
.bannerlink 
{   background-image: url('slices/bkgnd_banner_top_1px.jpg');
    background-repeat: repeat-x;
    height: 30px;
    width: 535px;
}
.bannerimage  
{   background-image: url('slices/FPCA_home_rightbanner.jpg');
    height: 195px; 
    width: 535px;
}
.bannerpane 
{   height: 175px;
    width: 535px;
    
}
.panearea
{   width: 100%;
    height: 100%;
    
}
.toppane 
{	width: 100%;
    background-color: transparent;
    vertical-align: top;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0px;
}
.leftpane 
{	width: 30%;
    background-color: transparent;
    vertical-align: top;
	padding-left: 20px;
	padding-right: 4px;
	padding-top: 10px;
}
.rightpane 
{   width: 70%;
    background-color: transparent;
    vertical-align: top;
	padding-left: 6px;
	padding-right: 20px;
	padding-top: 10px;
    }
.contentpane {
	width: 100%;
	background-color: transparent;
    vertical-align: top;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	
}
.bottompane 
{   width: 100%;
	background-color: transparent;
    vertical-align: top;
    padding-left: 20px;
    padding-right: 20px;
	padding-top: 0px;
	
}
.leftbottompane 
{   width: 329px;
	background-color: transparent;
    vertical-align: top;
	padding-left: 20px;
	padding-right: 4px;
	padding-top: 10px;
}
.bottomdivider 
{	background-color: Transparent;
    background: url('slices/bkgnd_dot_divider.jpg') repeat-y;
    vertical-align: middle;
}
.rightbottompane {
	width: 200px;
	background-color: transparent;
    vertical-align: top;
	padding-left: 4px;
	padding-right: 20px;
	padding-top: 10px;
}
.messagepane 
{   background-color: Transparent;
    vertical-align: bottom;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
	padding-top: 10px;
    padding-bottom: 10px;
}
.mainfooter 
{   height: 30px;
    width: 100%;
    border-top: solid 1px #000000;
    
}

/* End Main Area */

/*  Admin Area   */

.menuadmin 
{   height: 30px;
    width: 100%;
    background-color: #FFFFFF;
}

===========================================================
2 Text
===========================================================
*/ 

.Head   {
    font-family:  Comic Sans MS;
    font-size:  24px;
    font-style: italic;
    font-weight: bold;
    color: #003366;
}
/* style of item titles on edit and admin pages */
.SubHead    {
    font-family:  Comic Sans MS;
    font-size:  12px;
    font-style: normal;
    font-weight: normal;
    color: #CC0000;
}
}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family:  Comic Sans MS;
    font-size:  9px;
    font-style: normal;
    font-weight: normal;
    color: #006666;
}

/* GENERIC */
H1  {
    font-family: Comic Sans MS;
    font-size:  20px;
    font-weight:    normal;
    color: #003366;
}
H2  {
    font-family: Georgia, Comic Sans MS;
    font-size:  20px;
    font-weight:    normal;
    color: #CC0000;
}
H3  {
    font-family: Comic Sans MS;
    font-size:  12px;
    font-weight:    normal;
    color: #006666;
}

/* 
===========================================================
            End Skin Styles
===========================================================
*/