BODY {
  margin: 0px;
  padding: 0px;
  text-align: center;
  background: #EDEDE8 url("../images/bg.gif") top left;
}


/* COMMON */

#wrap {
  width: 772px;
  margin: 0 auto;
  padding: 0px;
}

p {
  margin: 0px;
  padding: 0px 0px 15px 0px;
}

.textRight {
  text-align: right;
}

html {
  font: normal 11px Verdana, arial, sans-serif;
	color: #3C3C3C;
}

.clear {
  clear: both;
}


/* TEMPLATE HEADER */

#header {
  background: url("../images/bg_headerSchool1.gif") no-repeat top left;
  height: 178px;
  text-align: right;
}

#header p {
  padding: 54px 23px 0px 0px;
}

#header a {
  font: bold 10px Verdana, arial, sans-serif;
	color: #FFF;
  text-decoration: none;
  text-transform: uppercase;
}

#header a:hover {
  font: bold 10px Verdana, arial, sans-serif;
	color: #FFE599;
  text-decoration: none;
  text-transform: uppercase;
}


/* HOME QUICKLINKS */
#homeQuickItems {
  background-color: #FFF;
  margin-top: -12px;
  border-bottom: 10px solid #FFF;
}

.clearHome {
  clear: both;
  height: 1px;
}

#homeQuickItems UL {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  list-style: none;
}

#homeQuickItems UL LI {
  float: left;
  background: url("../images/bg_quickItems.gif") no-repeat top left;
  width: 148px;
  height: 66px;
  text-align: center;
  margin: 0px 5px 0px 0px;
}

#homeQuickItems LI.last {
  margin: 0px;
}

#homeQuickItems UL LI.first p { padding-top: 10px; }
#homeQuickItems UL LI.second p { padding-top: 17px; }
#homeQuickItems UL LI.third p { padding-top: 23px; }
#homeQuickItems UL LI.forth p { padding-top: 23px; }
#homeQuickItems UL LI.last p { padding-top: 17px; }

#homeQuickItems LI a {
  font: bold 11px Verdana, arial, sans-serif;
	color: #FFF;
  text-decoration: none;
}

#homeQuickItems LI a:hover {
  font: bold 11px Verdana, arial, sans-serif;
	color: #FFCC00;
  text-decoration: none;
}


/* TEMPLATE CONTAINER */

#container {
  background: #FFF url("../images/bg_containerBottom.gif") no-repeat bottom left;
  text-align: left;
  xborder-left: 5px solid #FFF;
  xborder-right: 5px solid #FFF;
  padding: 0px 5px 10px 5px;
  margin: 0px;
}

#topContainerDivider {
  background: #FFF url("../images/bg_topContainer.gif") no-repeat top center;
  height: 20px;
}

#leftColumn {
  width: 210px;
  float: left;
  margin: 0px 5px 0px 0px;
}

#leftColumn .columnBox {
  background: #EFEFE5 url("../images/bg_leftColumnBoxBottom.gif") no-repeat bottom left;
  padding: 10px 9px 20px 9px;
  margin: 0px 0px 7px 0px;
  text-align: center;
}

#rightColumn {
  background: url("../images/bg_rightColumn.gif") no-repeat top left;
  float: left;
  width: 530px;
  padding: 0px 0px 30px 0px;
  margin: 0px;
}

#rightColumn .content {
  padding: 0px 0px 0px 20px;
}

#rightColumn .leftIndexSide {
  background: url("../images/bg_homeColumnSeparator.gif") no-repeat top right;
  width: 295px;
  height: 365px;
  float: left;
  margin: 0px 10px 0px 0px;
}

#rightColumn .rightIndexSide {
  width: 205px;
  float: left;
}

#rightColumn .leftSide {
  width: 185px;
  float: left;
}

#rightColumn .rightSide {
  width: 315px;
  float: left;
}

/* TEMPLATE MENU */
.columnBox UL {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  text-align: left;
}


UL.level0 {
  padding: 0px 0px 10px 0px;
   
}


UL.level0 li {
  padding: 0px 0px 3px 0px;
  background: none;
  font-size:8px;
}

UL.level0 li a {
  padding: 0px 0px 0px 5px;
  background: none;
}


UL.level1 {
  padding: 0px 0px 10px 0px;
}

