/* style.css
- GLOBAL STYLE
- MAIN BACKGROUND
- MAIN BLOCK
- TOP BLOCK
- MENU BLOCK 
- CONNTENT BACKGROUND
- CONNTENT BLOCK
- PANEL BLOCK
- FOOTER BLOCK
- COPY BLOCK
- ANDRZEJ
*/

/* GLOBAL STYLE */
body {
	margin:0;
	background:url(../gfx/bg_1.gif) repeat-x;
	font:11px/14px Tahoma, Arial, Helvetica, sans-serif;
	/*color:#7f7f7f*/
	color:#000000;
}

h1, h2, h3, h4, h5 {
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

h1 {
	font-size:14px;
}

h2 {
	font-size:13px;
	color: #FC0204;
}

h3 {
	font-size:12px;
}

h4 {
	font-size:12px;
	color: #666;
}

h5 {
	font-size:10px;
}

a {
	color:#7f7f7f
}

.clear {
	clear:both
}

/* MAIN BACKGROUND */
#bg_main {
	margin:0 auto;
	width:811px;
	position:relative;
	background:url(../gfx/bg_12.gif) repeat-y
}

.bg_extra_1, .bg_extra_2, .bg_extra_3, .bg_extra_4 {
	width:12px;
	position:absolute
}

.bg_extra_1 {
	height:313px;
	background:url(../gfx/bg_9.gif) no-repeat;
	left:0;
	width:16px;
}

.bg_extra_2 {
	height:313px;
	background:url(../gfx/bg_10.gif) no-repeat;
	right:0;
	_right:-1px;
	width:16px;
}

.bg_extra_3 {
	height:253px;
	background:url(../gfx/bg_14.gif) no-repeat;
	left:0;
	bottom:0;
	_bottom:-1px;
}

.bg_extra_4 {
	height:253px;
	background:url(../gfx/bg_15.gif) no-repeat;
	bottom:0;
	_bottom:-1px;
	right:0;
	_right:-1px
}

/* MAIN BLOCK */
#main {
	width:779px;
	border-left:1px solid #a0a0a0;
	border-right:1px solid #a0a0a0;
	margin: 0 auto
}

/* TOP BLOCK */
#top_extra {
	width:754px;
	height:33px;
	line-height:30px;
	vertical-align:middle;
	padding-left:25px;
	background:#cd0000 url(../gfx/bg_2.gif) repeat-x;
	color:#FFFFFF;
}

#top {
	width:100%;
	height:157px;
	background:#FFFFFF url(../gfx/top.jpg) no-repeat;
	position:relative;
}

.logo {
	width:210px;
	height:100px;
	display:block;
	position:absolute;
	left:13px;
	top:5px
}

/* MENU BLOCK */
#menu {
	height:59px;
	background:#e8e8e8 url(../gfx/bg_8.gif) repeat-x;
	position:relative;
}

.menu_list {
	margin:0;
	padding:0;
	position:absolute;
	top:11px;
	left:1px;
}

.menu_list li {
	float:left;
	list-style:none
}

.menu_list li a span {
	display:none
}

.m1, .m2, .m3, .m4, .m5, .m6, .m7, .m8, .m9 {
	height:30px;
	display:block
}

.m1 {
	width:71px;
	background:url(../gfx/m_home.gif) no-repeat;
}

.m2 {
	width:69px;
	background:url(../gfx/m_courses.gif) no-repeat;
}

.m3 {
	width:91px;
	background:url(../gfx/m_registration.gif) no-repeat;
}

.m4 {
	width:80px;
	background:url(../gfx/m_homestay.gif) no-repeat;
}

.m5 {
	width:86px;
	background:url(../gfx/m_our_school.gif) no-repeat;
}

.m6 {
	width:73px;
	background:url(../gfx/m_location.gif) no-repeat;
}

.m7 {
	width:55px;
	background:url(../gfx/m_fees.gif) no-repeat;
}

.m8 {
	width:92px;
	background:url(../gfx/m_testimonials.gif) no-repeat;
}

.m9 {
	width:79px;
	background:url(../gfx/m_contact_us.gif) no-repeat;
}

.m1:hover, .m2:hover, .m3:hover, .m4:hover, .m5:hover, .m6:hover, .m7:hover, .m8:hover, .m9:hover {
	background-position:0 -30px
}

/* CONNTENT BACKGROUND */
#bg_conntent {
	background: #FFFFFF url(../gfx/bg_5.gif) repeat-x;
}

/* CONNTENT BLOCK */
#conntent {
	width:458px;
	position:relative;
	padding:1em 30px 10px 50px; /* OLD : padding:1em 30px 50px 50px; */
	float:left;
	background-color: #FFFFFF;
}

.h1_head {
	margin-left:-25px;
}

.extra_1 {
	width:538px;
	height:11px;
	position:absolute;
	top:0;
	left:0;
	background: url(../gfx/bg_4.gif) no-repeat;
	clear:right
}

.extra_2 {
	width:7px;
	height:356px;
	background: url(../gfx/bg_6.gif) no-repeat;
	float:right;
	margin-right:-30px;
	_margin-right:-23px
}

/* PANEL BLOCK */
#panel {
	width:193px;
	float:right;
	margin-right:20px;
	_margin-right:8px;
	font-size:11px;
	padding:0 5px
}

.panel_img {
	margin-left:-5px
}

/* FOOTER BLOCK */
#footer {
	width:779px;
	height:69px;
	background:#cd0000 url(../gfx/bg_7.gif) repeat-x;
	margin: 0 auto;
	position:relative;
	color:#FFFFFF
}

#footer a {
	color:#FFFFFF
}

.f_1 {
	position:absolute;
	top:20px;
	left:30px;
}

.f_2 {
	position:absolute;
	top:20px;
	right:155px;
}

.maple {
	position:absolute;
	top:0;
	right:20px
}

/* COPY BLOCK */
#copy {
	width:779px;
	margin: 0 auto;
	font-size:10px;
	padding:10px 0 20px
}

#copy span {
	float:right
}

/* ANDRZEJ */

a:hover {
	color: #FC0204;
}

.custombold {
	font-weight: bold;
}

.customitalic{
	font-style: italic;
}

#wide {
	width:738px;
	position:relative;
	padding:1em 20px 30px 20px;
	float:left
}

td {
	font-size:11px;
	background-color: #F4F4F4;
}

th {
	font-size:11px;
}

th.left {
	font-size:11px;
	text-align: left;
}

th.left_title {
	font-size:11px;
	text-align: left;
	color: #FC0204;
}

th.right_title {
	font-size:11px;
	text-align: right;
	color: #FC0204;
}