/* --------- COLORS --------- 
#44475E - Purple
#XXXXXX - Color Name
#XXXXXX - Color Name

 --------- IMAGE DIMENSIONS --------- 



 --------- GRID SIZES --------- 
 
 - 960px grid 
 - 10px left & right sizes
 - 12 columns

 60px -  1 column
140px -  2 column
220px -  3 column
300px -  4 column
380px -  5 column
460px -  6 column
540px -  7 column
620px -  8 column
700px -  9 column
860px - 10 column
940px - 10 column

*/

/* --------- MAIN STYLES --------- */ 

body { margin:0; background:#714B36; color:#FFF; font-family:"garamond-premier-pro-display-1","garamond-premier-pro-display-2", Times, serif; font-size:large;  }
h1 { margin:0 0 20px 0; display:block; width:370px; height:55px; padding: 25px 0 0 10px; background:url(images/screen-green.png); font-weight:400; font-size:xx-large; color:#FFF;}
h2 { font-weight:400; font-size:xx-large; margin:20px 0 5px 0; padding:0; }
h2:first-child{  margin:0 0 5px 0; }
h3 { font-weight:400; font-size:x-large;margin:10px 0 5px 0; padding:0; }

a { color: #FFF; text-decoration:underline;}
a:hover { color:#FFC; }


input[type="text"] {}
input[type="text"]:focus { outline:none;}
input.btn { }


img { border:none; }
.zoomicon img { border:none; background:url(images/icon-camera.png) bottom right no-repeat; padding-bottom:20px; }
.clearfix { clear:both; }
.nowrap {white-space:nowrap;}
.imagealignleft {margin:0 20px 20px 0; float:left;  }
.imagealignright {margin:0 0 20px 20px; float:right; }
.imagealignlast {margin:0 0 20px 0; }


#maincontain{ width:920px; margin:50px auto; padding:0;  position:relative;  }
#pagecontent { width:780px; min-height:540px; border:2px solid #FFF; padding:20px; margin:15px auto;}

/* --------- BACKGROUND IMAGE --------- */
/*background image styling - http://css-tricks.com/perfect-full-page-background-image/ */
img.bg {
	/* Set rules to fill background 
	display:none;*/
	min-height: 100%;
	min-width: 1024px;
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

/* *** all content divs must have position:relative to show up on top of the background image *** */



/* --------- HEADER & NAVIGATION --------- */ 
/*#header { width:820px; margin:5px auto; position:relative; }
*/
#navigation{position:relative;width:824px; margin:0 auto;}
#navigation ul{ padding:0; margin:5px 0;text-align:right;}
#navigation li{ display:inline-block; font-size:small;}
/*#navigation li:first-child a { margin-left:0;}
#navigation li:last-child a:hover { }
*/#navigation li.current a { }
#navigation li.current a:hover { }

#navigation a {       background:url(images/screen-white.png); color:#44475E; padding:5px 8px; margin-left:5px; text-transform:uppercase; text-decoration:none; } 
#navigation a:hover { background:url(images/screen-purple.png); color:#FFF; border:1px solid #FFF; padding:4px 7px; text-transform:uppercase; text-decoration:none; }

/* --------- FOOTER --------- */ 

#footer{ }
#footer a { } 
#footer a:link { } 
#footer a:visited { }
#footer a:hover { }

#copyright{position:relative;width:820px; margin:5px auto; font-size:smaller; text-align:right; color:#FFF;  }
#copyright a{color:#FFF; text-decoration:underline;}

/* --------- GENERAL STYLES--------- */ 

.error { }

/* --------- HOMEPAGE --------- */ 
/* final height is 380 x 80 */
.greenblock { background:url(images/screen-green.png); padding:10px; height:60px; width:360px; display:block; }

#hmpg {width:780px; }
#hmpg .col1 {float:left; width:380px; margin-right:20px;}
#hmpg .col2 {float:right; width:380px;}

#hmpgbars { position:relative; top:100px; }

#hmpgbars ul{ padding:0; margin:0; list-style:none;}
#hmpgbars li{ margin-bottom:10px;}
#hmpgbars a {color:#fff; text-decoration:none; font-size:x-large; background:url(images/screen-purple.png); padding:10px; display:block;}
#hmpgbars a:hover {color:#fff; text-decoration:none; font-size:x-large; background:url(images/screen-green.png); padding:10px; display:block;}

/* --------- OTHER PAGE STYLES --------- */ 

/* ---------- TWO COLUMN ------------ */

#purplecopyblock {width:780px; background:url(images/screen-purple.png); display:block; }
#purplecopyblock blockquote { margin:0 0 0 20px;}
#purplecopyblock p { margin:0 0 5px 0;}
#purplecopyblock .col1 {float:left; width:340px; margin-right:20px; padding:20px;}
#purplecopyblock .col2 {float:right; width:340px; padding:20px;}
#purplecopyblock dl dt { padding-top: 1em; padding-bottom: 3px; font-weight: bold; font-size: 120%; }

#schedule {width:740px; background:url(images/screen-purple.png); display:block; padding:20px; }

#purplecopyblock a:link, #schedule a:link {color:#FFF; text-decoration:underline;}
#purplecopyblock a:visited, #schedule a:visited {color:#EDEDED; text-decoration:underline;}
#purplecopyblock a:hover, #schedule a:hover {color: #FFC; text-decoration:underline;}

#halfwhite {width:340px; padding:20px;background:url(images/screen-white.png); display:block; color: #44475E; }
#brighterwhite {width:340px; padding:20px;background:url(images/screen-white90.png); display:block; color: #44475E; }
#brighterwhitefull {width:780px; padding:20px;background:url(images/screen-white90.png); display:block; color: #44475E; }

#halfwhite a:link, #brighterwhite a:link  {color:#44475E; text-decoration:underline;}
#halfwhite a:visited, #brighterwhite a:visited {color:#333; text-decoration:underline;}
#halfwhite a:hover, #brighterwhite a:hover  {text-decoration:underline;}

#schedule table, #menu table { background:url(images/screen-white.png);}
#schedule td, #menu td { padding:10px; border-bottom:1px solid #44475E; color:#44475E; }
#schedule td:nth-child(0n+1) { text-align:right; font-weight:bold; white-space:nowrap;}
.smallcaps {text-transform:uppercase; font-size:0.7em;}
.headerrow {background:#44465E; font-size:xx-large; color:#FFF !important; text-align:left !important;}
.goingon {font-size:14px; font-style:italic; float:right; font-size:x-large; position:relative; top:5px;}