/*The side column width can be modified by resetting three indicated critical values in the stylesheet. The same goes for the borders between the cols, which have their own critical value sets. */

html, body, ol, ul, li, dl, dt, dd, img {
  margin: 0; 
  padding: 0;
  border: 0;
	list-style: none;  /* make sure only specified padding, border, and list styles are active */
}

body {
  padding: 0 305px; /* the critical side padding that sets the natural min-width! */ 
	color: #000080;  /* the default text color for the site (000=black) */
    background-color: #1c264c;  /*  this colors the area outside and behind the columns if no image is specified, and the columns themselves if they have no color or image */
  font-family: Palatino Linotype, Book Antiqua, Palatino, serif;  /* the default font set for the site */
  font-size: 100.01%; /* this body font-size fixes an IE bug and maintains cross-browser uniformity */ 
  text-align: center; /* centers the #sizer element in IE5.x/win */
}

.topfoot {height: 25px;}

#sizer {
  margin: 0 auto; /* centers #sizer in standard browsers */
  padding: 0;
  width: 100%; /* this value controls liquidity; 0% = full rigid, 100% = full liquid */
  text-align: left; /* resets the default text alignment for the page */
	max-width: 180px;
}

#expander { /* Any % height here causes IE to lose the neg right margin */
	margin: 0 -285px; /* neg side margin values should be < or = to side body padding */
	min-width: 650px; /* This prevents Safari from losing the negative margins in narrow windows */ 
	position: relative; /* makes #expander visible outside #sizer in IEwin */
  background-color: #F4F6C4; /*  this colors behind any transparent elements */
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
} 

/*\*/
* html #expander {height: 0;} 
/* #expander must have "height: 0" in IEwin bug fixing */

/* The above is a modified Holly hack for #expander, with zero substituted for the 
usual 1% height value. */ 


#wrapper1 {
  position: relative; /* extra insurance against bugs in IEwin */
  /*background: url(/images/left.img); */ /* this BG tiles the left column */
  /* background-color: #fdfde0; */ /*  this colors the left column if no BG image on wrapper1 and no BG color on wrapper2 */
  font-size: 1em; /* set global font-size here */ 
  border: 0px solid #da5;
  border-width: 0px 0px;
} /* this positioning may be needed for IEwin if page is to contain positioned elements */

#wrapper2 {  
  position: relative; /* extra insurance against bugs in IEwin */
   background: transparent; 
   z-index: 10;
 /*  background-position: right;   do not use a background-color as it will affect the left panel also */
}


/****************** Main Page Structure *****************/

/* To modify the side column widths and the col divider widths, the values that are 
marked "critical" and also refer to the desired mod MUST be changed as a group. */


.outer {
  border-left: 0px solid #da5; /* ** Critical left divider dimension value ** */
  border-right: 0px solid #da5; /* ** Critical right divider dimension value ** */
  margin-left: 145px;    /* ** Critical left col width value ** */
  margin-right: 0px;    /* ** Critical right col width value ** */
}

.float-wrap {float: left; width: 100%;}

.center {
  float: right;
  width: 100%;
    /* background-image: url(/images/centerimage.png); this BG tiles the center column */
  background-color: transparent; /* Colors the center column */
}

.left {
  float: left;
  position: relative; /* Needed for IE/win */
  background-color: transparent;  
  width: 145px;    /* ** Critical left col width value ** */
  margin-left: -145px;    /* ** Critical left col width value PLUS Critical left divider dimension value if any** */
}

.right {
  float: right; 
  position: relative; /* Needed for IE/win */
  width: 0px;    /*** Critical right col width value ***/
  margin-right: -0px;    /* ** Critical right col width value PLUS Critical right divider dimension value if any ** */

}

.centerbox {             /* This contains the body of the page */
  font-weight: normal;
  text-align: left;
  overflow: visible;
  width: 100%;
  background:transparent;
  padding-bottom:48px;  /* makes room for the foot image; alter to suit */
  
}

.container-left {padding-top:46px; padding-bottom:10px;} /* makes room for the foot image on the left; alter to suit; colors upper left column if specified*/

.container-right {padding-bottom: 100px;} /* makes room for the foot image on the right; alter to suit */


/*************** Header and Footer elements *****************/

.header {
  background-position:140px 30px;
  background-repeat:no-repeat;
  width: 100%;
  position:relative;
  background-color: transparent; 
  height: 120px;
  padding: 5px 0;
} /* BG is made to be in fixed position here */

/*\*/
* html .header {background-position: 140px 30px;} /* Must match .header background position if IE is to match compliant browsers */
/* IEwin hack needed because the BG is in a positioned wrapper and shows
variance. IEwin does not support fixed backgrounds on elements other than the body */

/* Banner images linked to sections here */
#links .header {background-image: url(/images/links.jpg);}
#events .header {background-image: url(/images/events.jpg);} 
#tradition .header {background-image: url(/images/tradition2.jpg);} 
#director .header {background-image: url(/images/director.jpg);}
#locations .header {background-image: url(/images/location.jpg); background-position:140px 10px;}
#welcome .header {background-image: url(/images/welcome.jpg); background-position:140px 4px;}
#mission .header {background-image: url(/images/mission.jpg);}
#instructors .header {background-image: url(/images/instructors.jpg);}
#classes .header {background-image: url(/images/classes.jpg);}
#registration .header {background-image: url(/images/registration.jpg);}
#login .header {background-image: url(/images/login2.jpg);}
#contact .header {background-image: url(/images/contact.jpg);}
#schedule .header {background-image: url(/images/schedule.jpg);}
#performances .header {background-image: url(/images/performances.png);}

