

/*------------------------------------------------------------
   GLOBAL
------------------------------------------------------------*/
body
{
   text-align: center;
   font-family: arial, helvetica, verdana, sans-serif;
   xfont-size: 12px;
   line-height: 135%;
   margin: 0 auto;
   padding: 0;
}
/*
a:link, a:visited
{
   color: #852c46;
   text-decoration: underline;
   /* border-bottom: dashed 1px #852c46; */
}

a:hover, a:active
{
   color: #5a534f;
   text-decoration: underline;
   border-bottom: none;
}
*/
/* Text - Fonts + Decoration */
h1, h2
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 16px;
   font-weight: bold;
   color: #852c46;
   margin: 0px 0px 12px 0px;
}

h2
{
   font-size: 15px;
   color: #000;
   margin: 25px 0px 10px 0px;
}

h1 + h2 { margin-top: 18px; }

/*
h3 
{ 
   font-size: 12px; 
   line-height: 120%;
   margin: 0px 0px 6px 0px;
   color: #B30F27;
}
*/

p { margin: 10px 0px 0px 0px; }

img { border: 0px; }

form 
{ 
   border: 0px;
   margin: 0px;
   padding: 0px;
}

input, select, textarea
{ 
   xfont-size: 11px;
   /*
   color: #000;
   background-color: #6d6e75;
   border: solid 1px #999;
   */
}

.imageLeft { margin: 0px 15px 10px 0px; }
.imageRight { margin: 0px 0px 10px 15px; }
.left { float: left; }
.right { float: right; }

.line
{
   background: url(http://www.parchmentschools.org/graphics/hr_back.gif) repeat-x;
   height: 3px;
}

/*------------------------------------------------------------
   Page Layout Blocking
------------------------------------------------------------*/
#pageFrameHome, #pageFrameSchool, #pageFrameSub, #pageFrame2Col, #pageFrameFull
{
   background-color: #fff;
   width: 1171px;
   text-align: center;
   overflow: hidden;
}

.contentFrame
{
   /* clear: left; */
   text-align: left;
   margin: 0px auto;
   padding: 0px;
   width: px;
   overflow: hidden;
   border: solid 0px #000;
}

/*--------------------------------------------------
   Header Area
--------------------------------------------------*/
#header
{
   text-align: left;
   width: px;
   margin: 0 auto;
}

#header1
{
   width: 553px;
   height: 78px;
   text-align: right;
   float: left;
}

#header2
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 11px;
   text-align: right;
   margin: 0px;
   padding: 0px 0px 0px 0px;
   xwidth: 430px; /* 234 - 40 */
   height: 78px;
   float: right;
   padding-right: 35px;
}

#header2 img
{
   margin: 10px 5px -12px 0px;
}

#header3
{
   width: 0px;
   height: 78px;
   float: left;
}

#alertBox
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 12px;
   line-height: 12px;
   color: #fff;
   width: 192px;
   /* margin-left: 5px; */
   padding: 18px 15px 0px 15px; 
   background-color: #852c46;
}

#alertBox a:link, #alertBox a:visited { color: #fff; text-decoration: none; }
#alertBox a:hover, #alertBox a:active { color: #ccc; text-decoration: none; }

#searchBox
{
   border: solid 0px #999;
   margin: 14px 0px 0px 15px;
   padding: 0px;
   border-collapse: collapse;
}

#searchBox input
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 12px;
   margin: 0px;
}

#iconBox
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 11px;
   text-align: right;
   color: #5a534f;
   height: 35px;
}

#iconBox img
{
   margin: 0px 5px -4px 20px;
   width: 16px;
}

#iconBox a:link, #iconBox a:visited { color: #000; text-decoration: none; }
#iconBox a:hover, #iconBox a:active { color: #852c46; text-decoration: none; }

