/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/
/* Clear Float Fix */
.content:after,
ul.menu:after,
ul.crumbs:after,
.lpanel:after,
.rpanel:after,
.footer:after{
 	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Colors */
.red {color: #000;}

/* Font Sizes */
.l {font-size: 1.2em;}
.xl {font-size: 1.4em;}
.xxl {font-size: 1.6em;}
.s {font-size: 0.9em;}
.xs {font-size: 0.7em;}

/* Text Transformations */
.uc {text-transform: uppercase;}
.lc {text-transform: lowercase;}
.cap {text-transform: capitalize;}
  
/* creates small caps */
.scap { 
  font-variant: small-caps; 
  letter-spacing: 1px; 
  text-transform: lowercase; 
  font-size: 1.2em;
  font-weight: bold;
  padding: 0 2px;
}

/* to create sarif italic dramatic text, use this class */
.fancy { 
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
  font-style: italic;
  font-weight: normal;
}

.noborder {border: 0;}

/**************************************/
/*              HEADER                */
/**************************************/
.header {
	background: url(../_images/headerNEW.jpg) no-repeat;
	height: 332px;
	position: relative;
	margin-bottom:0px;
}

.header h1,
.header h2 {display: none;}

.statcounter {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #ffcc00;
	font-weight:bold;
	background-color:#fff;
}


/**************************************/
/*             NAVIGATION             */
/**************************************/

ul.menu *, ul.menu, ul.menu ul li {
	padding: 0;
	margin: 0;
}
ul.menu, ul.menu ul {
	list-style: none;
	line-height: 1;
}

ul.menu {
	margin: .2em 0;
	width: 950px;
	height: 28px;
	background: #000000;
	color: #ffffff;
}

ul.menu a {
	display: block;
	padding: 7px 25px;
	color: #ffffff;
}

ul.menu li {
	float: left;
	padding: 0;
	margin: 0;
	position: relative;
}

ul.menu li ul {
	position: absolute;
	margin-left: 0.1em;
	background: #ffcc00;
	width: 100%;
	min-width: 165px;
	left: -999em;
	border: 1px solid #F7D0D3;
	border-top: 0;
}

ul.menu ul li {width: 100%; border-top: 1px solid #F7D0D3;}

ul.menu li:hover ul, ul.menu li.sfhover ul { /*uses sfhover.js javascript*/
	left: auto;
	overflow: hidden;
	width: 100%;
}

ul.menu li ul.extendwidth {width: 165px;}

ul.menu li:hover,
ul.menu li.sfhover,
ul.menu li:hover ul,
ul.menu li.sfhover ul {
	background: #ffcc00;
	z-index: 100;
}

ul.menu li:hover a,
ul.menu li.sfhover a {
	color: #FFF;
}

ul.menu li:hover ul a,
ul.menu li.sfhover ul a {
	border: none;
}

/* style menu */
ul.menu a {
	text-decoration: none;
	color: #FFF;
	font: bold 12px Tahoma;
	text-align: left;
}

ul.menu li a { color: #ffffff; }

ul.menu li a:link,
ul.menu li a:visited,
ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus {color: #FFF; text-decoration: none;}
ul.menu li a:link {color: #ffffff;}
ul.menu li:hover a, ul.menu li.sfhover a { color:#000; }

ul.menu li a { color: #ffffff; }
ul.menu li a:hover {color: #333;}
ul.menu li a.nolink:hover {cursor: default; color: #000;}

ul.menu li ul a {
	font-weight: normal;
	text-align: left;
	padding: 6px 10px;
}

ul.menu li ul li a:hover {
	background: #000;
	color: #FFF;
}

/**************************************/
/*            BREAD CRUMBS            */
/**************************************/
ul.crumbs *, ul.crumbs {
	padding: 0;
	margin: 0;
}

ul.crumbs {list-style: none;}

ul.crumbs li {float: left;}



/**************************************/
/*            MAIN CONTENT            */
/**************************************/
.content {
	background: #eac51f url(../_images/graphics/bg_blk.gif) repeat-y top right;
	position: relative;
	padding: .1em 0;
	margin: 0 0 .5em 0;
	min-height: 550px;
	_height: 550px;
	color: #333;
	border-right: 1px solid #fff;
}

.lpanel {margin: 0 270px 0 20px; /*padding: 0 270px 0 20px; *//*padding for stupid IE*/ width: 660px; _overflow: hidden; position: relative;}

.rpanel {
	width: 230px;
	margin: 10px;
	position: absolute;
	right: 0;
	top: 0;
	color: #FFF;
}

p.pbox {
	display: block;
	text-transform: uppercase;
	background: #333;
	text-align: right;
	padding: .5em 8px .5em 15px;
	font-weight: bold;
	font-size: 1.1em;
	margin: 0 0 .5em 0;
	font-family: Arial;
}

/* timetable */
table.timetable {width: 100%;}
table.timetable th,
table.timetable td {padding: 5px 8px;}
table.timetable th {background: #333; color: #FFF;}
table.timetable td {background: #FFF; text-align: center;}

/* style table */
table.styletable {width: auto; font-size: 0.9em;}
table.styletable th,
table.styletable td {padding: 3px 6px;}
table.styletable th {background: #333; color: #FFF;}
table.styletable td {background: #FFF; text-align: left;}
table.styletable tr.selected th {border: 2px solid #D92433; border-right: 0;}
table.styletable tr.selected td {border: 2px solid #D92433; border-left: 0;}


/* No-border table */
table.noborder,
table.noborder td,
table.noborder th {border: 0;}
table.noborder {border-collapse: separate; border-spacing: 5px; width: 100%; padding: 0px 10px 10px 10px;}
table th.bg {background: #333; color: #FFF; vertical-align: middle; text-align: center; padding: 2px 0 3px 0;}
table.noborder td {vertical-align: middle; text-align: center;}

.rpanel h2 {
	margin: 0px;
	padding: 1px 0 12px 10px;
	color: #666;
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: bold;
}

.rbox {
	margin: 0 auto;
	width: 230px;
	background: #333;
	padding: 10px 0px;
	color: #FFF;
}

.rbox img {
	display: block;
	margin: 0 10px 12px 10px;
	border: 1px solid #999;
}

p.bgtext,
div.bgtext,
a.bgtext,
a.bgtext:link,
a.bgtext:visited,
a.bgtext:active {
	font-size: 0.9em;
	background: #666;
	padding: 6px 10px;
	margin: 0px 0px 1px 0px;
	line-height:normal;
}

div.bgtext p {margin: 0;}

a.bgtext,
a.bgtext:link,
a.bgtext:visited,
a.bgtext:active {
	font-size: 1em;
	display: block;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	font-family: "trebuchet MS";
}

a.bgtext span {font-size: 0.8em; color: #999;}
a.bgtext:hover {color: #444; background: #CCC;}

.polaroids {min-height: 575px; _height: 575px;}

.rightpic {float: right; padding: 0 0 5px 5px; clear: right;}
.leftpic {float: left; padding: 0 5px 5px 0; clear: left;}

/**************************************/
/*               FOOTER               */
/**************************************/
.footer {font-weight: bold; font-family: tahoma;}

.copyright {
	float: left;
	width: 40%;
	margin-left:10px;
}

.design {
	 float: right;
	 width: 50%;
	 text-align: right;
	 margin-right:10px;
}

.design a,
.design a:active,
.design a:link,
.design a:visited {
	text-decoration: none;
	color: #000;
	outline: none;
}

.design a:hover {
	color: #000;
}

.design a span {
	text-decoration: underline;
	color: #CC0033;
	padding: .2em .3em;
}

.design a:hover span {
	text-decoration: none;
	color: #FFF;
	background: #CC0033;
}