/* Classroom Connection Inc CSS. Created by Bi-Tech Enterprises Web Development Department. */

html
	{
	height: 100%;
	margin-bottom: 0.1em; 
	}
a:link, a:visited, a:active { 
    font: bold 12px arial,sans-serif;
	 color: #474747;
    background-color: transparent;
    text-decoration: none;
	 }
a:hover 
    { 
    font: bold 12px arial,sans-serif;
	 color: #CB0117;
    text-decoration: underline; 
    }


/* Style and Body */
body
	{
  	background: url(images/bg-main.jpg) top left repeat;
	padding: 0px;
	margin: 0px;
   }
p 
	{
	font: normal 12px arial,sans-serif;
	color: #000;
	background-color: transparent;
	text-align: justify;
	padding: 0px 30px; 
 	}
p.intro {  
	font: normal 12px arial,sans-serif;
	color: #000;
	background-color: transparent;
	letter-spacing: .05px;
	text-align: justify;
	padding: 0px 10px;
 	margin: 0px;
	}
p.intro:first-letter 
	{
	font: bold normal 14px arial,sans-serif;
	color: #9001F4;
	background-color: transparent;
	text-align: justify;
	padding: 0px;
 	margin: 0px;
	}
h1	
	{
	font: bold 30px Arial, Helvetica, sans-serif;
	background-color: transparent;
	color: #F6E3BB;
	text-align: left;
	margin-top: 5px; 
	margin-left: 10px;
	text-transform: none;
	font: 
	}
h2 
   { 
   font: bold 18px arial,helvetica,verdana,sans-serif;
	background-color: transparent;
	color: black;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
	margin: 0px;
   }
h2 em
	{
	font-size: 36px;
	}
h3 
	{ 
   font: bold 16px arial,helvetica,verdana,sans-serif;
	color: #000000;
	background-color: transparent;
	text-align: center;
   }
h4	{
	font: normal bold 14px arial,helvetica,verdana,sans-serif;
	color: navy;
	background: transparent;
	text-align: left;
	margin-left: 5px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}
h5	{
	font: bold 14px arial,helvetica,verdana,sans-serif;
	color: #000000;
	background: transparent;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom: 1px #000 ridge;
	}
h6	{
	font: normal bold 14px arial,helvetica,verdana,sans-serif;
	color: #000;
	background: transparent;
	text-align: left;
	margin-left: 15px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}




/* form styles*/
.formstyles { 
	width: 100%;
	font: bold 11px arial,sans-serif;
	color: #000;
	background-color: transparent;
	text-align: left;
	}
.form-header { 
	width: 100%;
	font: bold 13px arial,sans-serif;
	color: #000;
	background-color: #FDDADB;
	text-align: left;
	padding: 5px;
	border-top: 1px #000 solid;
	border-bottom: 1px #000 solid;
	}
.form-red { 
	font: bold 11px arial,sans-serif;
	color: #FE0002;
	background-color: transparent;
	}

.redtext { 
	font: bolder 14px arial,sans-serif;
	color: #FE0002;
	background-color: transparent;
	}

/* Structure */
.outer-shell { 
	width: 100%;
	background: url(images/bg-main.jpg) top left repeat;
	}
.inner-shell {
	width: 770px;
	margin-top: 0px;
	padding-top: 0px;
	}
.bannerbg { 
	background: url(images/bg-banner.jpg) top center no-repeat;
	border-right: 1px #000 solid;
	border-left: 1px #000 solid;
	border-top: 1px #000 solid;
	width: 768px;
	height: 155px;
	text-align: center;
	margin-top: 0px;
	padding-top: 0px;
	}
.buttonsbg { 
	background: url(images/bg-buttons.jpg) top center no-repeat;
	margin-top: 2px;
	text-align: center;
	border: 1px black dashed;
	}
.addressbar { 
	background: transparent;
	width: 768px;
	height: 37px;
	padding-top: 0px;
	margin-top: 114px;
	}
.date
	{
	font: bold 11px arial,sans-serif;
	color: navy;
	padding-right: 5px;
	padding-bottom: 0px;
	text-align: right;
	}

.menu-bar-main { 
	background-color: #F1DEFE;
	border: 3px #9000ED solid;
	}
.main { 
	background-color: #FFF;
	margin-top: 0px;
	padding: 0px;
	}
.nav-low { 
	width: 100%;
	text-align: center;
	background-color: #F1DEFE;
	border-top: 2px #8506EB solid;
	padding: 0px;
	}

.nav-low a:link,.nav-low a:visited,.nav-low a:active { 
    font: bold 10px arial,sans-serif;
	 color: #000;
    background-color: transparent;
    text-decoration: none;
	 }
.nav-low a:hover 
    { 
    font: bold 10px arial,sans-serif;
	 color: #717769;
    text-decoration: underline; 
    }

.footer { 
	width: 708px;
	height: 50px;
	border-bottom: 2px #000 solid;
	border-left: 1px #000 solid;
	border-right: 1px #000 solid;
	font: normal 9px arial,sans-serif;
	color: #FFF;
	background: url(images/bg-footer.jpg) top left repeat-y;
	text-align: center;
	padding: 10px 30px;  	
	}
.footer a:link,.footer a:visited,.footer a:active { 
    font: bold 9px arial,sans-serif;
	 color: #FFF;
    background-color: transparent;
    text-decoration: none;
	 }
.footer a:hover 
    { 
    font: bold 9px arial,sans-serif;
	 color: #F6E3BB;
    text-decoration: underline; 
    }

.copyright
	{
	font: bold 10px arial,sans-serif;
	color: black;
	background-color: transparent;
	text-align: center;
	vertical-align: top;
	}




