html{
	background:#2c58a2;
	font-size:100.01%;
}
body{
	margin:0;
	color:#686391;
	font:64% Arial, Helvetica, sans-serif;
	background:url(../images/bg-body.jpg) repeat-x;
	min-width:1002px;
}
img{border-style:none;}
a{text-decoration:none; color:#0f036b;}
a:hover{text-decoration:none; color:#998cf5;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
.hide{
	position:absolute;
	top:-9999px;
	left:-9999px;
}
q{quotes: none;}
q:before{content:"";}
q:after{content:"";}
.bg-right{
	z-index:1;
	position:absolute;
	width:50%;
	right:0;
	top:0;
	height:600px;
	background:url(../images/bg-body-right.jpg) repeat-x;
}
.bg-page{
	width:100%;
	background:url(../images/bg-page.jpg) no-repeat 50% 0;
	position:relative;
	z-index:2;
}
.container{
	width:1002px;
	margin:0 auto;
}
.shadow{
	width:100%;
	background:url(../images/bg-shadow.png) no-repeat;
}
.page{
	width:766px;
	margin-left:118px;
	background:#fff;
	padding:261px 0 0;
	position:relative;
}
.top{
	height:44px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	width:706px;
	padding:21px 30px 0;
	font:11px Georgia, 'Times New Roman', Times, serif;
	text-transform:uppercase;
	color:#658cf1;
	z-index:3;
	font-weight:bold;
}
.top p{
	margin:0;
	text-align:right;
}
#header{
	width:766px;
	position:absolute;
	top:65px;
	left:0;
	padding:0 0 9px;
}
#header .holder{
	width:100%;
	overflow:hidden;
}
.logo{
	width:339px;
	height:171px;
	background:url(../images/logo.jpg) no-repeat 0 1px;
	float:left;
	overflow:hidden;
}
.logo a{
	width:215px;
	height:125px;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	margin:28px 0 0 36px;
}
.flash{
	float:right;
	width:427px;
	height:196px;
	background:yellow;
}
.flash img{
	vertical-align:top;
}
.buy{
	position:absolute;
	background:url(../images/buy.png) no-repeat;
	width:166px;
	height:59px;
	overflow:hidden;
	text-indent:-9999px;
	bottom:0;
	right:13px;
	cursor:pointer;
}
.sub{
	background:url(../images/link-sub.png) no-repeat;
	width:26px;
	height:69px;
	overflow:hidden;
	text-indent:-9999px;
	right:-26px;
	bottom:18px;
	position:absolute;
	cursor:pointer;
}
#menu{
	width:339px;
	margin:-25px 0 0;
	position:relative;
	background:url(../images/bg-menu.gif) repeat-x;
	overflow:hidden;
	padding:0;
	list-style:none;
}
#menu li{
	float:left;
}
#menu a{
	float:left;
	height:25px;
	overflow:hidden;
	text-indent:-9999px;
}
#menu a.link-ruas{
	background:url(../images/link-ruas.gif) no-repeat;
	width:155px;
}
#menu a.link-admission{
	background:url(../images/link-admission.gif) no-repeat;
	width:184px;
}
#menu .active a,
#menu a:hover{
	background-position:0 -25px;
}
#content{
	width:100%;
	background:url(../images/bg-content.gif) repeat-y;
}
#content .bg{
	width:100%;
	background:url(../images/bg-content2.jpg) no-repeat 0 100%;
	padding:0 0 40px;
}
#content .bg:after{
	content:"";
	display:block;
	clear:both;
}
.sidebar{
	float:left;
	width:197px;
	padding:20px 0 0;
}
.accordion{
	width:201px;
	padding:0;
	margin:0 0 14px -3px;
	list-style:none;
	position:relative;
	overflow:hidden;
}
.accordion li{
	width:100%;
	float:left;
	background:url(../images/accordion-split.gif) no-repeat 0 100%;
	padding:0 0 1px;
}
.accordion a{
	width:188px;
	height:16px;
	overflow:hidden;
	cursor:pointer;
	display:block;
}
.accordion a strong img{
	display:block;
}
.accordion a:hover{
	background:none;
}
.accordion a:hover img{
	margin-top:-16px;
}
.accordion a.ui-state-active img{
	margin-top:-32px;
}

