/*CASCADING STYLE SHEET FOR ELLEN ROBINSON */
/* BY CRASHING BULL PRODUCTIONS - FEBRUARY 2010 */



/********* COMBO OF MEYERWEB RESET (SEE BOTTOM OF THIS PAGE FOR UNUSED and CBP adds **********/	
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: left;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}


/********* CRASHING BULL PRODUCTION STYLES **********/

div { border: 0px solid #FF0; }

	
 body {
        margin:0;
		margin-left: 1%;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        background:#000;
		width: 99%;
		min-width:960px;    /*The min-width property does not work in old versions of Internet Explorer */
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		line-height: 115%;
		color: #FFF5F2;
    }
	/* links in body are different - see further down this page */
	a {
    	color:#FF9980;
		text-decoration:none;
	}
	a:hover {
		color: #FFC6B8;
		text-decoration:underline;
	}
	h1, h2, h3, h4, h5, h6  {
		letter-spacing: 1px;
	}
    h1 {
		margin: 0 0 .8em 0;
		padding:0;
		font: normal 1.8em/100% Georgia, Times, serif;
		color: #00392D;
	}	
	h2 {
        margin: .5em 0 1em 0;
        padding:0;
		/*font: normal 1.25em/120% Georgia, Times, serif;*/
		font-weight: normal;
		font-size: 1.25em;
		line-height: 125%;
		color: #FFC6B8;
	}
	h3 {
        margin: 1em 0 .2em 0;
        padding:0;
		font-weight: bold;
		font-size: 1em;
		color: #FFF5F2;
		border-bottom: 1px solid #BDD2CA;
	}
	h3 + p {
		margin-top: 0em;
	}
	h4 {
		margin: 0;
		padding: 0;
		font-weight: bold;
		font-size: 0.8em;
		color: #BDC7CB;
		text-transform: uppercase;
	}
		
	p, li, dt, dd, blockquote, code, table, td {
		font-size: .75em;
	}
    p {
        margin:.4em 0 .8em 0;
        padding:0;
    }
	ul + p {
		margin-top: 1em;
	}
	li {
		margin-left: 2em;
		list-style: square;
	}
	img {
		margin: 0;
	}


	/* ********************** BANNER AND BELOW BANNER *********************** */	
	#banner {
		width: 100%;
		min-width: 960px;
		height: 118px; 
		background: url(../images/backgrounds/bannerColCenter.jpg) repeat-x;
	}
	.banLeft {
		float: left;
		width: 200px;
		height: 118px;
		background: #00425A url(../images/backgrounds/bannerColLeft.jpg) repeat-x;
	}
	.banMid {
		float: left;
		height: 118px;
	}
	.banRight {
		float: right;
		width: 300px;
		height: 118px;
		background: #000 url(../images/backgrounds/bannerColRight.jpg) no-repeat;
	}
		
	#bannerLow {
		clear: both;
		height: 24px;
		margin-right: 300px;
		background: #00425A;
		border-top: 1px solid #7D9AA5;
		border-bottom: 1px solid #7D9AA5;
	}
	.bannerLowLeft {
		width: 200px;
		position: absolute;
		left: 1%;
		top: 119px;
		height: 24px;
		background: #00222E url(../images/backgrounds/bannerLowLeft.jpg) no-repeat;
	}
	
	/* ********************** NAVIGATION *********************** */	
	#nav {
		clear: both;
		z-index: 2;
		margin-right: 300px;
		height: 24px;
		background: #8D0051;
		text-align: center;
		border-top: 1px solid #00222E;
		border-bottom: 1px solid #00222E;
	}
	#nav ul {
		margin: 2px 0;
		padding: 0;
		text-align: center;
	}
	#nav li {
		list-style: none;
		display: inline;
		margin: 0;
		font-weight: bold;
		/*font-size: .9em;*/
		font-size: 12px;
		color: #FF9980;
		letter-spacing: 0px;
	}
	#nav li a {
		padding: 2px 1em;
	}
		
	#nav li a:hover {
		color: #FFF5F2;
		text-decoration: none;
	}
	
	#nav li a.here {
		color: #FFF5F2;
	}
	
	

	/* ********************** CONTENT COLUMNS *********************** */	
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* "jazz lady" 3 column settings */
	.jazzlady {
	    background: #000;    	/* Right column background color */
	}
    .jazzlady .colmid {
        float:left;
        width:200%;
        margin-left:-300px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#7DB1A3;    	/* Center column background color */
		border-top: 1px solid #7D9AA5;
    }
    .jazzlady .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:500px;         	/* Left column width + right column width */
        background:#00222E;	/* Left column background color */
		border-right: 1px solid #7D9AA5;
    }
    .jazzlady .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:200px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Center column bottom padding. Leave it out if it's zero */
	}
	
	
	/* this is CENTER or MAIN column */
	.jazzlady .col1 {
        margin:0 324px 0 224px ;     	/* Center column side margin/padding:
                            	Left margin = left column width + center column left padding width
                            	Right margin = right column width + center column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
		padding-top: 24px;
	} 
	/* change the link color */
	.col1 a:link, .col1 a:visited {
		color: #00425A;
		text-decoration: underline; 
	}
	.col1 a:hover, .col1 a:active, .col1 a:focus {
		color: #FFC6B8;
		text-decoration: underline;
	}
	 
	
	/* this is LEFT column */
    .jazzlady .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:176px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:12px;         	/* Width of the left-hand side padding on the left column*/ 
		padding-top: 24px;
    }
	/* LEFT COLUMN CLASSES */
	.col2 p.quote {
		font: 10px/14px verdana, sans-serif;
		padding: 0 5px;
		color: #FFF5F2;
	}
	.col2 p.divider {
		clear: both;
		display: block;
		margin: 0 0 24px 0;
		border-bottom: 1px solid #00425A;
	}
	
	/* this is RIGHT column */
    .jazzlady .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:300px;        	/* Width of right column content (right column width minus left and right padding) */
		padding: 0;
		margin: 0;
        margin-right:18px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }
	/* RIGHT COLUMN CLASSES */
	.col3 img {
		margin: 0;
		border:0;
		text-align: right;
	}
	.colRLink {
		text-align: center;
	}
	.colRLink a:link, .colRLink a:visited {
		color: #FF9980;
		font-weight: bold;
		font-size: 1em;
		letter-spacing: 1px;
		text-decoration: none;
	}
	.colRLink a:hover, .colRLink a:active {
		color: #FFF5F2;
		background: none;
		text-decoration: none;
	}
		
		
	/* ********************** FOOTER ************************** */	
	#footer {
        clear:both;
        float:left;
		position: relative;
		left: -50px;
		width: 99%;
		margin: 12px auto;
		/*font-size: 10px;*/
		font-size: 11px;
		color: #7D9AA5;		
		text-align: center;
		border: 0px solid #FFF5F2;
    }

    #footer a {
        margin:0;
		padding: 10px;
		color: #7D9AA5;
		/*color: #FF9980; salmon color*/ 
		text-decoration: none;
    }
	#footer a:hover {
		text-decoration: underline;
	}
	#footer a.jazzCorner {
		color: #C578A0;
		color: #FF9980;
	}
