/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


.left																			{ float:left}
.right																			{ float:right}
.clear																			{ clear:both; height:1px}

#spaceheadline																	{ height:5px}																			
#space																			{ height:25px}
#spacevent																		{ height:15px}
#spacemore																		{ height:35px}


#seperator																		{ height:2px; background: #fca95c}

#footerseperator																{ height:1px; background:#FFFFFF;}

.container																		{ width:999px; margin:auto; border:0px red solid; background:#FFFFFF}
.container .topheading															{ width:999px; background:url(../images/header-bg.jpg) repeat-x; height:139px}
.container .topheading .logo													{ float:left; margin-left:25px; margin-top:10px}
.container .topheading .name													{ padding:27px 0 0 190px}
.container .topheading .home													{ float:right; padding:25px 25px 0 0 }

.container .topheading .search													{ float:right; padding-right:35px; margin-top:-15px; position:absolute}
.container .topheading .search .searchcontainer		 							{ width:990px; height:42px; margin:0 auto}
.container .topheading .search .searchcontainer .search1						{ float:right; padding-top:10px}
.container .topheading .search .searchcontainer .search2 						{ float:right; background:url(../images/search3.jpg) repeat-x; height:30px; margin-top:10px}
.container .topheading .search .searchcontainer .search3			 			{ float:right; padding-top:10px}

.container .menu																{ background:#8e8048 repeat-x; height:31px;}

.container .matter																{ background:#FFFFFF; width:999px; position: relative; margin:10px 0}
.container .matter .banner														{ width:999px; margin:0 auto}

.container .matter .content1													{ width:468px; margin:0 15px; position:absolute; float:left; border:0px red solid}
.container .matter .content1 .mattercontent1									{ margin:10px 0;}
.container .matter .content1 .principal											{ width:215px; margin:0 15px; position:absolute; float:left; border:0px red solid}
.container .matter .content1 .principal .matterprincipal1						{ margin:10px 0}

.container .matter .content1 .administrative									{ width:215px; margin:0 15px 0 250px; position:absolute; float:right; border:0px red solid;}
.container .matter .content1 .administrative .matteradministrative1				{ margin:10px 0}

.container .matter .content1 .students											{ width:215px; margin:200px 15px 0 15px; position: absolute; float:left; border:0px red solid}
.container .matter .content1 .students .matterstudents1							{ margin:10px 0}

.container .matter .content1 .teachers											{ width:215px; margin:200px 15px 0 250px; position:absolute; float:right; border:0px red solid;}
.container .matter .content1 .teachers .matterteachers1							{ margin:10px 0}




.container .matter .content2													{ width:220px; border:0px red solid; margin-left:500px; float:left;}
.container .matter .content2 .mattercontent2									{ margin:10px 0;}

.container .matter .content2 .events											{ background:#FFFFFF; -moz-border-radius: 7px; -webkit-border-radius: 7px; border:#999999 1px solid; padding:0 15px}
.container .matter .content2 .events .matterevents								{ margin:10px 0;}



.container .matter .content3													{ width:243px; margin:0 15px; border:0px green solid; float:right; position: relative}
.container .matter .content3 .mattercontent3									{ margin:10px 0;}

.container .matter .content3 .picture											{ width:243px; margin:0 0 0 0; position: relative; border:0px red solid}
.container .matter .content3 .picture .picgallery								{ margin:10px 0}

.container .matter .content3 .video												{ width:243px; margin:0 0 0 0; position: relative; border:0px red solid}
.container .matter .content3 .video .vidgallery									{ margin:10px 0}


.container .matter .content4													{ width:700px; margin:0 15px; position:absolute; float:left; border:0px red solid}
.container .matter .content4 .events1											{ background:#FFFFFF; -moz-border-radius: 7px; -webkit-border-radius: 7px; border:#999999 1px solid; padding:0 15px; float:left; z-index:9999}
.container .matter .content4 .events1 .matterevents1							{ margin:10px 0;}

.container .matter .content4 .events2											{ background:#FFFFFF; -moz-border-radius: 7px; -webkit-border-radius: 7px; border:#999999 1px solid; padding:0 15px; float:left; z-index:9999; margin:0 0 0 15px }
.container .matter .content4 .events2 .matterevents2							{ margin:10px 0;}


.container2{

background-color:#000;

width:500px;

margin:0 auto;

color:#FFF;

overflow:hidden;

}

.flying-text{

margin-left:-100px;

}










.container .footer																{ width:999px; height:56px; background:#7d0000 repeat-x}
.container .footer .links														{ padding:6px 0}