/*--------------------------------------------------
   Navigation
--------------------------------------------------*/
#navBarOuter
{
   background: url("/school_files//SiteLogo/header_background.gif") repeat-x;
   height: 112px;
   clear: left;
}

#navBarInner
{
   text-align: left;
   width: px;
   margin: 0 auto;
}

#navLogo
{
   width: 111px;
   height: 112px;
   margin: 0px;
   padding: 0px;
   float: left;
}

#nav, #nav2
{
   list-style-type: none;
   width: 890px;
   margin: 0px;
   padding: 0px 0px 0px 12px;
   float: left;
}

#nav { height: 39px; }
#nav2 { height: 73px; }

#nav li, #nav2 li
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 12px;
   line-height: 100%;
   text-align: left;
   margin: 0px;

   display: inline;
   float: left;
}

#nav li
{
   color: #000;
   padding: 21px 15px 0px 0px;
}

#nav2 li
{
   color: #fff;
   padding: 25px 15px 0px 0px;
}

#nav a:link, #nav a:visited { color: #000; text-decoration: none; }
#nav a:hover, #nav .selected a:hover { color: #852c46; text-decoration: underline; }
#nav a:active { color: #852c46; }
#nav .selected a:link, #nav .selected a:visited { color: #852c46; text-decoration: none; }

#nav2 a:link, #nav2 a:visited { color: #fff; text-decoration: none; }
#nav2 a:hover, #nav2 .selected a:hover { color: #852c46; text-decoration: underline; }
#nav2 a:active { color: #852c46; }
#nav2 .selected a:link, #nav2 .selected a:visited { color: #852c46; text-decoration: none; }

/*--------------------------------------------------
   Left Subnav
--------------------------------------------------*/
#subnav
{
   list-style-type: none;
   margin: 0px;
   padding: 0px;
}

#subnav li
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 12px;
   color: #000;
   margin: 0px 10px 9px 0px;
   padding: 0px;
   border: solid 1px #fff; /* Hack for IE6 menu issues */
}

#subnav a { display: block; }
#subnav a:link, #subnav a:visited { color: #000; text-decoration: none; }
#subnav a:hover { color: #852c46; text-decoration: underline; }
#subnav a:active { color: #852c46; }

#subnav .menu1, #subnav .menu1Sel { padding-left: 10px; }
#subnav .menu2, #subnav .menu2Sel { padding-left: 25px; }

#subnav a.menu1Sel:link, #subnav a.menu1Sel:visited { font-weight: bold; color: #852c46; }
#subnav a.menu2Sel:link, #subnav a.menu2Sel:visited { font-weight: bold; color: #852c46; }

#subnav a.menu2:hover, #subnav .menu2Sel
{ 
   background: url("http://www.parchmentschools.org/graphics/nav_arrow.gif") no-repeat;
   background-position: 15px 2px;
} 

/*--------------------------------------------------
   Sub Page Layout
--------------------------------------------------*/
#pageFrameSub #col1
{
   width: 175px;
   float: left;
   padding: 25px 0px 0px 0px;
}

#pageFrameSub #col2
{
   background: url("http://www.parchmentschools.org/graphics/sub_line.gif") repeat-y;
   width: 532px; /* 612 - 80 */
   min-height: 400px;
   margin: 5px 0px 0px 0px;
   padding: 0px 50px 0px 30px;
   float: left;
}

#pageFrameSub #col3
{
   width: 231px;
   float: left;
}

/*--------------------------------------------------
   School Home Layout
--------------------------------------------------*/
#pageFrameSchool #col1
{
   width: 175px;
   float: left;
   padding: 25px 0px 0px 0px;
}

#pageFrameSchool #col1 .line
{
   margin: 20px 15px 0px 10px;
}

#pageFrameSchool #col1 h2,
#pageFrameSchool #col1 img,
#pageFrameSchool #col1 p
{
   padding-left: 10px;
   padding-right: 15px;
}

