/*GENERAL*/

body {
	margin: 0px;
	padding: 0px;
	overflow-x:hidden;
	margin-left: auto;
	margin-right:auto;
	text-align:center;;
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-position: top;
	background-color:#6789c3;
}




/*LINKS*/

/*These link properties define the main links that go from blue to blue.*/

a {
	color: #3345AA;
	font-weight:inherit;
	text-decoration:none;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
}

a:visited {
	color: #3345AA;
	text-decoration:none;
	font-weight:inherit;
	font-family:inherit;
}

a:active {
	color: #3345AA;
	text-decoration:none;
	font-weight:inherit;
	font-family:inherit;
}

a:hover {
	color: #6789c3;
	text-decoration:none;
	font-weight:inherit;
	font-family:inherit;
}




/*TYPOGRAPHY*/

/*These properties determine the fonts and styles for most of the text on the site, excluding the menu, slider, and slideshow (and a few other things like forms).*/

/*Paragraph determines the fonts and styles of the main text on the page.*/

p.paragraph {
	text-align: justify;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
	font-size: 13px;
	letter-spacing:0px;
	color:#444444;
	line-height: 20px;
	margin-bottom:18px;
	vertical-align:top;
}

/*Paragraph2 determines the fonts and styles of the quick updates text.*/

p.paragraph2 {
	text-align: left;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
	font-size: 11px;
	letter-spacing:-0px;
	color:#777777;
	line-height: 18px;
	margin-bottom: 12px;
	margin-left:30px;
	margin-right:30px;
	margin-top:4px;
	vertical-align:top;
}

/*Paragraph3 determines the fonts and styles for times or details in the tables.*/

p.paragraph3 {
	text-align: left;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
	font-size: 10px;
	letter-spacing:-0px;
	color:#777777;
	line-height: 18px;
	margin-top:10px;
	vertical-align:top;
}

/*Paragraph4 determines the fonts and styles of the table text so things are appropriately centered.*/

p.paragraph4 {
	text-align: justify;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
	font-size: 13px;
	letter-spacing:0px;
	color:#444444;
	line-height: 20px;
	margin-bottom:0px;
	vertical-align:top;
}

/*Paragraph5 determines the fonts and styles of the home page featured items text.*/

p.paragraph5 {
	text-align: left;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
	font-size: 10px;
	letter-spacing:-0px;
	color:#777777;
	line-height: 16px;
	margin-bottom: 12px;
	margin-left:30px;
	margin-right:15px;
	margin-top:0px;
	vertical-align:top;
}

/*Paragraph6 determines the fonts and styles of the home page featured calendar items.*/

p.paragraph6 {
	text-align: left;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
	font-size: 12px;
	letter-spacing:-0px;
	color:#666666;
	line-height: 14px;
	margin-bottom: 12px;
	margin-left:20px;
	margin-right:15px;
	margin-top:16px;
	vertical-align:top;
}

/*HParagraph determines the fonts and styles of the welcome text on the homepage.*/

p.hparagraph {
	text-align: justify;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
	font-size: 13px;
	letter-spacing:0px;
	color:#444444;
	line-height: 20px;
	margin-bottom:18px;
	margin-right:40px;
	margin-top:0px;
	vertical-align:top;
}

/*Title determines fonts and styles for the main title of each page.*/

h1.title {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
	font-size: 24px;
	letter-spacing: 1px;
	text-align: left;
	color: #444444;
	font-weight:lighter;
	margin-top:24px;
}

h1.titleb {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
	font-size: 24px;
	letter-spacing: 1px;
	text-align: left;
	color: #444444;
	font-weight:lighter;
	margin-top:8px;
}

/*Title2 determines fonts and styles for the right column titles, such as Quick Updates and Email Newsletter.*/

h1.title2 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
	font-size: 16px;
	color:#333333;
	font-weight:normal;
	text-align:left;
	margin-top:4px;
	letter-spacing:0px;
	margin-left:28px;
	margin-right:28px;
	margin-bottom:6px;
}

/*Title3 determines fonts and styles for the Quick Updates links - see a.side for customization of how the links work.*/