/* specialty text boxes */
.resource-lst {
	width: 90%; 
	}
.resource-lst td {
	font: bold 11px arial,sans-serif;
	color: navy;
	background-color: transparent;
	text-align: left;
	padding: 0px;
	margin: 0px;
	line-height: 5px; 
	}
.resource-lst a:link,.resource-lst a:visited,.resource-lst a:active { 
	font: bold 11px arial,sans-serif;
	color: navy;
	background-color: transparent;
	text-align: left;
	padding: 0px;
	margin:  0px; 
	 }
.resource-lst a:hover 
    { 
    font: bold 11px arial,sans-serif;
	 color: #FFF;
    background-color: #E48205; 
    }
	
/* specialty page color styles */
/* home page */
.pagetitle-welcome { 
	width: 610px;
	height: 40px;
	background: url(images/pagetitle-welcome.jpg) top center no-repeat;
	border-bottom: 3px #9001F4 solid;
	}

/* about us page */
.menu-bar-about { 
	background-color: #FAF2D3;
	border: 3px #FFE13F solid;
	}
.menu-bar-about .nav-low a:link,.menu-bar-about .nav-low a:visited,.menu-bar-about .nav-low a:active { 
    font: bold 10px arial,sans-serif;
	 color: #000;
    background-color: transparent;
    text-decoration: none;
	 }
.menu-bar-about .nav-low a:hover 
    { 
    font: bold 10px arial,sans-serif;
	 color: #717769;
    text-decoration: underline; 
    }
.nav-low-about { 
	width: 100%;
	text-align: center;
	background-color: #FAF2D3;
	border-top: 2px #FFE13F solid;
	padding: 0px;
	}
.pagetitle-about { 
	width: 610px;
	height: 40px;
	background: url(images/pagetitle-about.jpg) top center no-repeat;
	border-bottom: 3px #FFE13F solid;
	}
/* Products page */
.menu-bar-prod { 
	background-color: #CBF7D1;
	border: 3px #449A4D solid;
	}
.nav-low-prod a:link, .nav-low-prod a:visited,.nav-low-prod a:active { 
    font: bold 10px arial,sans-serif;
	 color: #000;
    background-color: transparent;
    text-decoration: none;
	 }
.nav-low-prod a:hover 
    { 
    font: bold 10px arial,sans-serif;
	 color: #717769;
    text-decoration: underline; 
    }
.nav-low-prod { 
	width: 100%;
	text-align: center;
	background-color: #CBF7D1;
	border-top: 2px #449A4D solid;
	padding: 0px;
	}
.pagetitle-products { 
	width: 610px;
	height: 40px;
	background: url(images/pagetitle-products.jpg) top center no-repeat;
	border-bottom: 3px #449A4D solid;
	}
/* Conatact page */
.menu-bar-contact { 
	background-color: #FDDADB;
	border: 3px #F00409 solid;
	}
.nav-low-contact a:link, .nav-low-contact a:visited,.nav-low-contact a:active { 
    font: bold 10px arial,sans-serif;
	 color: #000;
    background-color: transparent;
    text-decoration: none;
	 }
.nav-low-contact a:hover 
    { 
    font: bold 10px arial,sans-serif;
	 color: #717769;
    text-decoration: underline; 
    }
.nav-low-contact { 
	width: 100%;
	text-align: center;
	background-color: #FDDADB;
	border-top: 2px #F00409 solid;
	padding: 0px;
	}

.pagetitle-contact { 
	width: 610px;
	height: 40px;
	background: url(images/pagetitle-contact.jpg) top center no-repeat;
	border-bottom: 3px #F00409 solid;
	}
.pagetitle-contact-ty { 
	width: 610px;
	height: 40px;
	background: url(images/pagetitle-contact-ty.jpg) top center no-repeat;
	border-bottom: 3px #F00409 solid;
	}
/* Specials page */
.menu-bar-specials { 
	background-color: #DADCF9;
	border: 3px #071188 solid;
	}
.nav-low-specials a:link, .nav-low-specials a:visited,.nav-low-specials a:active { 
    font: bold 10px arial,sans-serif;
	 color: #000;
    background-color: transparent;
    text-decoration: none;
	 }
.nav-low-specials a:hover 
    { 
    font: bold 10px arial,sans-serif;
	 color: #717769;
    text-decoration: underline; 
    }
.nav-low-specials { 
	width: 100%;
	text-align: center;
	background-color: #DADCF9;
	border-top: 2px #071188 solid;
	padding: 0px;
	}
.pagetitle-specials { 
	width: 610px;
	height: 40px;
	background: url(images/pagetitle-specials.jpg) top center no-repeat;
	border-bottom: 3px #071188 solid;
	}
/* links page */
.menu-bar-links { 
	background-color: #FDE6C8;
	border: 3px #E48205 solid;
	}
.nav-low-links a:link, .nav-low-links a:visited,.nav-low-links a:active { 
    font: bold 10px arial,sans-serif;
	 color: #000;
    background-color: transparent;
    text-decoration: none;
	 }
.nav-low-links a:hover 
    { 
    font: bold 10px arial,sans-serif;
	 color: #717769;
    text-decoration: underline; 
    }
.nav-low-links { 
	width: 100%;
	text-align: center;
	background-color: #FDE6C8;
	border-top: 2px #E48205 solid;
	padding: 0px;
	}





.pagetitle-resources { 
	width: 610px;
	height: 40px;
	background: url(images/pagetitle-resources.jpg) top center no-repeat;
	border-bottom: 3px #E48205 solid;
	}
/* images */
.logo { 
	background: url(images/bg-banner.jpg) top center no-repeat;
	}


		
/* Miscellaneous */