.header-img {
position: absolute;
top: 29px;
left: 130px;
}

.header span {color: #373;} 

.header h1 {display:none;}

.footer {
  width: 100%;
  clear: both;
  padding: 5px 0 15px;
  position: relative;
 /*   font-weight: bold; font-size: 1.2em;  background-color: #fdfde0; Colors footer if no image */
}

.footer p {margin: 10px 0 0 20px; z-index:2;}

.footer hr {
  color: #944;
	margin: 0;
	background: #944;
	height: 4px;
}

/************** Header/Footer Decorative Elements ***************/
.rightfoot-img {  /* Places image at foot anchored at right */
position: absolute;
top: -70px;
right: 22px;
}

.leftfoot-img {    /* Places image at foot anchored at left */
position: absolute;
top: -185px;
left: 340px;
}

.lowright-img { /* Places image at foot anchored at right */
position: absolute;
right:12px;
top:-58px;
}

.lowleft-img {  /* Places image at foot anchored at left */
position: absolute;
top: -17px;
left: 9px;
}

.righthead-img {
position: absolute;
top: 16px;
right: 12px;
}

.lefthead-img {
position: absolute;
top: 7px;
left: 9px;
}

.leftcorner-img {
position: absolute;
top: 7px;
left: 9px;
}

.subhead-img {
position: absolute;
top: -4px;
left: 50%;
z-index:-20;
}




/************** Spacing Controls for various column contents ***************/

ul.nav  {text-align: center; margin: 5px 0;}

.textpadder {padding: 12px;}


/************** Generic Rules *************/

a {/* color: #000; */ vertical-align: bottom;}

a:visited {/*color: #000;*/}

p {margin: .8em 0;}

.drop {
float:left;
font-size:50px;
line-height:37px;
margin-right:3px;
padding-top:3px;
}

h1 {margin: 70px 0 10px 190px;}

h2 {
  font-size: 1.6em; 
  text-align: center; 
  padding: 5px 0; 
  margin: 0; 
  border: none;
  /* color: #1C264C; */
  /* font-family: Georgia, Times New Roman, serif; */
}

h2.o {
background:transparent url(/images/subhead_o.gif) no-repeat center;
line-height:60px;
margin:-14px 0pt;
}

h3 {margin: 1em 0 .3em; text-align: center;}

h3.o {
background:transparent url(/images/subhead_o.gif) no-repeat center;
line-height:60px;
margin:-14px 0pt;
}

.alignright {margin: 0 10px 10px 0; text-align: right;}

.floatleft {
border:none;
display:inline;
float:left;
margin:10px 20px 7px 0px;
}

.floatright {
border:none;
display:inline;
float:right;
margin:10px 0px 7px 20px;
}

.linksbox1, .linksbox2 {
border:2px groove #000080;
background:transparent url(/images/subhead_o.gif) no-repeat center 7px;
display:inline;
margin:10px 15px 7px 0px;
padding: 5px;
width: 43%;
}

.linksbox1 {
float:left;
clear:left;
}

.linksbox2 {
float:right;
clear:right;
}

.linksbox1 li, .linksbox2 li {text-align:left;}

.middle
{
text-align:center;
}

.small {font-size: 0.8em;}

.red {color:red;}

.papyrus {font-family: Papyrus, Palatino Linotype, Book Antiqua, Palatino, serif;}

form {
border:2px groove #000080;
padding:10px;
}

.paypal form {border:none;}

.contactinfo {cursor:help;}

.calloutwide {margin-top:20px; margin-bottom:35px;}

.addressblock {padding-left:50%; margin-left:-15%;}

.hidden {display: none;}

.alert {font-weight:bolder; color:red;}




/************** Fancy Nav Buttons *************/

.nav li a {
  display: block; 
  border: none;
  text-decoration: none;
  /*  background-image: url(/images/navback.img); */

  padding: 4px 7px 4px 10px;
  /* font-family: Georgia, Times New Roman, serif; */
  font-size: 1.1em;
  font-weight: bold;
}

.nav {background:transparent;}

}

.nav li a:active {
  border: 3px 1px 1px 3px solid;
  border-color: #fef5e4 #d4cab9 #c2b9a8 #ece3d2;
  background-position: 0 0;
  padding: 2px 5px 2px 10px;
}

#schedule .schedule, #performances .performances, #links .links, #instructors .instructors, #events .events, #tradition .tradition, #director .director, #locations .location,  #welcome .welcome, #mission .mission, #classes .classes, #registration .registration, #login .login, #contact .contact {
background:transparent url(/images/braid1.gif) no-repeat center;
/* line-height:75px;
margin:-26px 0pt; */
border:none;
}


.nav li a:hover {
  border: 2px solid;
  border-color: #fef5e4 #d4cab9 #c2b9a8 #ece3d2;
  background-position: -1px -1px;
  padding: 1px 6px 3px 7px;
}


/**************** Utility Rules *******************/

/*** Variance fixes for IEwin ***/

/*\*/
* html .outer p {margin-right: -6px;}
/* */

/*\*/ /*/
.nav a:hover {position: relative;}
/* this fixes an IEmac hover bug in the left column, hidden from other browsers */


/* \*/
* html #wrapper1, * html #wrapper2, * html .outer a, * html .container-left, * html .container-right, * html .outer, * html h2, * html .nav li a {height: 1%;}
/* Holly hack */

 img {max-width: 100%;} 
/* prevents oversize images from breaking layout in browsers that support max-width */

.brclear { /* Use a break with this class to clear float containers */
  clear:both;
  height:0;
  margin:0;
  font-size: 1px;
  line-height: 0;
}