h1.title3 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
	font-size: 12px;
	color:#006699;
	font-weight:normal;
	margin-top:14px;
	text-align:left;
	letter-spacing:0px;
	margin-left:18px;
	margin-right:18px;
	margin-bottom:0px;
}

/*Title4 determines fonts and styles for a theoretical "subtitle" that would go beneath the main title of a page to denote a new subsection.*/

h1.title4 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
	font-size: 20px;
	letter-spacing: 1px;
	text-align: left;
	color: #444444;
	font-weight:lighter;
	margin-bottom:6px;
	margin-top:20px;
}

/*Title5 determines fonts and styles for a theoretical "subtitle" that would go beneath the main title of a page to denote a new subsection.*/

h1.title5 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
	font-size: 18px;
	letter-spacing: 1px;
	text-align: left;
	color: #444444;
	font-weight:lighter;
	margin-bottom:6px;
	margin-top:20px;
}

/*Title6 determines fonts and styles for a theoretical "subtitle" that would go beneath the main title of a page to denote a new subsection.*/

h1.title6 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
	font-size: 15px;
	letter-spacing: 1px;
	text-align: left;
	color: #444444;
	font-weight:lighter;
	margin-bottom:0px;
	margin-top:0px;
}

/*Title7 determines fonts and styles for the tables on various pages in the site.*/

h1.title7 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
	font-size: 20px;
	letter-spacing: 1px;
	text-align: left;
	color: #444444;
	font-weight:lighter;
	margin-bottom:-10px;
	margin-top:0px;
}

/*Title8 determines fonts and styles for the left part of the tables so things center correctly.*/

h1.title8 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
	font-size: 18px;
	letter-spacing: 1px;
	text-align: left;
	color: #444444;
	font-weight:lighter;
	margin-bottom:0px;
	margin-top:0px;
}

/*Title9 determines fonts and styles for a theoretical "subtitle" that would go beneath the main title of a page to denote a new subsection.*/

h1.title9 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
	font-size: 14px;
	letter-spacing: 0px;
	text-align: left;
	color: #444444;
	font-weight:lighter;
	margin-bottom:0px;
	margin-top:6px;
	margin-left:30px;
	margin-right:10px;
}

/*Title10 determines fonts and styles for the featured calendar and newsletter signup on the home page.*/

h1.title10 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
	font-size: 16px;
	letter-spacing: 1px;
	text-align: left;
	color: #444444;
	font-weight:lighter;
	margin-bottom:6px;
	margin-top:20px;
	margin-left:20px;
}

/*Side and Side:hover determine fonts and styles for the Quick Updates links .*/

a.side {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
	color: #444444;
	font-size:11px;
	font-weight:lighter;
	margin-left:12px;
	margin-right:8px;
	text-decoration:none;
}

a.side:hover {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
	color: #000000;
	font-size:11px;
	font-weight:lighter;
	margin-left:12px;
	margin-right:8px;
	text-decoration:none;
}

/*Footer paragraph property controls the styles of the footer text .*/

p.footer {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
	font-size:11px;
	line-height:18px;
	color:#444455;
	margin-left:56px;
	margin-top:10px;
	margin-bottom:0px;
	padding-bottom:8px;
}

/*Footer link and footer link:hover controls links on the footer, which we don't have yet.*/

a.footer {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
	font-size:11px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

a.footer:hover {
	color:#555555;
	font-weight:bold;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
}

/*Footer link and footer link:hover controls links on the footer, which we don't have yet.*/

a.top {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
	font-size:11px;
	color:#000000;
	font-weight:normal;
	text-decoration:none;
}

a.top:hover {
	color:#555555;
	font-weight:normal;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
}

/*List determines fonts and styles for listed / bulleted items throughout the site, List2 is a numbered list.*/

li.list {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
	color:#444444;
	margin-left: 16px;
	font-size:13px;
	margin-bottom:8px;
	margin-right:12px;
	line-height:20px;
	letter-spacing:0px;
	list-style:circle;
}

li.list2 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
	color:#444444;
	margin-left: 16px;
	font-size:13px;
	margin-right:12px;
	line-height:20px;
	letter-spacing:0px;
	list-style:decimal;
}

