body { color: #333333; 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; background-image: url(../images/site/bg.jpg); }
html, body { margin: 0;  padding: 0;  font-family: Verdana, Arial, Helvetica, sans-serif; color:#333333}

/* =Wrappers ----------------------------------------------- */
#wrapper-a { width: auto; height:auto; }
#wrapper-b { width: 780px; border: solid 1px #CCC; background:#FBB700;
	margin-top: 0; margin-right: auto;	margin-bottom: 0; margin-left: auto;
	padding: 0px 0px 0px 0px; }
	
/* =Heading Layout ---------------------------------------- */
#head {background-image:url(../images/site/head.jpg); height: 99px; }
#head p {float:right; margin-right: 5px; margin-top: 5px; font-size:10px; }
#head a {text-decoration:none;}
#head a:hover {text-decoration:underline;}

#heading { background: url(../images/heading_back.jpg) #FFFFFF no-repeat 0 0; height: 222px; position: relative; width: 780px; }
#heading h1 { left: 45px; position: absolute; top: 104px; }
#heading-intro { background: transparent; border-left: 1px solid #91C1E5; color: #EEEEEE; left: 500px; padding-left: 10px; position: absolute; top: 104px; width: 200px; }
#heading h1 a { background: transparent url(../images/heading_brand.jpg) no-repeat 0 0; display: block; height: 58px; overflow: hidden; text-indent: -9999px; width: 303px; }
#heading h2, #heading-skipnav { left: -9999px; overflow: hidden; position: absolute; }

/* ---- Tables ----------------------------------------------- */
.headtitle {font-size: 16px; background-color: #FFCC00; font-weight: bold}
.headtitle1 {font-size: 16px; background-color: #FFCC00; font-weight: bold}
.headtilte2 { font-size: 16px; font-weight: bolder;	color: #6C4824; text-align:left;}
.tdTitle { font-size: 12px; font-weight: bold;	background-color: #EBEACF;	padding: 3px 0px 3px 8px;}
.tdwhite { background-color: #FFFFFF;}
.intitle { 	background-color: #FFF3C6;	font-weight: bold; 	font-size: 12px; text-align: left;}
.tblmainhead { 	background-color: #FFF3C6;	font-weight: bold; 	font-size: 16px; color: #000066; font-style: italic; }
.title { font-size: 18px; font-weight: bold; color: #79451A }
.title2 { font-size: 18px; font-weight: bold; color: #003399; }
.dates { font-size: 12px; font-weight: bold; color: #003399; }
.progrline {background-color: #FFEAA8; color: #333333; font-size: 14px; font-weight: bold; padding-left: 10px}
.progrline1 {background-color: #FFEAA8;	color: #333333;	font-size: 14px; font-weight: bold;	padding-left: 10px;	text-align: left;}
.data1 { background-color:#EDEDC9 ; font-weight: bold; text-align:right;  }
.linkmain { background-color: #EAE8CC; border: 1px solid #D3D5B5; font-size: 11px; text-align: left; padding: 6px 10px 6px 10px;}
#linktable th {font-size: 16px; background-color: #CBB35F; font-weight: bold; margin: 0px; padding: 2px 0px 2px 6px; }
#linktable td h1{ font-size: 12px; background-color:#EDEDC9; font-weight: bold; margin: 0px 0px 4px 0px; padding: 3px 0px 3px 6px; }
#linktable td h6{ font-size: 10px; color:#3366FF; font-style:italic; font-weight:normal; margin: 0px; padding: 3px 0px 0px 0px; }
/* ---- Tables End----------------------------------------------- */
/* ------------------Tables with diferent row colors----------------- */
th {  background-color: #FFCC00; padding: 3px; }
#striped td {  padding: 2px 10px 2px 0; vertical-align: top;  }
/* This gives odd-numbered rows a pale gray background
#striped tr {
  background-color:#eee;
  } */
#striped tr.hilite {  background-color:#EDEDC9;  }
/* ------------------Tables end----------------- */

/* ---- Horizontal Bars ---------------------------------------- */
#horbar1{ float: left; background-color: #B43803; text-align: left;	width: 765px; height: 18px; color: #FFFFFF;
padding: 4px 0px 0px 6px; }
#horbar1 a:link, #horbar1 a:visited { color: #FFFFFF; text-decoration: none; }
#horbar1 a:hover, #horbar1 a:focus, #horbar1 a:active { color: #FFFFFF; text-decoration:underline;}
#horbar2{ float: left; background-color: #B43803; text-align: left;	width: 765px; height: 18px; color: #FFFFFF;
padding: 4px 0px 0px 6px; margin: 0px 0px 10px 0px;}
.hornav2img { float:right; border:0px; padding-right:5px; }

/* ---- Content Layout ---------------------------------------- */
#content { margin: 0px;	padding: 3px 0px 5px 0px; width: 780px;	background:#FFCC33;}
#content-inner { float: left; background-color: #FFFFFF; width: 765px;  padding: 4px 0px 0px 6px; }
#content-inner-head { float: left; background-image:url(../images/site/top_title_main.jpg); height:50px;  width: 753px;  }
#content-inner-head_prg { float: left; background-image:url(../images/site/top_title_prg.jpg); height:50px;  width: 753px;  }
#content-inner-head_main { float: left; background-image:url(../images/site/top_title.jpg); height:50px;  width: 753px;  }
#content-inner-head_main h1{ margin: 15px 0px 0px 90px; color: #6C4824; font-size: 16px; font-weight: bold; }
#content-inner-left{ float: left; width: 175px; }
#content-inner-right { float: right; width: 560px; margin: 6px 12px 0px 0px; padding: 0px 2px 4px 0px; background-color:#FFFFFF; }
#content-inner-banner { float: right; width: 560px; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; background-color:#FFFFFF; }
#content-inner-right h1 {font-size: 16px; background-color: #FFF3C6; font-weight: bold; font-style: italic; margin: 0px; padding: 4px 0px 4px 8px; }
#content-inner-right h2 {font-size: 12px; background-color: #F1E8E0; font-weight: bold; margin: 0px; padding: 2px 0px 2px 6px; }
#content-inner-right h3 {font-size: 12px; background-color: #FFCC66; font-weight: bold; margin: 5px 0px 2px 0px; padding: 4px 0px 4px 6px; clear: both;}
#content-inner-right h5 {font-size: 16px; background-color: #FFCC00; font-weight: bold; margin: 0px; padding: 2px 0px 2px 6px; }
#content-inner-right h6 {font-size: 14px;	color: #663300;	font-weight: bold;	font-style: italic;	margin: 0px;	padding: 4px 0px 4px 8px; }

#content-clear { clear: both; }
.breakchamp {	background-color: #A56A30;	text-align: left;	color: #FFFFFF;}
.navmenu {font-size: 10px;	color: #FFFFFF;	background-color: #A56A30; text-align:left; }
.navmenu a {text-decoration:none; color:#FFFFFF; } 
.navmenu a:hover {text-decoration:underline; }
.line {  background-color: #666666}
.flatlist { padding: 1px 0px 1px 12px; margin: 1px; }
#content-main { float: right; font-size: 11px; font-weight:normal; width: 562px; padding: 6px 0px 8px 2px; }
.required { color: red;}

/* --------Boxes ------------------ */
#mainbox {float:left; background-color:#FFFFFF; width:350px; margin: 0px 5px 3px 6px; padding:0px; }
#mainbox h1 {font-size:12px; font-style:normal; font-weight:bold; background-color:#FFEAA8; padding:3px 2px 5px 3px; clear: both;}
#mainbox h2 {font-size:12px; font-style:italic; font-weight:bold; background-color:#FFFFFF; color:#993300; padding:3px 2px 3px 3px; }
#mainbox h3 {font-size: 12px; background-color: #F7F2EA; color: #333333; font-weight: bold; margin: 5px 0px 5px 0px; padding: 4px 0px 5px 6px; clear: both; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }
#mainbox h4 {font-size: 14px; color: #0000CC; font-weight: bold; margin: 5px 0px 5px 0px; padding: 4px 0px 5px 6px; clear: both; }
#mainbox p { margin:3px 2px 3px 3px; }
#mainbox img { float:right; margin:0px 3px 3px 0px; border:0px; }

#boxchild {float:right; background-color:#FCEEBE; width:180px; border:1px solid #FCB002; margin: 0px 0px 3px 3px; padding:0px; }
#boxchild h3 {font-size:12px; font-style:normal; font-weight:bold; background-color:#FCB002; color:#FFFFFF; margin: 0px; padding:5px 0px 8px 10px; }
#boxchild p { margin:6px 2px 3px 6px; }

#boxfirst {float:right; background-color: #FFFFFF; width:180px; border:1px solid #FCB002; margin: 0px 0px 3px 3px; padding:0px; }
#boxfirst h1 {background-image: url(../images/site/headbook.jpg); color:#663300; font-size:12px; font-style:normal; font-weight:bold;  padding:6px 2px 5px 30px; }
#boxfirst p { margin:3px 2px 3px 3px; }

#box1 {float:right; background-color: #FFFFFF; width:180px; border:1px solid #FCB002; margin: 0px 0px 3px 3px; padding:0px; }
.round-border-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(../images/site/bg_corner_topleft.gif) no-repeat; margin-top:-1px; margin-left:-1px;}
.round-border-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(../images/site/bg_corner_topright.gif) no-repeat; margin-top:-1px; margin-left:171px;}
#box1 h1 {font-size:12px; font-style:normal; font-weight:bold; background-color:#DEE2E4; padding:5px 2px 5px 3px; }
#box1 h2 {font-size:12px; font-style:italic; font-weight:bold; background-color:#FFFFFF; color:#993300; padding:3px 2px 3px 3px; }
#box1 h3 {font-size:12px; font-style:normal; font-weight:bold; background-color:#FCB002; margin: 0px; padding:5px 0px 8px 10px; }
#box1 p { margin:3px 2px 3px 3px; }

.box1sub {width:170px; margin: 5px 0px 0px 5px; padding:0px; }
.box1sub ul{margin: 0px; padding: 0px; }
.box1sub li{margin: 2px 0px 2px 15px;	padding: 0px 0px 3px 0px;	list-style-type: square;}

#boxscroll {float:right; background-color:#FDFDEC; width:180px; border:1px solid #BEBEBE; margin: 0px 0px 10px 3px; padding:0px; }
#boxscroll h1 {background-image: url(../images/site/head1.jpg); color:#663300; font-size:12px; font-style:normal; padding:6px 0px 8px 28px; }
#boxscroll h6 { font-size:12px;  color: #663300; padding: 0px 0px 5px 0px; margin: 0px;}
#boxscroll p { margin: 0px; padding: 0px; }

#boxleft {float:left; background-color: #F7F8E7; width:173px; border:1px solid #FFF; margin: 30px 0px 10px 0px; padding:0px; }
#boxleft h1 {font-size:11px; font-style:normal; font-weight:bold; background-color: #666666; color:#FFFFFF; padding:5px 2px 5px 3px; margin: 0px; }
#boxleft h2 {font-size:12px; font-style:italic; font-weight:bold; background-color:#FFFFFF; color:#993300; padding:3px 2px 3px 3px; }
#boxleft p { margin:3px 2px 3px 3px; }

/* --------boxes end ------------------ */


/* --------Left menu ------------------ */
#leftnav { width: 164px; margin: 2px 0px 0px 0px; text-align:left;}
.navlist { margin: 0px; padding: 0px; }
.navlist li {width: 164px;	list-style-type: none;	margin: 4px 0px 4px 0px;	border: 1px solid #C7CCA2;	padding: 5px 0px 5px 10px; background-image:url(../images/site/but_back.jpg);	font:bold 11px Verdana;}
.navlist li a{ text-decoration: none; color: #000000; }
.anylinkcss{ position:absolute; visibility: hidden;	border:1px solid gray;	border-bottom-width: 0;	font:normal 11px Verdana;
	line-height: 18px;	z-index: 100;	background-color: #F3F4EC;	width: 205px;}
.anylinkcss a{ color: black;	width: 100%;	display: block;	text-indent: 3px;	border-bottom: 1px solid gray;
	padding: 1px 0;	text-decoration: none;	font-weight: bold;	text-indent: 5px;}
.anylinkcss a:hover{ /*hover background color*/
background-color: #DFE1CC; color: black; }

#titlebar {  margin: 15px 0 0;  }

/* maincontent width is 1px smaller to account for left border */
#maincontent {  width: 737px;  border-left: #BFBCCB solid 1px;  margin: 0;  padding: 0;  font-size: 85%;  }
/* set margins, padding, and line height for maincontent paragraphs */
#maincontent p {  margin: 0 25px 0 40px;  padding: 5px 0;  line-height:1.4;  }
/* set dimensions for level 1 and 2 headings in maincontent */
#maincontent h1, #maincontent h2 {  margin: 0 0 5px 15px;  padding: 5px 0 0;  font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #396632;  }
#maincontent h1 {  font-size: 165%;  }
#maincontent h2 {  font-size: 135%;  }

/* special style for link to identify current page */
#thispage a:link, #thispage a:visited,
#thispage a:hover, #thispage a:active {
  background-color: #A8B2A3;  color: #FFF;  border-left: #5B6058 solid 2px;  border-top: #5B6058 solid 2px;
  border-right: #B1B7AE solid 2px;  border-bottom: #B1B7AE solid 2px;  }
  
/* --------Program ------------------ */
.progrdate {background-color: #FFEAA8;	color: #333333;	font-size: 14px;	font-weight: bold; margin: 0px;
	padding: 4px;	text-align: right;}
.progrtime {	font-size: 10px;	font-weight: bold;	margin: 0px;	padding: 0px;	text-align: right;}
.progrtitle {	font-size: 12px;	font-weight: bold;	color: #000066;}
.progreditor {	font-size: 12px;	font-weight: bold;	font-style:italic; color: #666633; }
/* --------Program end ------------------ */

/* --------Ep styles start ------------------ */
.epheadtitle { padding: 4px 0px 4px 18px;  background-image:url(../images/site/head_bar1.jpg); font-size:12px; font-weight:bold;  }
.epprofesor { font-size:12px; font-weight:bold; color:#630; }

/* --------Ep styles end ------------------ */

/* styles for contact form */
#mailform {  margin: 0px 10px 0px 10px; border:1px solid #999999; padding: 2px 5px 5px 5px; background: #F7F5E6;  }
#name, #email, #surname {  width: 130px;  }
#message {  width: 500px;  height: 150px;  }
label, .warning {  font-family:Verdana, Arial, Helvetica, sans-serif;  font-weight: bold;  }
.warning {	color:#FFFFFF;	font-size: 14px;	background-color: #FF0000;  }

/* styles for random quote */
blockquote {  border-top: 10px solid #A8B2A3;  border-bottom: 10px solid #A8B2A3;  background: #EFF0EE;
  width: 250px;  text-align: center;  margin: 0 30px 0 1em;  padding: 0;  font-family: georgia, serif;
  font-size: 130%;  letter-spacing: -1px;  line-height: 1.2;  color: #555;  float: right;  }
#maincontent blockquote p {  margin: 0 1em;  }
#quote {  margin: 0;  padding: 20px 20px 10px 20px;  }
#author {  margin: 0;  padding: 0 0 10px 0;  color: #999;  font-size: 80%;  }
/* styles for blog */
.floatRight {  float: right;  padding: 10px;  }
/*styles for photo gallery*/
#pictureWrapper {  width: 408px;  float:right;  text-align:center;  font-weight:bold;  margin: 10px 20px 10px 0;  }
#pictureWrapper p {  margin:0;  padding:0;  }
#mainpic {  float:right;  background:url(../images/shadow.gif) bottom right no-repeat;  }
#mainpic img{  margin: -8px 8px 8px -8px;  }
#thumbnails {  min-height: 345px;  }
#thumbnails img {  margin: 0 2px;  border: none;  }
#thumbnails table {  margin: 0 15px;  }
#pageNav {  width: 310px;  }
  
/* =Footer ----------------------------------------------- */
#footer { clear:both; text-align:right; height: 26px;	margin: 0px; padding: 8px 10px 0px 0px;
	background-image:url(../images/site/footer1.jpg);}
#footer p { background: transparent; color: #EEEEEE; font-size: .8em; line-height: 1em; margin: 0 0 .4em 0; text-align: center; text-transform: uppercase; }
#footer a:link, #footer a:visited { background: transparent; border-bottom: 1px dotted #EEEEEE; color: #91C1E5; text-decoration: none; }
#footer a:hover, #footer a:focus, #footer a:active { background: transparent; color: #FFFFFF; }