UL.level2 {
  padding: 10px 0px 10px 15px;
}

UL.level3 {
  padding: 0px 0px 10px 12px;
  margin-top:-15px;
}

UL.level3 li {
  padding: 0px 0px 5px 2px;
  background: none;
}

UL.level3 li a {
  padding: 0px 0px 0px 15px;
  background: none;
}

UL.level1 li {
  padding: 4px 0px 5px 2px;
  background: url("../images/h_dot.gif") repeat-x bottom left;
}

UL.level1 li.last {
  padding: 4px 0px 5px 2px;
  background: none;
}

UL.level1 li a {
  padding: 0px 0px 0px 15px;
  background: url("../images/bg_menuIconLevel1.gif") no-repeat top left;
}

UL.level2 li {
  background: url("../images/bg_menuIconLevel2.gif") no-repeat top left;
  padding: 1px 0px 1px 12px;
  margin: 0px;
}

UL.level2 li a {
  padding: 0px 0px 0px 0px;
  background: none;
}

.columnBox UL LI a {
  font: normal 11px Verdana, arial, sans-serif;
	color: #3C3C3C;
  text-decoration: none;
}

.columnBox UL LI a:hover, .columnBox UL LI a.active {
  font: normal 11px Verdana, arial, sans-serif;
	color: #FF7A00;
  text-decoration: none;
}


/* CONTENT */

.extraBox {
  margin: 4px 0px 10px 0px;
}

#leftColumn .extraBox {
  width: 190px;
  background: url("../images/bg_boxExtraBottom.gif") no-repeat bottom left;
  text-align: center;
  padding: 0px 0px 4px 0px;
}

.extraBox .title {
  background: url("../images/bg_boxExtraTop.gif") no-repeat top left;
  text-align: left;
  padding: 9px 0px 7px 25px;
  font: bold 10px Verdana, arial, sans-serif;
	color: #5F5F5E;
  text-decoration: none;
  text-transform: uppercase;
}

.extraBox .content {
  text-align: left;
  padding: 5px 5px 5px 10px;
  font: normal 10px Verdana, arial, sans-serif;
	color: #3C3C3C;
}

#rightColumn h1 {
  font: bold 130% Verdana, arial, sans-serif;
	color: #39709F;
  text-decoration: none;
  margin: 0px 0px 10px 0px;
}

#rightColumn h2 {
  font: bold 110% Verdana, arial, sans-serif;
	color: #39709F;
  text-decoration: none;
  margin: 20px 0px 5px 0px;
}

#rightColumn .homeNews {
  width: 280px;
  background: url("../images/h_dot_home.gif") repeat-x bottom left;
  font: normal 100% Verdana, arial, sans-serif;
  text-decoration: none;
  padding: 0px 0px 10px 0px;
  margin: 0px 0px 10px 0px;
}

#rightColumn .homeNews h2 {
  font: bold 100% Verdana, arial, sans-serif;
	color: #39709F;
  text-decoration: none;
  margin: 0px 0px 1px 0px;
}

#rightColumn .homeNews span, #rightColumn .homeNews span a {
  font: normal 100% Verdana, arial, sans-serif;
	color: #FF7A00;
  text-decoration: none;
}

#rightColumn .homeNews span a:hover {
  font: normal 100% Verdana, arial, sans-serif;
	color: #326B9C;
  text-decoration: none;
}

#rightColumn a {
  font: normal 100% Verdana, arial, sans-serif;
	color: #184979;
  text-decoration: underline;
}

#rightColumn a:hover {
	color: #184979;
  text-decoration: none;
}

#rightColumn em {
  font: bold 100% Verdana, arial, sans-serif;
	color: #39709F;
  text-decoration: none;
}

#rightColumn OL.defaultPadding {
  margin: 20px 0px 10px 0px;
  padding: 0px 0px 0px 22px;
}

#rightColumn OL.defaultPadding LI {
  padding: 0px 0px 10px 0px;
}

#rightColumn UL.default {
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 0px 10px;
  list-style-type: none;
}

#rightColumn UL.default2 {
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 10px;
  list-style-type: none;
}

#rightColumn UL.default LI, #rightColumn UL.default2 LI {
  background: url("../images/bullet_blue.gif") no-repeat top left;
  padding: 0px 0px 5px 12px;
}