/* *************** classes ********************* */
	.txtSmall {
		font-size: 70%;
	}
	.txtSmallest {
		font-size: 65%;
	}
	.txtLarge {
		font-size: 90%;
	}
	.strong {
		font-weight: bold;
	}
	.emphasis {
		font-style: italic;
	}
	.boxit {
		padding: .5em 1em;
		background: url(../images/misc/highlight.gif) repeat;
		color: #00392D;
		border-top: 1px solid #BDD2CA;
		border-right: 1px solid #007058;
		border-bottom: 1px solid #007058;
		border-left: 1px solid #BDD2CA;
	}
	.green {
		color: #00392D;
	}
	.black {
		color: #000;
	}	
	.white {	
		color: #FFF5F2;	
	}
	.blue {
		color: #00222E;
	}
	.red {
		color: #480029;
	}
	
	/* for "MORE" types of links in Left Column */
	div.more {
		margin-top: -1em;
		font-size: .6em;
	}
	.floatLeft {
		float: left;
		display: block;
		position: relative;
	}
	.floatRight {
		float: right;
		position: relative;
	}
	
	/* sometimes needed in main content column */
	.paddedCell {
		min-width: 450px;
		padding: 1em 30px 2em 30px;
	}
		
	.tightTop {
		margin-top: 0;
	}
	.imgLeft, .imgRight {
		position: relative;
		border-top: 1px solid #BDD2CA;
		border-right: 1px solid #007058;
		border-bottom: 1px solid #007058;
		border-left: 1px solid #BDD2CA;
	}
	.imgLeft {
		float: left;
		margin: .5em 1em 1em 0;
	}
	img.imgColLeft {
		margin-top: 12px;
		text-align: center;
	}
	.imgRight {
		float: right;
		margin: .5em 0 1em 1em;
	}
/* change this for "TEACHING" color scheme */
	.borderAll {
		border-top: 1px solid #BDD2CA;
		border-right: 1px solid #007058;
		border-bottom: 1px solid #007058;
		border-left: 1px solid #BDD2CA;
	}
/* change this for "TEACHING" color scheme */
	img.imgColLeft {
		border-top: 1px solid #00425A;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000; 
		border-left: 1px solid #00425A;
	}
	.btnLarge {
		padding: 3px 15px 3px 0;
		font-family: helvetica, arial, sans-serif;
		font-size: 16px;
		letter-spacing: 1px;	
	}
	.btnLarge a:hover, .btnLarge a:active {
		text-decoration: none;
	}

/***************** TABLE STUFF ************* /
/ * Calendar */
#tableCal {
	font-size: 100%;
	border-top: 1px solid #BDD2CA;
	border-left: 1px solid #BDD2CA;
}
#tableCal td p, #tableCaltd li {
	font-size: 100%;
}
#tableCal th, #tableCal td {
	padding: 5px 10px;
	border-right: 1px solid #7DB1A3;
	border-bottom: 1px solid #7DB1A3;
}
#tableCal th {
	font-size: .9em;
	background: #000;
	color: #FFC6B8
}
#tableCal td {
	background: #007058;
}
#tableCal a {
	color: #FF9980;
}
#tableCal a:hover {
	color: #FFC6B8;
}


/* Bio Table */
#tableBio {
	font-size: 1.5em;
}
#tableBio td p {
	margin: 1em 0;
	line-height: 125%;
}
#tableBio td li {
	list-style: square;
	margin-left: 2em;
}

.leftcol {
	padding-right: 18px;
}
.rightcol {
	padding: 0 10px;
	border-top: 1px solid #BDD2CA;
	border-right: 1px solid #007058;
	border-bottom: 1px solid #007058;
	border-left: 1px solid #BDD2CA;
}
.rightcol p {
	font-size: 70%;
	padding-bottom: 1em;
	border-bottom: 1px solid #BDD2CA;
}