#pageFrameSchool #col2
{
   background: url("http://www.parchmentschools.org/graphics/sub_line.gif") repeat-y;
   width: 552px;
   margin: 5px 0px 0px 0px;
   padding: 0px 30px 0px 30px;
   float: left;
}

#pageFrameSchool #col2a
{
   width: 240px;
   margin: 25px 0px 0px 0px;
   padding: 0px 30px 0px 0px;
   float: left;
}

#pageFrameSchool #col2b
{
   background: url("http://www.parchmentschools.org/graphics/sub_line.gif") repeat-y;
   width: 240px;
   margin: 25px 0px 0px 0px;
   padding: 0px 0px 0px 30px;
   float: left;
}

#pageFrameSchool #col2a h2, #pageFrameSchool #col2b h2
{
   margin-top: 0px;
}

#pageFrameSchool #col2a .line, #pageFrameSchool #col2b .line
{
   margin: 20px 0px 20px 0px;
}

#pageFrameSchool #col3
{
   width: 231px;
   float: left;
}

/*--------------------------------------------------
   2 Column Layout
--------------------------------------------------*/
#pageFrame2Col #col1
{
   width: 175px;
   float: left;
   padding: 25px 0px 0px 0px;
}

#pageFrame2Col #col2
{
   background: url("http://www.parchmentschools.org/graphics/sub_line.gif") repeat-y;
   width: 810px; /* 840 - 30 */
   min-height: 400px;
   margin: 5px 0px 0px 0px;
   padding: 0px 0px 0px 30px;
   float: left;
}

/*--------------------------------------------------
   Full Page Layout
--------------------------------------------------*/
#pageFrameFull #col1
{
   width: 1000px;
   min-height: 400px;
   margin: 10px 0px 0px 11px;
}

.infoBox
{
   background: url("http://www.parchmentschools.org/graphics/info_back.gif") repeat-y;
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 11px;

   width: 183px; /* 231 - 48 */
   padding: 0px 20px 0px 28px;
   overflow: hidden;
}

.infoBox h2, .infoBox h3
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 16px;
   margin: 0px;
   padding: 0px;
   color: #000;
}

.infoBox h3 
{ 
   font-size: 14px;
   margin: 15px 0px 0px 0px;
   color: #852c46;
}

.infoBox h3:hover 
{ 
   cursor: pointer;
   cursor: hand;
   text-decoration: underline;
}

.infoBox ul
{ 
   list-style-type: none;
   margin: 10px 0px 0px 15px;
   padding: 0px;
}

.infoBox p 
{
   margin: 10px 0px 0px 0px;
   padding: 0px;
   line-height: 200%;
}

/*------------------------------------------------------------
   Content Type - News Summary
------------------------------------------------------------*/
.newsSummary, #newsList
{
   list-style-type: none;
   margin: 0px 0px 11px 0px;
   padding: 0px 0px 0px 0px;
}
   
.newsSummary li, #newsList li
{
   margin: 0px 0px 10px 0px;
   padding: 0px;
}

ul.newsSummary li, ul#newsList li
{
   list-style-image: none;
}

.newsSummary li a, #newsList li a { font-weight: normal; }
.newsSummary li img { margin: 0px 15px 10px 0px !important; }

#newsList li img { margin: 0px 15px 10px 0px; }

.newsSummary .date, #newsList .date { font-weight: bold; }

/*------------------------------------------------------------
   Content Type - Event Summary
------------------------------------------------------------*/
.eventSummary
{
   list-style-type: none;
   margin: 0px 0px 11px 0px;
   padding: 0px 0px 0px 0px;
}

.eventSummary li
{
   margin: 0px 0px 10px 0px;
   padding: 0px;
}

.eventSummary li img { margin: 0px 15px 10px 0px !important; }

.eventSummary .date { font-weight: normal; }