.textIspodSlike {
	text-align: center;
	width: 160px;
	padding-bottom: 15px;
}

/* TEMPLATE FOOTER */

#footer {
  background-color: #216093;
  border: 5px solid #FFF;
  height: 45px;
  text-align: left;
}

#footer .copyright {
  font: normal 11px Verdana, arial, sans-serif;
	color: #FFF;
  padding: 16px 0px 0px 15px;
  float: left;
}

#footer .ador {
  font: normal 11px Verdana, arial, sans-serif;
	color: #FFF;
  padding: 16px 15px 0px 0px;
  float: right;
}


/* CRUMBTRAIL */

#crumbTrail {
  font: normal 11px Verdana, arial, sans-serif;
	color: #39709F;
  padding: 10px 0px 35px 0px;
}

#crumbTrail a {
  font: normal 11px Verdana, arial, sans-serif;
	color: #326B9C;
  text-decoration: underline;
}

#crumbTrail a:hover {
  font: normal 11px Verdana, arial, sans-serif;
	color: #326B9C;
  text-decoration: none;
}

#crumbTrail a.active {
  font: normal 11px Verdana, arial, sans-serif;
	color: #FF7A00;
  text-decoration: none;
}


/* BOTTOM NAVIGATION */

#bottomNav UL {
  margin: 0px 0px 20px 240px;
  padding: 0px 0px 0px 0px;
  list-style-type: none;
}

#bottomNav LI {
  float: left;
  background: url("../images/bg_bottomNavIcon.gif") no-repeat top left;
  padding: 0px 15px 0px 10px;
}

#bottomNav LI a {
  font: normal 11px Verdana, arial, sans-serif;
	color: #326B9C;
  text-decoration: none;
}

#bottomNav LI a:hover {
  font: normal 11px Verdana, arial, sans-serif;
	color: #FF7A00;
  text-decoration: none;
}

/* FORMS */

.inputLabel, .inputLabelRequired {
  margin: 6px 0px 2px 5px;
}

.inputLabelRequired {
  font: bold 95% Verdana, arial, sans-serif;
	color: #326B9C;
  text-decoration: none;
}

INPUT, TEXTAREA {
  font: normal 11px Verdana, arial, sans-serif;
	color: #3C3C3C;
  text-decoration: none;
}

INPUT.default {
  border: 1px solid #CCC;
  background-color: #FFF;
  padding: 2px;
  width: 250px;
}

INPUT.required {
  border: 1px solid #FFF;
  background-color: #EFEFE5;
  padding: 3px;
  width: 250px;
  color: #3C3C3C;
}

INPUT.submit {
  margin: 15px 0px 0px 0px;
  padding: 2px 15px 2px 15px;
  font: bold 10px Verdana, arial, sans-serif;
	color: #3C3C3C;
  cursor: pointer;
  cursor: hand;
}

TEXTAREA.required {
  border: 1px solid #FFF;
  background-color: #EFEFE5;
  padding: 3px;
  width: 250px;
  height: 150px;
  color: #3C3C3C;
}

INPUT.btnMinus {
  width: 86px;
	height: 22px;
	background: url("../images/btn_minus.gif") no-repeat;
	outline: none;
}

INPUT.btnMinus:hover {
	background: url("../images/btn_minus.gif") no-repeat 0 -22px;
}

INPUT.btnPlus {
  width: 86px;
	height: 22px;
	background: url("../images/btn_plus.gif") no-repeat;
	outline: none;
  margin: 0px 6px 0px 0px;
}

INPUT.btnPlus:hover {
	background: url("../images/btn_plus.gif") no-repeat 0 -22px;
}


/* SLIKE */

IMG.default {
  border: 5px solid #EFEFE5;
  margin: 0px 0px 30px 0px;
}

IMG.default3 {
  border: 3px solid #EFEFE5;
  margin: 0px 0px 5px 0px;
}

IMG.default2 {
  border: 5px solid #EFEFE5;
  margin: 0px 0px 5px 0px;
}

IMG.bdrGray {
  border: 1px solid #CDCDCD;
}

#logoLink {
	margin-top: 57px;
	margin-left: 18px;
	display: block;
	float:left;
	width: 80px;
	height: 100px;
}