/* set up page layouts , calendar , and menu */

body, html
{
     background-image      : url(lgrey053_www_grsites_com.jpg);
     background-repeat     : repeat;
     color                 : #000000;
     font                  : 100% Helvetica, Arial, sans-serif;
     margin                : 0px;
     padding               : 0px;
}

p
{
     font-family     : Helvetica, Arial, sans serif;
     font-size       : 100%;
     color           : #000000;
}

.centered
{
     text-align      : center;
     image-align     : center;
}

#pageHeader
{
     background-image	   : url(bg_caleyc1red.gif);
     background-repeat     : repeat-x;
     margin		   : 0px auto;

     margin-top            : 12px;
     padding-bottom        : 4px;
     padding-top           : 4px;
     
}

.header
{
     background-color      : #ffffff;
     width                 : 250px;
     height                : 30px;

     color                 : #000000;
}

#pageHeader h1
{
	font-size		: 180%;
        margin-bottom           : 0px;
        margin-top              : 0px;
	color			: #000000;
        background-color      : #ffffff;
        width                 : 250px;
        padding-top               : 2px;
        padding-bottom               : 2px;
}

#pageHeader h2
{
        font-weight             : bold;
	font-size		: 125%;
	margin-left		: 0px;
        margin-bottom           : 0px;
	color			: #000000;
}
#pageDate h2
{
        font-weight              : bold;
        font-family              : Arial, Helvetica, Sans Serif;
	font-size		 : 150%;
	margin-left		 : 0px;
        margin-bottom            : 0px;
        padding-top              : 20px;
	color			 : #000000;
}
#pageName h2
{
        font-weight                     : bold;
        font-family                     : Arial, Helvetica, Sans Serif;
	font-size			: 150%;
	margin-left		        : 0px;
        padding-top                     : 20px;
        margin-bottom                   : 0px;
	color				: #000000;
}

#pageName h3
{
        font-weight                     : bold;
        font-family                     : Arial, Helvetica, Sans Serif;
	font-size			: 100%;
	margin-left		        : 0px;
        padding-top                     : 0px;
        margin-top                      : 0px;
        margin-bottom                   : 0px;
	color				: #000000;
}

h5
{
        font                    : 80% Arial, Helvetica, sans serif;
}

#pageFooter h6
{
	padding-left		: 10px;
	margin			: 0px;
	font-size		: 70%;
	font-weight		: normal;
}

img
{    
        border                   : none;
}

#subPageWrapper
{
	position                : relative;
}

#pageWrapper
{
     margin		       : 0px;
     width		       : 100%;
     margin		       : 0px auto;
     position		       : relative;
}

#pageFooterHomePage
{
        position         : absolute;
        bottom           : 0;
        left             : 0;
	padding			: 2px;
        background-image        : url(bg_caleyc1red.gif);
        background-repeat       : repeat;
	color			: #ffe6e6;
        margin-top              : 0px;
}

#pageFooter
{
	padding			: 2px;
        background-image        : url(bg_caleyc1red.gif);
        background-repeat       : repeat;
	color			: #ffe6e6;
        margin-top              : 0px;
}

#mainContentHomePage
{
        position                : absolute;
        top                     : 126px;
	left		: 180px;
	width		: 740px;
	background-color	: #ffffff;
	color			: #000000;
	margin-top		: 20px;
        margin-bottom           : 0px;
}

#mainContentHomePage .contentContainer
{
 	padding		 : 3px;

}

#mainContentHomePage p
{
     font-family     : Helvetica, Arial, sans serif;
     font-weight     : bold;
     color           : #000000;
}

#mainContent
{
	margin-left		: 180px;
	margin-right		: 100px;
	background-color	: #ffffff;
	color			: #000000;
	margin-top		: 20px;
        margin-bottom           : 0px;
}

#mainContent .contentContainer
{
 	padding		 : 3px;
        margin-top               : 20px;
}

#mainContent p
{
     font-family     : Helvetica, Arial, sans serif;
     font-weight     : bold;
     color           : #000000;
}

#extraContentHomePage1 
{
        position                : absolute;
        top            : 350px;
        left             : 180px;
        width            : 740px;
	background-color	: #ffffff;
	color			: #000000;
	margin-top		: 0px;
        margin-bottom           : 5px;
        padding                 : 5px;
     float              : right;
     clear              : right;
}

#extraContentHomePage1 .contentContainer
{
 	padding-top		 : 0px;
        margin-top               : 0px;
        padding-left             : 3px;
        margin-bottom            : 5px;
        margin-left              : 0px;
}

#extraContentHomePage1 p
{
     font-family     : Helvetica, Arial, sans serif;
     font-weight     : bold;
     color           : #000000;
}

#extraContent1 
{
        margin-left             : 180px;
        margin-right            : 100px;
	background-color	: #ffffff;
	color			: #000000;
	margin-top		: 10px;
        margin-bottom           : 0px;
        padding                 : 5px;
     float              : right;
     clear              : right;
}

#extraContent1 .contentContainer
{
 	padding-top		 : 0px;
        margin-top               : 0px;
        padding-left             : 3px;
}

#extraContent1 p
{
     font-family     : Helvetica, Arial, sans serif;
     font-weight     : bold;
     color           : #000000;
}


