/*------------------------------------------------------------------------------------------------
Default Style Sheet for The Mill at Shady Lea

version:	1.0
author:		Scott Lambert
email:		scott@juntodevgroup.com

** NOTE: Use the CSS Optimizer at www.cssoptimizer.com to remove all comments and reduce file size
prior to uploading to live server. ***

- This is the default style sheet for the Babcocks Karate application.  This sheet contains only the 
simple layout information for the application.  


------------------------------------------------------------------------------------------------*/

/* Typography Styles
------------------------------------------------------------------------------------------------*/


BODY  {
	font-family : Verdana;
	font-size : 8pt;
	color : #000000;
	background-color: #FFFFFF;
}

Normal  {
	font-family : Verdana;
	font-size : 8pt;
	color : #000000;
	background-color: #FFFFFF;
}
	
Table  {
	font-family : Verdana;
	font-size : 8pt;
}

H1 {
	font-family : Tahoma,sans-serif;
	font-size : 12pt;
	font-weight : bold;
	color : #000000;
}

H2 {
	font-family : Verdana,sans-serif;
	font-size : 9pt;
	font-weight : bold;
	color : #000000;
}

H3 {
	font-family : Verdana,sans-serif;
	font-size : 8pt;
	font-weight : bold;
	color : #000000;
}




a:link {color: #0000CC;  }
a:visited {color: #0000CC; }
a:hover {color: #0000CC;  }
a:active {color: #0000CC; } 

.nav1 {
	font-family : Verdana;
	font-size : 8pt;
	font-weight : bold;
}

a.nav1:link {color: #3664AA; text-decoration: none; }
a.nav1:visited {color: #3664AA; text-decoration: none; }
a.nav1:hover {color: #BA0707; text-decoration: underline; }
a.nav1:active {color: #3664AA; }





* 		 { padding: 0; margin: 0; }

.body_default 	 { font-family: Times New Roman, Arial, Helvetica, sans-serif; font-size: 14px; text-align: center; color: Black; background: url(../../images/background.png)  ;   }

.body_classes 	 { font-family: Times New Roman, Arial, Helvetica, sans-serif; font-size: 14px; text-align: center; color: White; background: url(../../images/background.png)  ;   }


#home_wrapper { position: relative; width: 900px; margin-left: auto; margin-right: auto; text-align: left; background-color: #FFFDED;  border: 1px solid #666; }
#classes_wrapper { position: relative; width: 900px; margin-left: auto; margin-right: auto; text-align: left; background-color: #c40e05;  border: 1px solid #666; }

#footer	 { clear: both; padding: 2px 0px 2px 0px; height: 2em; border-top: 1px solid #999; }
#description { clear: both;  margin-bottom: 15px; font-size: 14px; }
#footer p  { font-size: 11px; text-align: center; }
#copyright { float: left; padding-left: 10px; }
#siteby    { float: right; padding-right: 10px; }
#branding { height: 200px; text-align:center;}


/* Header Styles
------------------------------------------------------------------------------------------------*/
	
/* Content Styles
------------------------------------------------------------------------------------------------*/
.content { margin: 20px 20px 20px 20px; width: 850px; }

.navcontent { float: left; margin: 20px 12px 20px 12px; width: 705px; }

.content_left {width:45%; float:left; margin:5px 5px 5px 5px; text-align:center;}

.content_right {width:45%; float:right; margin:5px 5px 5px 5px;}

.content_full {width:100%; float:none; margin:5px 5px 5px 5px; text-align:center; }

.AdminMenu {font-family : Verdana; font-size : 18pt; }

/* List Styles
------------------------------------------------------------------------------------------------*/
ul { margin: 7px 0px 7px 25px; }
li { padding: 2px 0px 0px 10px; font-size:medium; text-align:left; }
image { border: None 0px; }



/* Sub-Navigation (subNav) Styles
------------------------------------------------------------------------------------------------*/
.sidenav { clear: both; float: left; width: 235px; font-size: .90em; font-weight: bold; padding: 20px 0px 10px 10px; 
    margin: -2px 10px 0px 0px; border-right: 1px solid #2071a9; border-bottom: 1px solid #2071a9; background: #9d0912; }
.sidenav ul { list-style: none; margin: 0px; line-height: 22px; }



/* Text Styling
------------------------------------------------------------------------------------------------*/

p        { 	font-family : Verdana,sans-serif; font-size : 8pt; font-size:large; text-align:left; 
    text-indent: 5px; margin: 15px 10px 15px 10px; }

.descriptive   { text-align: left; padding: 2px; font-weight: bold;
    border: none; font-size:smaller; color:#FFFDED; vertical-align:top; }

.quote     { text-align: center; padding: 2px; font-weight: bold;
    background: #E1E1E1; border: 2px dotted #4c2607; font-size:smaller; }

.quoteby   { text-align: right; font-style: italic; margin-right: 10px; font-weight: normal; font-size:smaller; }

.centered { text-align:center; }

.listitem { font-size:small; text-align:left;}

.normal { font-size:medium; line-height: 22px; }

/* Info Boxes
------------------------------------------------------------------------------------------------*/

.box_wrapper {border-collapse: collapse; background-image: url(images/box_content.png); width:400px;}

.box_top {border-collapse: collapse; background-image: url(images/box_top.png); background-repeat:no-repeat; width:100%; height:28px; vertical-align:middle;}

.boxhead { font-family : Verdana; font-size : 10pt; font-weight : bold; letter-spacing: 0.1em; color : #FFFFFF; 
    vertical-align:middle; 	margin-top:5px; }

.boxtext { font-family : Verdana; font-size : 8pt; font-weight:normal; letter-spacing: 0.1em; color : #000000;
	vertical-align:middle; 	text-align:left; }


.homehead { font-family : Verdana; font-size : 36pt; letter-spacing: 0.05em; text-align: center; 
    vertical-align:middle; 	color : #FBEEBE; }

.holiday_box  {border-collapse: collapse; background-color:#FCEBEB; width:100%;}



/* Home Page
------------------------------------------------------------------------------------------------*/
.SenseiIntro {height: 300px; width: 365px; text-align:center; vertical-align: middle; }

.KataVideos {height: 550px; width: 720px; text-align:center; vertical-align: middle; }
.News { float:none; text-align:center; }


/* Class Pages
------------------------------------------------------------------------------------------------*/
.ClassIntro {height: 300px; width: 300px; width:45%; float:left; margin:5px 5px 5px 5px; text-align:center; }
.ClassSensei {width:45%; float:right; margin:5px 5px 5px 5px;}