.accordion .slide{
	width:100%;
	overflow:hidden;
}
.accordion ul{
	padding:0 0 0 3px;
	margin:-1px 0 0;
	list-style:none;
	width:198px;
}
.accordion ul li{
	width:100%;
	float:left;
	background:#ebf0fd url(../images/accordion-split2.gif) no-repeat;
	padding:1px 0 0;
}
.accordion ul a{
	display:block;
	cursor:pointer;
}
.accordion ul img{
	display:block;
}
.accordion ul a:hover img{
	margin:0;
}
.show{
	margin:0 0 9px;
}
.show a{
	background:url(../images/btn-show.gif) no-repeat;
	width:163px;
	height:32px;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	margin:0 auto;
}
.show a:hover{
	background-position:0 -32px;
}
.banners{
	padding:0;
	margin:0 0 12px;
	list-style:none;
	text-align:center;
}
.banners li{
	padding:0 0 3px;
}
.banners a{
	display:block;
}
.banners a img{
	vertical-align:top;
}
.extra{
	width:166px;
	margin:0 auto 8px;
}
.extra img{
	vertical-align:top;
}
.column{
	width:516px;
	float:right;
	padding:25px 30px 0 22px;
	font-size:110%;
}
.buttons{
	width:100%;
	overflow:hidden;
	margin:0 0 14px;
}
.buttons img{
	vertical-align:top;
}
.buttons a.btn-left{
	float:left;
}
.buttons a.btn-right{
	float:right;
}
.column h1{
	font-size:15px;
	color:#210fa5;
	margin:0 0 8px;
	text-transform:uppercase;
}
.column .main-text{
	margin:0 0 34px;
}
.column p{
	margin:0 0 14px;
}
.column h2{
	font-size:12px;
	color:#9f6aae;
	margin:0 0 7px;
	text-transform:uppercase;
}
img.left{
	float:left;
	margin:0 11px 11px 0;
}
img.right{
	float:right;
	margin:0 0 11px 11px;
}
.footer-holder{
	width:100%;
	background:#2c58a2;

}
#footer{
	width:766px;
	margin:0 auto;
	z-index:4;
	display:table;
}
#footer .bg{
	width:100%;
	float:left;
	position:relative;
	margin-top:-11px;
	background:url(../images/bg-footer.gif) no-repeat;
	padding:14px 0 55px;
}
#footer ul{
	text-align:center;
	padding:0;
	margin:0;
	list-style:none;
	font-size:100%;
}
#footer ul li{
	display:inline;
	background:url(../images/split.gif) no-repeat left;
	padding:0 2px 0 7px;
}
#footer ul li:first-child{
	background:none;
}
#footer ul a{
	color:#fff;
}
#footer ul a:hover{
	text-decoration:underline;
}






/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash .column h1 {
	visibility: hidden;
	letter-spacing: 0px;
	font-size: 15px;
}
.sIFR-hasFlash .column h2 {
	visibility: hidden;
	letter-spacing: 0px;
	font-size: 12px;
}



/* BEGINNING OF THE NEWS HUB CSS ADDITION */

#feature {

}

#feature-top {
           display:inline;
           background-image: url(../images/feature-top.gif);
           width:514px;
           height:21px;
           float:left;
}


#feature-main {
           width:484px;
           padding: 0 15px 0 15px;
           background-color: #d0e7ff;
           display:inline;
           float:left;
}

#feature-bottom {
            display:inline;
            background: #f1f1f1 url(../images/feature-bottom.gif);
              float:left;
              width:514px;
              height:20px;
              margin-bottom:15px;
}



/* END OF THE NEWS HUB CSS ADDITION */    /* END OF THE NEWS HUB CSS ADDITION */


/* BEGINNING OF THE GALLERY ADDITION */    /* END OF THE GALLERY ADDITION */
.columns-holder {
	padding:0 0 0 0px;
	overflow:hidden;
	height:1%;
	background:url(../images/bg-columns.gif) no-repeat;
}

.contentz {
	float:left;
	width:514px;
	padding:40px 0 0;
	overflow:hidden;
}


.contentz ul.pict {
	position:relative;
	z-index:4;
	width:514px;
	height:390px;
	margin:10px 0 0;
	padding:0;
	list-style:none;
}
.contentz ul.pict li {
	position:absolute;
	z-index:5;
	left:0;
	top:0;
	z-index:0;
	width:514px;
	height:390px;
}
.content ul.pict li.active {z-index:1}
.contentz ul.pict li img {
	display:block;
	border:7px solid #cccfda;
}
.contentz ul.gallery-ico {
	position:relative;
	z-index:20;
    width:560px;
    margin:10px 0 0 0px;
	padding:0;
	list-style:none;
}


/* EDIT WIDTH AND HEIGHT FOR GALLERY THUMB SIZE* IMAGE WIDTH AND RIGHT PADDING COMBINE TO FORM SPACE */

.contentz ul.gallery-ico li {
	float:left;
	position:relative;
	z-index:30;
	margin:0 0 0 0px;
    width: 102px;
	height:93px;
	padding:1px 0 10px 3px;

}
.contentz ul.gallery-ico li span {
	display:block;

	height:93px;
	background:url(../images/bg-pict.png) no-repeat;
}
.contentz ul.gallery-ico li a {
	position:relative;
	display:block;
	width:109px;
	height:88px;
	z-index:30;
}
.contentz .container {
	float:left;
	width:100%;
	overflow:hidden;
	height:1%;
	padding:22px 20px 0 0;
}
.contentz a.about {
	display:block;
	margin:15px 0 0;
	width:223px;
	height:25px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/btn-about.jpg) no-repeat;
}
.contentz a.about:hover {
	background-position:0 -25px;
}