blockquote.bq {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
	color:#444444;
	margin-left: 4px;
	font-size:11px;
	font-style:italic;
	margin-right:4px;
	line-height:21px;
	letter-spacing:1px;
}

font.red {
	color:#FF0000;
	
}







/*DIVS*/

/*Divs control the structure of the site- where everything goes, how big it is, etc.*/

/*The Body Div contains the entire website and supplies the background image.*/

div.body {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding:0px;
	float: center;
	overflow-x:hidden;
	background:url(../images/index_02.jpg);
	background-position:top;
	background-repeat:repeat-y;
}

/*The Header Div contains the header of the website- top rounded corners, DM name, down to the menu.*/

div.header {
	width:800px;
	height:108px;
	background:url(../images/index_01.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

/*The Space Div is used throughout the site to create browser-universal margins, on the left, middle, and right of the left and right columns.*/

div.space {
	width:25px;
	height:inherit;
	border:0px;
	margin:0px;
	float:left;
}

/*The Within Div contains the space inside the left and right Space divs- to contain the content area of the site.*/

div.within {
	width:750px;
	height:inherit;
	border:0px;
	margin:0px;
	float:left;
}

/*The Menu Div contains the menu and all of the Infinite Menus code.*/
	
div.menu {
	width:750px;
	height:30px;
	background:url(../images/index_03.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	text-align:left;
	border-bottom-color:#66CCFF;
	border-bottom-style:solid;
	border-bottom-width:0px;
}

/*The Content Div contains the content area within the Within div.*/

div.content {
	width:750px;
	background-position:top;
	background-repeat:repeat-x;
	text-align:left;
	background-color:#FFFFFF;
	border-top-color:#33AAFF;
	border-top-style:solid;
	border-top-width:0px;
}

/*The Span Div creates a div that spans across the width of the page, within the Content div.*/

div.span {
	width:750px;
	clear:both;
	margin:0px;
	border:0px;
	padding:0px;
	float:left;
}

/*The Left Div controls the left column area of the site.*/

div.left {
	width:440px;
	float:left;
}

/*The Middle Div creates white space in the middle of the left and right columns.*/

div.middle {
	width:30px;
	float:left;
}

/*The Middle Div creates smaller white space around the site.*/

div.middle2 {
	width:22px;
	float:left;
}

/*The Middle Div creates smaller white space around the site.*/

div.middle3 {
	width:0px;
	float:left;
}

/*The Right Div controls the right column area of the site.*/

div.right {
	width:220px;
	float:left;
}

/*The Cal Feature Div creates the box for the calendar and newsletter signup on the home page.*/

div.calfeature {
	background-color:#F2FAFE;
	border:#D4EFFC solid 1px;
	overflow:hidden;
	padding:0px;
	padding-bottom:0px;
	padding-top:0px;
	float:left;
	margin-top:0px;
	margin-bottom:12px;
}

/*The Cal Feature Contain Div contains the small calfeature boxes so they line up right.*/

div.calfeatcontain {
	width:246px;
	padding:0px;
	padding-bottom:0px;
	padding-top:0px;
	float:left;
	margin-top:0px;
	margin-bottom:0px;
}

/*The Feature Div creates the drop shadow rounded box for the featured items on the home page.*/

div.feature {
    background-image:url(../images/feature.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
	padding:0px;
	padding-bottom:0px;
	padding-top:0px;
	width:234px;
	height:200px;
	float:left;
	margin-top:-8px;
	margin-bottom:0px;
}

/*The Highlight Div creates the drop shadow rounded boxes that go in the right column of the site. This code only controls the sides of the drop shadows - top and bottom must be added manually.*/

div.highlight {
    background-image:url(../images/highlight_02.jpg);
	background-repeat:repeat-y;
	padding:0px;
	padding-bottom:0px;
	padding-top:0px;
	width:240px;
	margin-top:0px;
	margin-bottom:0px;
}

/*The Footer Div controls the bottom footer are of the site, and it's background image- Danielle MacKinnon and the bottom rounded corners.*/

div.footer {
	width:800px;
	height:109px;
	margin:0px;
	border:0px;
	background-image: url(../images/index_04.jpg);
	background-position:top;
	clear:both;
	padding:0px;
	margin-top:0px;
}







/*IMAGES*/

/*The Images section controls the play and display (WTB joke) of images on the site - their orientation, borders, margins, and sometimes sizes.*/

/*The Image property styles images that you might place onto the site, giving them a thin black border. Feel free to customize. Keep in mind this does not control the width of the image, so it will expand to it's full width unless you specify otherwise.*/

img.image {
	border-style:ridge;
	border-color:#000000;
	border-width:1px;
	margin-right:28px;
}

/*The Danielle property controls the picture of Danielle on the home page, since it needs to be placed explicitly for the page to work correctly.*/

img.danielle {
	border-style:ridge;
	border-color:#ffffff;
	border-width:0px;
	margin-right:28px;
	margin-left:20px;
	margin-top:0px;
}

/*The Home Feature property controls the pictures that go in the featured areas of the home page.*/

img.homefeature {
	border-style:ridge;
	border-color:#ffffff;
	border-width:0px;
	margin-right:28px;
	margin-left:28px;
	margin-top:28px;
}

/*The Photo property styles stock images that go below titles for pages. Width is explicitly defined with this property.*/

img.photo {
	border-style:ridge;
	border-color:#000000;
	border-width:1px;
	margin-right:28px;
	margin-bottom:14px;
	width:153px;
	height:175px;
}

/*The Highlight_IMG property controls the top and bottom of the drop shadow rounded corners - don't worry about this.*/

img.highlight_img {
	border-width:0px;
	margin-top:0px;
	margin:0px;
	margin-bottom:0px;
	display:block; 
	padding:0px;
	border:0px;
	padding-bottom:0px;
	padding-top:0px;
}

/*The Feature property controls the slideshow feature images and how they should look.*/

img.feature {
	border-width:1px;
	border-color:#444444;
	border-style:solid;
	padding:0px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	width:438px;
	height:138px;
}

/*The Feature2 property controls the photo header image on all pages except the home page.*/

img.feature2 {
	border-width:1px;
	border-color:#444444;
	border-style:solid;
	padding:0px;
	margin-left:0px;
	margin-top:30px;
	margin-bottom:0px;
	width:438px;
	height:142px;
}

/*The Paypal property places the paypal logo on the pay for session page with proper borders.*/

img.paypal {
	border-width:0px;
	margin-left:24px;
	margin-right:12px;
	width:50px;
	height:50px;
}






/*TABLES*/

/*The Tables area contains all the tables and styling for the two tables that govern the calendar, radio, and pay for a session pages.*/

table.table {
	border-width:0px;
	width:440px;
	margin-top:-12px;
}

td.td {
	width:440px;
	text-align:left;
	padding-top:24px;
}

td.td1 {
	width:100px;
	text-align:left;
	border-top-color:#DEDEDE;
	border-top-style:dotted;
	border-top-width:2px;
	padding-top:18px;
	padding-bottom:6px;
}

td.td1b {
	width:100px;
	text-align:left;
	border-top-color:#DEDEDE;
	border-top-style:dotted;
	border-top-width:2px;
	border-bottom-color:#DEDEDE;
	border-bottom-style:dotted;
	border-bottom-width:2px;
	padding-top:18px;
	padding-bottom:6px;
}

td.td2 {
	width:340px;
	text-align:left;
	border-top-color:#DEDEDE;
	border-top-style:dotted;
	border-top-width:2px;
	padding-top:18px;
	padding-bottom:6px;
}

td.td2b {
	width:340px;
	text-align:left;
	border-top-color:#DEDEDE;
	border-top-style:dotted;
	border-top-width:2px;
	border-bottom-color:#DEDEDE;
	border-bottom-style:dotted;
	border-bottom-width:2px;
	padding-top:18px;
	padding-bottom:6px;
}

table.table2 {
	border-width:0px;
	border-style:solid;
	width:690px;
}

td.td3 {
	width:120px;
	text-align:left;
	border-top-color:#DEDEDE;
	border-top-style:dotted;
	border-top-width:2px;
	padding-top:18px;
	padding-bottom:18px;
}

td.td3b {
	width:120px;
	text-align:left;
	border-top-color:#DEDEDE;
	border-top-style:dotted;
	border-top-width:2px;
	border-bottom-color:#DEDEDE;
	border-bottom-style:dotted;
	border-bottom-width:2px;
	padding-top:18px;
	padding-bottom:18px;
}

td.td4 {
	width:320px;
	text-align:left;
	border-top-color:#DEDEDE;
	border-top-style:dotted;
	border-top-width:2px;
	padding-top:18px;
	padding-bottom:18px;
}

td.td4b {
	width:320px;
	text-align:left;
	border-top-color:#DEDEDE;
	border-top-style:dotted;
	border-top-width:2px;
	border-bottom-color:#DEDEDE;
	border-bottom-style:dotted;
	border-bottom-width:2px;
	padding-top:18px;
	padding-bottom:18px;
}

td.td5 {
	width:150px;
	text-align:left;
	border-top-color:#DEDEDE;
	border-top-style:dotted;
	border-top-width:2px;
	padding-top:6px;
	padding-bottom:16px;
}

td.td5b {
	width:150px;
	text-align:left;
	border-top-color:#DEDEDE;
	border-top-style:dotted;
	border-top-width:2px;
	border-bottom-color:#DEDEDE;
	border-bottom-style:dotted;
	border-bottom-width:2px;
	padding-top:6px;
	padding-bottom:16px;
}

td.td6 {
	width:290px;
	text-align:left;
	border-top-color:#DEDEDE;
	border-top-style:dotted;
	border-top-width:2px;
	padding-top:6px;
	padding-bottom:16px;
}

td.td6b {
	width:290px;
	text-align:left;
	border-top-color:#DEDEDE;
	border-top-style:dotted;
	border-top-width:2px;
	border-bottom-color:#DEDEDE;
	border-bottom-style:dotted;
	border-bottom-width:2px;
	padding-top:6px;
	padding-bottom:16px;
}




/*FORMS*/

/*The Forms area contains all the tables and styling for the forms on the site, contact, sign up, or whatever you have.*/

table.form {
	border-color:#bbccff;
	border-width:0px;
	border-style:solid;
	width:460px;
}

td.formleft {
	border:1px;
	vertical-align:top;
	width:200px;
}

td.formright {
	border:1px;
	vertical-align:middle;
	width:260px;
}

td.formhead {
	width:460px;
}

td.formthird {
	width:60px;
}

h1.formhead {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, Arial;
	font-size:16px;
	color:#0066CC;
	font-weight:lighter;
	letter-spacing:1px;
	text-align:left;
}

p.formtext {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, Arial;
	font-size:13px;
	color:#444444;
	font-weight:lighter;
	margin-bottom:0px;
	letter-spacing:1px;
}

p.formtextsmall {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, Arial;
	font-size:9px;
	color:#444444;
	margin-top:0px;
	font-weight:lighter;
	letter-spacing:1px;
}

input.form {
	background-color: #DDEEFF;
	border-width:1px;
	border-color: #0066CC;
	border-style:solid;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, Arial;
	color:#000066;
	font-size:10px;
}

input.login {
	background-color: #DDEEFF;
	border-width:1px;
	border-color: #0066CC;
	border-style:solid;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, Arial;
	color:#000066;
	font-size:10px;
	vertical-align:middle;
}

input.formButton {
	background-color: #DDEEFF;
	border-width:1px;
	border-color: #0066CC;
	border-style:solid;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, Arial;
	color:#000066;
	font-size:16px;
}

textarea.form {
	background-color: #DDEEFF;
	border-width:1px;
	border-color: #0066CC;
	border-style:solid;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, Arial;
	color:#000066;
	font-size:10px;
}