#extraContent2
{
	margin-right		: 200px;
        width                   : 200px;
	background-color	: #ffffff;
	color			: #000000;
	margin-top		: 10px;
        margin-bottom           : 5px;
     float              : right;
     clear              : right;
}

#extraContent2 .contentContainer
{
 	padding-top		 : 0px;
        margin-top               : 10px;
        padding                  : 3px;
}

#extraContent2 p
{
     font-family     : Helvetica, Arial, sans serif;
     font-weight     : bold;
     color           : #000000;
}


/* Setup Menu Buttons  - one set for Home Page - 2nd set for all other pages */

#siteMenuHomePage
{
     width           : 150px;
     font-family     : Arial, Helvetica, sans-serif;
     font-size       : 90%;
     font-weight     : bold;
     float	     : left;
     clear	     : left;
     margin-top      : -10px;
     margin-left     : 2px;
     margin-bottom   : 0px;
     
}

#siteMenuHomePage ul
{
      list-style-type     : none;
      margin              : 10px;
      padding-left        : 2px;
      background-color    : #ffffff; 
} 
#siteMenuHomePage ul li
{
      display       : inline;
} 

#siteMenuHomePage a, #siteMenuHomePage  a:visited
{
	display				: block;
	font-size			: 90%;
	font-weight			: bold;
        font-family                     : Arial;
	padding				: 2px 10px;
	text-decoration		: none;
	
	border				: solid #ffffff;
	background-color	: #ffffff;
	color				: #000000;

	border-width		: 0px 0px;
	margin				: 2px 0px;
	width				: 150px;
	
}

#siteMenuHomePage a:link
{
	border-color		: #ffffff;
	background-color	: #ffffff;
	color				: #000000;
}


#siteMenuHomePage a:hover, #siteMenuHomePage a.active
{
	border-color		: #ffffff;
	background-color	: #ffff99;
	color				: #000000;
}
#siteMenuHomePage a.active
{
	cursor				: default;
}


#siteMenu
{
     width           : 150px;
     font-family     : Arial, Helvetica, sans-serif;
     font-size       : 90%;
     font-weight     : bold;
     float	     : left;
     clear	     : left;
     margin-top      : -10px;
     margin-left     : 2px;
     margin-bottom   : 0px;
     
}

#siteMenu ul
{
      list-style-type     : none;
      margin              : 10px;
      padding-left        : 2px;
      background-color    : #ffffff; 
} 
#siteMenu ul li
{
      display       : inline;
} 

#siteMenu a, #siteMenu  a:visited
{
	display				: block;
	font-size			: 90%;
	font-weight			: bold;
        font-family                     : Arial;
	padding				: 2px 10px;
	text-decoration		: none;
	
	border				: solid #ffffff;
	background-color	: #ffffff;
	color				: #000000;

	border-width		: 0px 0px;
	margin				: 2px 0px;
	width				: 150px;
	
}

#siteMenu a:link
{
	border-color		: #ffffff;
	background-color	: #ffffff;
	color				: #000000;
}


#siteMenu a:hover, #siteMenu a.active
{
	border-color		: #ffffff;
	background-color	: #ffff99;
	color				: #000000;
}
#siteMenu a.active
{
	cursor				: default;
}


/* setup the ski calendar */

.skiCalendar
{
     font                : Arial, Helvetica, sans-serif;
     font-weight         : normal;
     width               : 640px;
     margin-left         : 180px;
     margin-top		 : 0px;
     color               : #000000;
     background-color    : #ffffff;
}

.skiCalendar caption
{
     text-align          : center;
     font                : bold 110% Arial, Helvetica, sans serif;
     padding-left        : 2px;
     padding-bottom      : 1px;
}

.skiCalendar th
{
     font                : 100% Arial, Helvetica, sans serif;
     width               : 90px;
     border              : 1px solid #b2b2b2;
     border-bottom       : none;
     padding             : 2px 5px 2px 5px;
     background-color    : #ccccff;
     color               : #000000;
     text-align          : center;
}

.skiCalendar td
{
     font                : 90% Arial, Helvetica, sans serif;
     border              : 1px solid #b2b2b2;
     margin-top          : 0px;
     padding             : 2px 5px 2px 5px;
     color               : #000000;
     vertical-align      : top;
}

.skiCalendar td.previous, .skiCalendar td.next
{
     background-color    : #e3e3e3; 
     color               : #000000;
}

.skiCalendar td.deadline
{
     background-color    : #ffccff;
     color               : #000000;
}

.skiCalendar td.noSchool
{
     font                : Arial, Helvetica, sans-serif;
     font-size           : 90%;
     font-weight         : normal;
     font-style          : italic;
     background-color    : #cccccc; 

     color               : #000000;
}
 
.skiCalendar td.meet
{
     font                : Arial, Helvetica, sans-serif;
     font-size           : 90%;
     font-weight         : normal;
     background-color    : #ffffcc;
     border              : 1px solid #b2b2b2;
     color               : #000000;
}

.skiCalendar td.special
{
     font                : Arial, Helvetica, sans-serif;
     font-size           : 90%;
     font-weight         : normal;
     font-style          : italic;
     background-color    : #ccffff; 

     color               : #000000;
}
 
.skiCalendar ul
{
     list-style-type     : none;
     margin              : 0; 
     padding-left        : 3px;
}

.skiCalendar li
{
     margin-bottom       : 0px; 
}