/*------------------------------------------------------------------------------------------------
Default Style Sheet for Babcocks Karate

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;
}


.ContactText {
	font-family : Verdana,sans-serif;
	font-size :large;
	font-weight : bold;
	color : #000000;
	text-align:center;
}


a:link {color: #990000;  }
a:visited {color: #990000; }
a:hover {color: #990000;  }
a:active {color: #990000; } 

.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: 1270px; margin-left: auto; margin-right: auto; text-align: left; background-color: #FFFFFF;  border: 1px solid #666; }
#classes_wrapper { position: relative; width: 1270px; margin-left: auto; margin-right: auto; text-align: left; background-color: #FFFFFF;  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: 210px; text-align:left;}


/* Header Styles
------------------------------------------------------------------------------------------------*/
	
/* Content Styles
------------------------------------------------------------------------------------------------*/
.content { width: 100%; }

.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;  text-align:center; }

.AdminMenu {font-family : Verdana; font-size : 18pt; }

.MsgBox {float:none; width: 584px; margin-bottom: 0px; padding-bottom: 0px; }


#content_body {float:none; width: 1200px; background: #FFFFFF;}
#content_middle {float:left; width: 980px; background: #FFFFFF; }


#leftnav {float:left; width: 135px; height: 100%; }
#rightnav {float:right; width: 200px; height: 100%; background:#FFFFFF; vertical-align:top;}
#content_leftmiddle {float:left; width: 1000px; background: #FFFFFF; }
#content_middleright {float:left; width: 1050px; background: #FFFFFF; }
#content_whole {float:left; width: 1200px; background: #FFFFFF; }

.ContentBlocks {float:left; width:100%; }
.Shrunk { width:95%; height:95%; }
.Top { vertical-align:top ; }

/* List Styles
------------------------------------------------------------------------------------------------*/
ul { margin: 7px 0px 7px 25px; }
li { padding: 2px 0px 0px 2px; font-size:medium; text-align:left; }
image { border: None 0px; }



/* Sub-Navigation (subNav) Styles
------------------------------------------------------------------------------------------------*/
.sidenav { clear: both; float:left; width: 100%; font-size: .90em; font-weight: bold; margin: 0px 0px 0px 0px;  }


/* 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:Black; 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:48%; float:left; margin:5px 5px 5px 5px; text-align:center; }
.ClassSensei {width:49%; float:right; margin:5px 5px 5px 5px;}


