/*

    Document include:
	zck_default.css

    Purpose:
	Primary stylesheet for MatrixArts websites
	
    History:
    	2008-12-23 by BMW
	    Add overflow handler for HTML tag
	16-Jan-2007 by BMW
	    Initial version


	background-image: url('images/background_stripe.gif');

*/

html {
	overflow: -moz-scrollbars-vertical !important; 
}

body{
	margin: 10px 10px 10px 10px;
	font-family: verdana, arial, "sans-serif";
	font-size: 10px;
}


a:link { color: #CC0000; text-decoration: none; }
a:visited { color: #CC0000; text-decoration: none; }
a:active { color: #FFFF00; text-decoration: none; }
a:hover { color: #CC0000; text-decoration:  underline; }

a.nav:link { color: #336633; text-decoration: none;  }
a.nav:visited { color: #336633; text-decoration: none; }
a.nav:active { color: #336633; text-decoration: none; }
a.nav:hover { color: #336633; text-decoration:  underline; }

a.nav_active:link { color: #339933; text-decoration: underline;  }
a.nav_active:visited { color: #339933; text-decoration: underline;  }
a.nav_active:active { color: #339933; text-decoration: underline; }
a.nav_active:hover { color: #339933; text-decoration:  none; }

/* grey link */
a.gli:link { color: #999999; text-decoration: none; }
a.gli:visited { color: #999999; text-decoration: none; }
a.gli:hover { color: #999999; text-decoration: none; }
a.gli:active { color: #999999; text-decoration: none; }

table{
	border-collapse: collapse;
	border: 0px solid #EEEEEE;
	font-size: 10pt;
}

/* outermost table */
table.otr {
}

table.otr td {
}

/* MENU */
div.menu  { text-align: center; width: 100%; }

/* footer cell */
table.foo {
	margin: 20px 10px 0px -20px;
	border-bottom: 1px dotted #336633;
}

td {
	text-align: left;
	vertical-align: top;
}

/* banner */
td.ban {
	text-align: center;
	padding-left: 0px;
	background-image: url('images/banner_extender.gif');
	height: 60px;
}

/* navigation : left */
td.nvl {
	font-family: arial, sans-serif;
	width: 140px;
	font-weight: bold;
	font-size: 12pt;
	padding: 10px 10px 10px 10px;
}

/* main content cell */
td.man {
	border-left: 1px dotted #336633;
	border-top: 1px dotted #336633;
	border-bottom: 0px dotted #336633;
	background-color: #FFFFFF;
	padding: 0px 100px 0px 20px;
}


h1{
	font-size: xx-large;
	font-family: arial, sans-serif;
	font-weight: normal;
	margin: 10px 0px 20px 0px;
	text-align: left;
	color: #336633;
}

h2{
	font-size: x-large;
	font-family: arial, sans-serif;
	color: #339933;
	font-weight: normal;
	margin-bottom: 0px;
}


h3{
	font-size: large;
	font-family: arial, sans-serif;
	color: #339933;
	font-weight: normal;
	margin-bottom: 0px;
}

ul.str li {
	font-weight: bold;
	list-style-type: square;
	color: #CC0000;
}

/* highlight block */
div.br1 {
	font-family: cursive;
	border: 1px dotted #336633;
	padding: 10px;
	margin: 10px 0px 10px 0px;
}

div.bre {
	font-family: serif;
	border: 1px dotted #999999;
	padding: 10px;
	margin: 10px 0px 10px 0px;
	background-color: #FFFFEE;
	color: #000000;
}

div.bro {
	font-size: 12pt;
	font-family: sans-serif;
	border: 1px dotted #CCCCCC;
	padding: 10px;
	margin: 10px 0px 10px 0px;
	background-color: #FFFFEE;
	color: #000000;
}

div.bri {
	font-size: 12pt;
	font-family: cursive;
	border: 1px dotted #CCCCCC;
	padding: 10px;
	margin: 10px 0px 10px 0px;
	background-color: #FFFFEE;
}

div.bru {
	font-family: cursive;
	border: 1px dotted #336633;
	padding: 10px;
	margin: 10px 0px 10px 0px;
}


/* course entry 1*/
span.cse {
	margin-top: 0px;
	text-align: center;
	font-weight: bold;
	display: block;
	color: #339933;
	font-size: 14pt;
}

/* course entry 2*/
span.csf {
	font-size: 14pt;
	margin-top: 0px;
	text-align: left;
	font-weight: bold;
	display: block;
	color: #339933;
}

/* font highlight green */
.ftr{
	font-weight: bold;
	color: #336633;
}
/* font highlight orange */
.fto{
	margin-top: 10px;
	color: #993300
}

/* font large red */
.flr{
	color: #CC0000;
	font-size: 18pt;
}

/* font plain */
.pln {
	color: #000000;
}

/* font for contact page */
.tft { 
	font-size: 14pt;
	color: #339933; 
}

/* font for contact page */
.tfs { 
	font-size: 8pt;
	color: #339933; 
}

img.im3 {
	border: 10px solid #EEEEEE;
}

.nbr { white-space: nowrap }