@import url('css/reset.css');
@import url('css/layout.css');
@import url('css/admin.css');
@import url('css/skin.css');

@import url('../configure');


/**/
.page_content ul {list-style-type:disc; margin-left:40px;}
.page_content ol {list-style-type:decimal; margin-left:40px; line-height:16px;}

textarea#page_content { width:100%; height:500px;}

/* ......................
		HEADER
.......................... */

.header:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.header {display: inline-block;}
/* Hides from IE-mac \*/
* html .header {height: 1%;}
.header {display: block; margin-bottom:20px;}
/* End hide from IE-mac */

.header h1, .header h2, .header p {padding:0; margin:0; line-height:normal;}
.banner_top {float:right;}
.top_head {float:left; width:430px;}


/* ......................
		MENU
.......................... */
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.menu {display: inline-block;}
/* Hides from IE-mac \*/
* html .menu {height: 1%;}
.menu {display: block;}
/* End hide from IE-mac */

.menu {padding:0; margin:0;}
.menu ul {padding:0; margin:0; line-height:normal;}
.menu li {float:left;}
.menu li a {display:block; float:left; padding:0 10px; line-height:32px; height:32px;}


/* sub menu - used in admin */
.menu li .sub {  margin-top:32px;display:none; }
.menu li .sub ul { margin:0; padding:0;position:absolute; padding:0 14px 6px 12px; z-index:6000; }

.menu li ul li {float:none; height:auto; line-height:18px;}
.menu li ul li a {display:inline-block; float:none; padding:0; height:auto; line-height:22px;}


/* ......................
		Vertical menu
.......................... */
.vertical_menu ul {margin:0; padding:0;}
.vertical_menu li a {padding:5px 10px 5px 23px; display:block;}


.header_pic {overflow:hidden; width:100%;}
.breadcrumbs, .breadcrumbs * { padding:4px 0; font-size:11px;}
.t_center {text-align:center;}
.calendar {margin-top:8px;}




/* ......................
		Index page slider
.......................... */


a.disabled {visibility:hidden !important;}
div.navi {text-align:center; height:20px;}
div.navi a {cursor:pointer; height:8px; margin:3px; width:8px; display:inline-block; line-height:0; font-size:0;}
div.navi a:hover {background-position:0 -8px;}
div.navi a.active {background-position:0 -16px;}



/* root element for the whole scrollable setup */
div.scrollable {position:relative;  width: 440px;  height:170px; overflow:hidden; clear:both;}

#scroller {position:absolute; width:20000em;}
/* custom positioning for navigational links */

/* single item */
#scroller div {float:left; height:170px; width:440px; }
#scroller div h1 {margin-bottom:8px;}
#scroller div p img {float:left; margin: 0 10px 0 0;}
/* style when mouse is over the item */



/* misc */
.index_blocks {}
.sidebar1 .index_blocks, .sidebar2 .index_blocks, .sidebar1 .index_blocks li, .sidebar2 .index_blocks li { margin:0; float:none; width:auto;}

.index_blocks:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.index_blocks {display: inline-block;}
/* Hides from IE-mac \*/
* html .index_blocks {height: 1%;}
.index_blocks {display: block; margin-right:-10px;}
/* End hide from IE-mac */
.index_blocks li { float:left; width:210px; margin-right:10px}
.index_blocks h2 {margin-bottom:4px;}

.hr {font-size:0; line-height:0; margin:18px 0;}


/* forms */
.form {padding:20px 0 0 0;}
.form label {display:inline-block; vertical-align:top; width:150px;}
.form input, .form textarea, .form select {width:200px; font-size:11px; padding:2px;}
.form textarea {display:block; width:400px; height:80px; display:inline-block;}
button {font-size:11px; padding:2px 10px; width:auto; overflow:visible;}
.form li { padding:2px 0; margin-bottom:2px;}
.checkboxes input {width:auto;}
.form .checkboxes * {vertical-align:middle;}
span.checkboxes {padding-left:10px; }


.contact h3 {margin-bottom:4px; padding-top:0 !important}
.contact h3 label {float:none; width:auto; display:block;}
.contact textarea {height:150px; width:420px;}



/* table styles */
table {margin:18px 0; border-spacing:0; border-collapse:collapse}

/* messages */

	/* error */
	.error {background-color:#fee0e0;}
	div.error {padding:8px 8px 8px 20px; background:#e63d3d url(images/error.gif) no-repeat 10px 7px; color:#fff; font-weight:bold; padding-left:40px; margin:0 0 18px 0}
	.error strong {font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
	.error p {margin:0; padding:0;}

	/* error */

	div.ok_message {padding:8px 8px 8px 20px; background:#81be3b url(images/ok_message.gif) no-repeat 10px 7px; color:#fff; font-weight:bold; padding-left:40px; margin:0 0 18px 0}
	.ok_message strong {font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
	.ok_message p {margin:0; padding:0;}

	/* warn */
	div.warn_message {padding:8px 8px 8px 20px; background:#ffca62 url(images/warn_message.gif) no-repeat 10px 7px; color:#9d6727; font-weight:bold; padding-left:40px; margin:0 0 18px 0}
	.warn_message strong {font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
	.warn_message p {margin:0; padding:0;}


	.mess_close {background:url(images/close.gif) no-repeat center center; width:16px; height:16px; float:right; display:block;}
	.mess_close span {display:none;}



/* news list */
.news_list ul {list-style-type:none; margin:0; padding:0; margin:18px 0}
.news_list li {padding:0 0 8px 0; margin:0 0 8px 0;}
.news_list li small {float:right; width:15%; text-align:right;}
.news_list li h2 {margin:0; padding:0; width:80%; float:left;}
.news_list li p {width:80%;}

/* pages */
.pages {font-weight:bold;}
.pages ins {font-weight:normal;}

/* gallery */
.gallery ul {list-style-type:none; padding:0; margin:18px 0;}
.gallery li {float:left}


 .gallery  {padding-bottom:20px;}
 .gallery img {margin:0 auto 3px auto; padding:1px;}
 .gallery li {text-align:center; margin:0 6px 8px 0;}



/* search */
.search {padding:10px 0 0 0;}
.search label {display:block; font-weight:bold; margin-bottom:4px;}
.search input {width:200px; padding:3px;}


.filter {padding:6px 18px; margin:9px 0 18px 0;}
.filter p {padding:0; margin:0;}
.filter select { margin-right:5px;}
.filter label {margin-right:2px;}
.filter * {vertical-align:middle;}

/**/
.student_info img {float:left; margin-right:18px;}
.student_info h3 {padding:0;}