/*------------------------------------------------------------
   Content Type - Gallery
------------------------------------------------------------*/
.gallerySearch
{
   border-collapse: collapse;
   border-top: solid 1px #999;
   border-bottom: solid 1px #999;
   padding: 0px;
   margin: 0px;
}

.gallery
{
   border: 0px;
   margin: 0px;
   padding: 0px;
}

.gallery .thumbMatte
{
   padding: 5px;
   background-color: #fff;
   border: solid 1px #aaa;
   margin-bottom: 6px;
}

.gallery .largeMatte
{
   padding: 5px;
   background-color: #fff;
   border: solid 1px #aaa;
   margin: 6px 0px 6px 0px;
}

/*------------------------------------------------------------
   Content Type - Search Results
------------------------------------------------------------*/
.searchSummary
{
   font-size: 12px;
   line-height: 140%;
}

/*--------------------------------------------------
  Form Styles
--------------------------------------------------*/
.inputForm
{

}

.inputForm table
{
   padding: 0px;
   margin: 0px;
   border: 0px;
}

.inputForm input, .inputForm textarea
{ 
   font-size: 11px;
   /*
   line-height: 1.4em;
   color: #000;
   background-color: #6d6e75;
   border: solid 1px #999;
   */
}

.inputForm td 
{ 
   font-size: 12px; 
   color: #000;
   padding: 0px 3px 3px 0px;
}

.inputForm .label 
{ 
   font-size: 12px;
   font-weight: bold;
   color: #000; 
}

.inputForm .required 
{ 
   color: #b40f27;
   font-weight: bold;
}

/*------------------------------------------------------------
   Content Type - Tables
------------------------------------------------------------*/
.table1, .table2, .table3, .table4
{
   font-family: arial, helvetica, verdana, sans-serif;
   border-collapse: collapse;
   border: 0px;
}

/* th */
.table1 th, .table2 th, .table3 th, .table4 th
{
   font-size: 11px;
   font-weight: bold;
   text-align: left;
   vertical-align: bottom;
   color: #fff;
   background-color: #8c8b9e;    /* Custom */
   border: solid 1px #8c8b9e;    /* Custom */
   padding: 3px 8px 3px 8px;
}

.table2 th
{
   border: 0px;
}

.table3 th, .table4 th
{ 
   font-size: 12px;
   color: #852c46;               /* Custom */
   background-color: #fff;
   border: solid 1px #ccc;
   padding: 4px 8px 4px 8px;
}

.table4 th 
{ 
   border: 0px;
   padding: 2px 2px 2px 0px;
}

/* td */
.table1 td, .table2 td, .table3 td, .table4 td
{
   font-size: 12px;
   font-weight: normal;
   padding: 4px 8px 4px 8px;
}

.table1 td, .table3 td
{
   border-left: solid 1px #ccc;
   border-right: solid 1px #ccc;
   border-bottom: solid 1px #ccc;
}

.table2 td
{
   border-bottom: solid 1px #ccc;
}

.table4 td
{
   padding: 2px 2px 2px 0px;
}

/* highlight */
.table1 .highlight, .table3 .highlight
{
   background-color: #eee;
}

caption
{ 
   caption-side: bottom; 
   font-size: 11px;
   font-weight: bold;
   text-align: left;
   padding: 6px 6px 0px 6px;
   color: #000;
}

/*------------------------------------------------------------
   FOOTER
------------------------------------------------------------*/
#pageFrameSchool #footer, #pageFrameSub #footer, #pageFrame2Col #footer, #pageFrameFull #footer
{
   clear: left;
   background-color: #852c46;
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 11px;
   font-weight: normal;
   height: 70px;
   color: #fff;
   margin-top: 75px;
   padding: 25px 0px 0px 0px;
   overflow: hidden;
}

#footer a:link, #footer a:visited { color: #fff; text-decoration: none; border-bottom: dashed 1px #ccc; }
#footer a:hover, #footer a:active { color: #ccc; text-decoration: none; border-bottom: solid 1px #ccc; }