body{
/*background-image: url('images/fond.jpg');
background-attachment: fixed;*/
background: #a3b9ca url(images/new_fond2.jpg) repeat-x;
font-family: Tahoma;
}

.conteneur{
text-align:center;
width: 56.252em;
margin: auto;
/*
background-image: url('images/contener.jpg');
background-position: 0px 200px;
*/
background-color:#FFFFFF;
/*border-style:double;
border-color:#AFCAD8;*/
}

h1 {
text-align:left;
padding-left:44px;
margin-left:5px;
font-size:20px;
color:#1B5279;
border-bottom: 1px solid #a3b9ca;
}

h2 {
font-size:12px;
color:#FF6600;
text-align:left;
padding-left:48px;
}



h3 {
text-align:left;
padding-left:22px;
margin-left:5px;
color:#1B5279;
font-size:12px;
border:1px solid #a3b9ca;
background-color:#FFFFFF;
}

h3.result{
color:#FFFFFF;
border:1px solid #a3b9ca;
background-color:#1B5279;
}
.top{
width:900px;
height:206px;
background-image:url(images/new_bannes2.jpg);
background-repeat:no-repeat;
z-index:2;
}
p.vignette{
margin-bottom:1px;
}
p.topage{
margin-left:570px;
}

#log a{
text-decoration:none;
}
#log{
position:relative;
top:-202px;
left:606px;
text-align:left;
width:405px;
height:64px;
}
#log span a{
color:#ffbb33;
font-size:1em;
}
ul.nav li {
text-align:left;
padding-left:1em;
padding:3px 0px 3px 5px;
}
input.button{
background-image: url('images/barre.gif');
background-repeat:repeat-x;
}
input.button_adm{
background-image: url('images/vert.gif');
background-repeat:repeat-x;
}
a.nodeco{
text-decoration:none;
}
ul.addschool p{
padding: 0.2em 0;
margin: 0 0 0.2em 0;
text-align: left;
}
ul.addschool input.form{
width: 20%;
font-size: 0.9em;
border: 1px solid #C1AFA0;
}
ul.addschool label {
text-align: left;
width: 15%;
float: left;
margin: 0;
padding: 0 0.5em 0 0;
line-height: 1.8;
font-size: 0.8em;
text-transform: uppercase;
color: #513930;
}
#login{
float:left;
width:24.5em;
height:16.6em;
margin-left:30px;
border:1px solid #c6cfe1;
background-color:#dfe4ee;
}
#login label{
color: #333378;
}
#login p{
font-size:12px;
color: #333378;
}
#forgot{
float:left;
width:24.5em;
margin-top:1em;
margin-left:30px;
border:1px solid #c6cfe1;
background-color:#dfe4ee;
}

#forgot  label{
color: #333378;
}

#forgot li{
text-align:left;
padding-left:0.3em;
}

#forgot h3{
text-align:center;
}


#chngpwd input.button{
background-image: url('images/barre.gif');
background-repeat:repeat-x;
float:right;
position:relative;
top:-19px;
margin-right:8px;
}
#chngpwd input.button:hover{
background-image: url('images/buttonover.gif');
background-repeat:repeat-x;
cursor:pointer;
}
#chngpwd{
width:24.5em;
margin-left:15em;
border:1px solid #3366FF;
background-image: url('images/bodylogin.gif');
background-repeat:repeat-x;
height:13em;
}
#tabarticle td,th{
text-align:center;
}
#tabarticle td{
border-bottom:1px solid #dddddd;
border-right:1px solid #dddddd;
}
.darkblue{
color:#4455ff;
}
.lightblue{
color:#6F9EC7;
}
#tabarticle th{
background-color:#99bbdd;
font-size:0.7em;
color:#4455ff;
border-top:1px solid gray;
border-bottom:1px solid gray;
}

#tabusers td,th{
text-align:center;
}
#tabusers td{
border-bottom:1px solid #dddddd;
border-right:1px solid #dddddd;
}

#tabusers th{
background-color:#88ee77;
font-size:0.7em;
color:#114400;
border-top:1px solid gray;
border-bottom:1px solid gray;
}
#linkregister{
float:right;
width:15em;
margin-left:2em;
border:1px solid #3366FF;
background-image: url('images/bodylogin.gif');
background-repeat:repeat-x;
margin-right:8em;
top:-12.3em;
position:relative;
}
#linkregister p{
font-size:0.7em;
}

#linkregister li{
text-align: left;
list-style-type: none;
background: url(images/bull.gif) no-repeat 30% 50%;
padding-left: 8em;
margin-bottom: 0;
}



.title{
background-image: url('images/barre.gif');
background-repeat:repeat-x;
width:34em;
height:2em;
text-align:center;
font-size:0.7em;
color:#3366FF;
padding-left:1em;
position:relative;
top:-1.2em;
}
.howto{
float:left;
margin-top:0px;
width:640px;
margin-left:0px;
}
.howto li{
padding:2px;
}

.howto a{
text-decoration:none;
font-size:12px;
cursor:pointer;
}

.howto a:hover{
text-decoration:underline;
}

.title2{
background-image: url('images/barre.gif');
background-repeat:repeat-x;
width:20.4em;
height:2em;
text-align:left;
font-size:0.7em;
color:#3366FF;
padding-left:1em;
position:relative;
top:-1.2em;
}
/* MENU */
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu{

position:relative;
left:0px;
top:-136px;
float:right;
padding-right:7px;
}/*
#menu dl {
float: right;
width: 6em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
-moz-border-radius: 8px !important;
border-radius: 8px !important;
}
#menu dd {
display: none;
}
#menu li {
text-align: center;
}
*/

.mattblacktabs{
position:relative;
top:-5px;
right:7px;
width: 100%;
overflow: hidden;
border-bottom: double #DDDDDD; /*bottom horizontal line that runs beneath tabs*/
margin-right:10px;
}

.mattblacktabs ul{
margin:0;
padding: 0;
padding-left: 135px; /*offset of tabs relative to browser left edge*/
padding-right: 150px; /*offset of tabs relative to browser left edge*/
font: bold 10px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;

}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 7px; /*padding inside each tab*/
color: white;
background: #5F5F5F; /*background of tabs (default state)*/
border: double;
}

.mattblacktabs li.stu a{
background: #1B5279;
}

.mattblacktabs li.par a{
background: #1B5279;
}
.mattblacktabs li.pta a{
background: #1B5279;
}
.mattblacktabs li.tea a{
background: #1B5279;
}
.mattblacktabs li.add a{
background: #1B5279;
}
.mattblacktabs li.wha a{
background: #1B5279;
}
.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

/* CONTENT */
.content {
clear:both;
top:-90px;
margin-bottom:2em;
position:relative;
}

#searchBar{
background-color:#DDDDDD;
top:-46px;
position:relative;
margin-left:5px;
margin-right:5px;

}

#searchBar ul{
margin: 0;
padding: 0;
padding-bottom:2px;
padding-left: 5px; /*offset of tabs relative to browser left edge*/
padding-right: 0px; /*offset of tabs relative to browser left edge*/
font: bold 10px Verdana;
list-style-type: none;
}

#searchBar li{
display: inline;
margin: 0;

}
#searchBar li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 0px 1px; /*padding inside each tab*/
}

.box-tr { background: top right url(images/box_tr.jpg) no-repeat; }
.box-br { background: bottom right url(images/box_br.jpg) no-repeat; }
.box-bl { background: bottom left url(images/box_bl.jpg) no-repeat; }
.box-tl { background: top left url(images/box_tl.jpg) no-repeat; }

#space{
height:1em;
}
.content li{
font-size:11px;

}
.content td{
font-size:11px;
font-family: tahoma;
}
.content #flashcontent{
position:relative;
float:left;
top:-40px;
left:5px;
width:50%;
z-index:28;
}

#mostpop{
position:relative;
left:90px;
top:-60px;
}

#blog{
float:right;
position:relative;
width:140px;
border-left:2px solid #DDDDDD;
margin-right:40px;
margin-bottom:30px;
padding-left:10px;
width:180px;
top:-77px;
height:409px;
}

#scountry{
position:relative;
width:400px;
top:-20px;
left:347px;
font-size:12px;
}
#scountry a{
position:relative;
top:-10px;
}
#text{
float:left;
position:relative;
top:-80px;
width:850px;
font-size:11px;
text-align:justify;
padding-left:10px;
padding-right:10px;
font-family:Verdana;
}

#text h1{
font-size:20px;
color:#CC0000;
font-weight:bold;
border-bottom:none;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

#text span{
font-size:15px;
color:gray;
font-weight:bold;
}


/* Theme marroon */
.content #theme_marroon table{
border-spacing: 0; 
border-collapse: collapse ; 
border: 0; 
}

.content #theme_marroon  th{
background-color: #BD7E53;
}

.content #theme_marroon  td{
background-color: #D7B298;
}

.content #theme_marroon  td a{
color:#FFFFFF;
text-decoration:none;
}

.content #theme_marroon  td a:hover, .content #theme_marroon  td a:focus, .content #theme_marroon  td dt a:focus{
color:#BD7E53;
text-decoration:none;
}
/* Theme pink */
.content #theme_pink table{
border-spacing: 0; 
border-collapse: collapse ; 
border: 0; 
}

.content #theme_pink  th{
background-color: #BA5581;
}

.content #theme_pink  td{
background-color: #D599B3;
}

.content #theme_pink  td a{
color:#FFFFFF;
text-decoration:none;
}

.content #theme_pink  td a:hover, .content #theme_pink  td a:focus, .content #theme_pink  td dt a:focus{
color:#BA5581;
text-decoration:none;
}
/* Theme violet */
.content #theme_violet table{
border-spacing: 0; 
border-collapse: collapse ; 
border: 0; 
}

.content #theme_violet th{
background-color: #8958BB;
}

.content #theme_violet td{
background-color: #BA9DD7;
}

.content #theme_violet td a{
color:#FFFFFF;
text-decoration:none;
}

.content #theme_violet td a:hover, .content #theme_violet td a:focus, .content #theme_violet td dt a:focus{
color:#8958BB;
text-decoration:none;
}

/* Theme blue */
.content #theme_blue table{
border-spacing: 0; 
border-collapse: collapse ; 
border: 0; 
}

.content #theme_blue th{
background-color: #58A3BB;
}

.content #theme_blue td{
background-color: #AFCAD8;
}

.content #theme_blue td a{
color:#FFFFFF;
text-decoration:none;
}

.content #theme_blue td a:hover, .content #theme_blue td a:focus, .content #theme_blue td dt a:focus{
color:#58A3BB;
text-decoration:none;
}
#corpform{
position:relative;
left:5px;
top:5px;
}
#navi2{
position:relative;
top:5px;
left:5px;
}
#listing_user fieldset{
margin-top:5px;
margin-left:4px;
height:90px;
background-color:#ccddee;
text-align:center;
}
#listing_friends table#listing_request fieldset{
margin-top:5px;
margin-left:4px;
height:120px;
background-color:#ccddee;
text-align:center;
}
#listing_friends table#listing_request fieldset a{
text-decoration:none;
text-align:left;
}

#listing_friends table#listing_request fieldset img#delrequest{
position:relative;
right:18px;
}

#listing_friends table#listing_request table{
width:auto;
}

#listing_friends table#listing_myfriends fieldset{
margin-top:5px;
margin-left:4px;
height:100px;
background-color:#ccddee;
text-align:center;
/*width:0;*/
}
#listing_friends table#listing_request fieldset span{
position:relative;
right:17px;
top:2px;
}

#listing_user table{
margin-left:2em;
width:200px;
}

#listing_user table#looking{
margin-left:2em;
width:90%;
}

#listing_user table#listing a.search{
float:right;
font-size:0.7em;
margin-top:-16px;
margin-right:1em;
}

table th.title{

/*background-image: url('images/barre.gif');
background-repeat:repeat-x;
text-align:left;
border:1px solid black;
font-variant:small-caps;
-moz-border-radius: 4px !important;
border-radius: 4px !important;
padding-left:1em;*/
color:#3366FF;
font-size:16px;
}

#home{
text-align:left;
}

#home table{
text-align:left;
width:60%;
}

#home span{
color:#3366FF;
}

#listing_user table #listing{

border-right:1px solid black;
border-bottom:1px solid black;
border-left:1px solid black;
}

#listing_friends p{
font-size:0.7em;
color:#3366FF;

}

#listing_friends table #listing{

width:10em;
border-right:1px solid black;
border-bottom:1px solid black;
border-left:1px solid black;
}

#listing_user a{
text-decoration:none;
color:blue;
}
#listing_user a:hover{
text-decoration:underline;
}
#listing_user a:active{
color:red;
}
#profile a{
text-decoration:none;
color:blue;
}
#profile a:hover{
text-decoration:underline;
}
#profile a:active{
color:red;
}
#profile fieldset{
margin-top:5px;
background-color:#FFFFFF;
}

.cities_s{
background-color:#D0DEFD;
border:#3366CC solid 1px;
padding:10px 10px 10px 10px;
float:left;
height:30px;
margin:5px;
top:-10px;
background-image:url(img/citieslisting.gif);
background-position:right;
background-repeat:no-repeat;
}

.cities_s a {
text-decoration:none;
color:#6699FF;
font-weight:bold;
}

td.cities_s:hover {
background-color:#adc6fd;
border:#3366CC solid 1px;
background-image:url(img/citieslisting2.gif);
background-position:right;
background-repeat:no-repeat;
}

.schools_s {
background-color:#FBD9DA;
border:#CC0000 solid 1px;
padding:10px 10px 10px 10px;
float:left;
min-height:30px;
margin:5px;
margin-left:30px;
background-image:url(img/schoollisting.gif);
background-position:right;
background-repeat:no-repeat;
}

td.schools_s:hover {
background-color:#ffb5b7;
border:#CC0000 solid 1px;
background-image:url(img/schoollisting2.gif);
background-position:right;
background-repeat:no-repeat;
}

.schools_s a {
text-decoration:none;
color:#e6575a;
font-weight:bold;
}

#schools fieldset{
width:20em;
}
#schools td,th{
text-align:center;
}

#schools a{
text-decoration:none;
color:blue;
}
#schools a:hover{
text-decoration:underline;
}
#schools a:active{
color:red;
}
#schools table{
width:878px;
text-align:center;
}

#result_search{
font-size:12px;
color:#1B5279;
}

#result_search img{
margin-right:5px;
}

#blocsearch{
padding-top:5px;
position:relative;
top:-5px;
}

#listalpha ul{
margin-bottom:10px;
}

#listalpha li{
display: inline;
margin: 0;
border-right:1px solid #a3b9ca;
border-bottom:1px solid #a3b9ca;
padding-left:7px;
padding-bottom:5px;
padding-right:10px;
padding-top:5px;
}

#listalpha li:hover{
background-color:#a3b9ca;
color:#FFFFFF;
}

#listalpha li a{
text-decoration:none;
color:#5588ff;
}

/* FOOTER */
#footer{
color:gray;
text-align:left;
/*background-image: url('images/nuage2.gif');*/
text-align:center;
margin:auto;
clear:both;

}

#footer p{
padding:0.3em;
font-size:0.7em;
text-align:center;
}

#footer ul {
padding:0;
margin-left:11em;
list-style-type:none;
}
#footer li
{
margin-left:5px;
float:left; /*pour IE*/
}
#footer ul li a
{
display:block;
float:left; 
color:gray;
text-decoration:none;
text-align:center;
padding:5px;
}
#footer p label#educ a{
color:gray;
}
.bloc {
	margin: 0 0 20px 5px;
	background-color:#EBF5FF;
	border:5px solid #CCE5FF;
}
.bloc_s{
	margin: 0 0 20px 5px;
	padding-bottom: 5px;
	background-color:#FBD9DA;
	border:5px solid #CC0000;
}
.bloc_schoolinfo{
	margin: 0 0 20px 5px;
	background-color:#bbbbee;
	border:1px dashed #5566ff;

}
.bloc_admin{
	margin: 0 0 20px 5px;
	background-color:#DDFFCC;
	border:5px solid #99FF66;
}
.bloc_admin table td.info{
color:gray;
font-variant:small-caps;
}

.bloc table td.info{
color:gray;
font-variant:small-caps;
}

#menuGauche {
	float: left; 
	width: 200px;
	text-align:right;
	margin-right:2em;
}	

#menuGauche ul {
	list-style: none;
	padding:0 10px;
	text-align:left;
}
#menuGauche li {
	padding: 15px 0;
	border-top: 1px solid #99CCFF;
}
#menuGauche_s {
	float: left; 
	width: 200px;
	text-align:right;
	margin-right:2em;
}

#menuGauche_schoolinfo {
	text-align:left;
	margin-right:40px;
	margin-left:40px;
	width:90%;
}

#menuGauche_s ul {
	list-style: none;
	padding:0 10px;
	text-align:left;
}

#menuGauche_s ul#infoschool{
text-align:left;
}
#menuGauche_s ul#infoschool a{
text-align:left;
}
#menuGauche_s li {
	padding: 15px 0;
	border-top: 1px solid #CC0000;
}
#menuGauche li.article{
	background: url('images/article.png') no-repeat 100% 50%;
}

#menuGauche li.chngpwd{
	background: url('images/pwd.png') no-repeat 100% 50%;
	background-repeat:no-repeat; 
}

#menuGauche li.myschool{
	background: url('images/school.png') no-repeat 100% 50%;
	background-repeat:no-repeat; 
}
#menuGauche li.mygallery{
	background: url('images/Picture.png') no-repeat 100% 50%;
}

#menuGauche li.myfriend{
	background: url('images/account.png') no-repeat 100% 50%;
}


#menuGauche li.mymusic{
	background: url('images/Music.png') no-repeat 100% 50%;
}
#menuGauche li.myvideos{
	background: url('images/Video.png') no-repeat 100% 50%;
}
#menuGauche li.mydesign{
	background: url('images/design.jpg') no-repeat 100% 50%;
}
#menuGauche li.edit{
	background: url('images/profile.png') no-repeat 100% 50%;
}
#menuGauche li.users{
	background: url('images/account.png') no-repeat 100% 50%;
	
}

#menuGauche li.country{
	background: url('images/country.png') no-repeat 100% 50%;
	
}

#menuGauche li.links{
	background: url('images/links.png') no-repeat 100% 50%;
	
}

#menuGauche li.stats{
	background: url('images/stats.png') no-repeat 100% 50%;
	
}

#menuGauche li.schools{
	background: url('images/school.png') no-repeat 100% 50%;
	
}

#menuGauche li.cities{
	background: url('images/city.jpg') no-repeat 100% 50%;
	
}

#menuGauche li.emailmsg{
	background: url('images/email.png') no-repeat 100% 50%;
	
}

#menuGauche li.emailcontact{
	background: url('images/email.png') no-repeat 100% 50%;

}

#menuGauche li.blog{
	background: url('images/blogre.gif') no-repeat 100% 50%;

}

#menuGauche li.first {
	border: none;
	background: url('images/oeil.png') no-repeat 100% 50%;
}
#menuGauche_s li.first {
	border: none;
}

#menuGauche_s li.students{
	background: url('images/students.gif') no-repeat 100% 50%;
}
#menuGauche_s li.parents{
	background: url('images/parents.gif') no-repeat 100% 50%;
}
#menuGauche_s li.teachers{
	background: url('images/teachers.gif') no-repeat 100% 50%;
}

#menuGauche_s li {
	font-size:1em;
	font-variant:small-caps;
}
#menuGauche h3 {
	font-size: 18px;
	padding: 10px;
}
#menuGauche a {
	display: block;
	height: 20px;
	width: auto;
	text-decoration: none;
	font-size: 11px;
	padding-right: 10px;
	color:gray;
	font-variant:small-caps;
}
#menuGauche a span:hover {
	color:#FFF;
	background-color:#3399FF;
	
}

#menuGauche_s a {
	display: block;
	height: 20px;
	width: auto;
	text-decoration: none;
	font-size: 11px;
	padding-right: 10px;
	color:gray;
	font-variant:small-caps;
}

#menuGauche_s ul#infoschool a{
	display: block;
	height: 20px;
	text-decoration: none;
	font-size: 11px;
	padding-right: 0px;
	color:gray;
	font-variant:small-caps;
}
#menuGauche_schoolinfo a {
	height: 15px;
	width: auto;
	text-decoration: none;
	font-size: 11px;
	padding-right: 10px;
	color:gray;
	font-variant:small-caps;
}

#menuGauche_schoolinfo ul#infoschool a{
	height: 15px;
	text-decoration: none;
	font-size: 11px;
	padding-right: 0px;
	color:gray;
	font-variant:small-caps;
	text-align:left;
}
#menuGauche_schoolinfo ul#infoschool a.name{
	color:#C92C2E;
	font-size:18px;
	font-weight:bold;
}
#menuGauche_s a span:hover {
	color:#FFF;
	background-color:#3399FF;
	
}

#description{
margin-left:100px;
margin-right:40px;
width:630px;
}

#description p{
margin:0;
padding:0;
}

span.center{
position:relative;
top:-1em;
text-align:center;
}

#tabpwd td{
width:4em;
}

table#mygallery{

width:50%;

}

table#mygallery th,td{
text-align:center;
}

.pagination {
    line-height:2em;
}
.pagination a,
.pagination span {
    padding:1px 5px;
	margin:0px 2px;
}
.pagination a {
    border:1px solid #9AAFE5;
    color:#105CB6;
    text-decoration:none;
}
.pagination a:hover {
    border:1px solid #296BB5;
    color:#000031;
}
.pagination .prevnext {
    font-weight:bold;
}
.pagination span.disabled { 
    border:1px solid #DDDDDD;
    color:#999999;
}
.pagination span.current {
    border:1px solid #2E6AB1;
    background-color:#2E6AB1;
    color:#ffffff;
    font-weight:bold;
}



#edit{
width:70%;
float:left;
background-color:#dfe4ee;
margin-left:2em;
}

.edit_game{
background-image: url('images/body-game.jpg');
background-repeat:no-repeat
}

.propose{
margin-left:2em;
}

#article_detail{
width:70%;
float:left;
}

#article_detail table{
width:99.7%;
}

#article_detail div#read_article{
padding:1em;
font-size:0.7em;
margin-bottom:50px;
}

#article_detail div#read_article label{
font-size:2em;
color:red;
}

#article_detail div#read_article div#article_content{
font-size:1em;
}

#article_detail div#read_article em{
font-size:1em;
font-style:italic;
margin-left:2em;
}

#article_detail h2{
color:gray;
font-size:1.2em;
font-variant:small-caps;
}

#comment{
border:1px dotted grey;
padding: 1em 0 0 1em;
margin-top:2em;
font-size:0.7em;
}

#comment label.delete_comment{
font-style:italic;
margin-left:490px;
font-size:9px;
}

#comment label.delete_comment a{
color:red;
}

#author{
margin-top:2px;
padding-left:1em;
font-style:italic;
border:1px dotted black;
line-height:1em;
font-size:0.6em;
}

#author label{
color:red;
}




#edit table{
width:99.7%;
}

ul.editprofile{
margin-left:0em;
text-align:left;
}

ul.editprofile li{
padding-left:2em;
}

ul.editprofile p{
padding: 0.4em 0;
margin: 0 0 0 1em;
text-align: left;
}

ul.editprofile input.form{
width: 20%;
font-size: 0.9em;
border: 1px solid #C1AFA0;
}

ul.editprofile label {
text-align: left;
width: 30%;
float: left;
margin: 0;
padding: 0 1.5em 0 0;
line-height: 1.8;
font-size: 0.8em;
color: #333378;
}
ul.editprofile select{
font-size:12px;
border:1px solid #c6cfe1;
}
/*
.propose ul.editprofile label{
padding:0 2em 0 0;
}*/

ul.mypics{ 
float:left;
text-align:left;
position:relative;
}

ul.mypics label {
text-align: left;
padding: 0 0.5em 0 0;
color: #513930;
}

.title3{
background-image: url('images/barre.gif');
background-repeat:repeat-x;
height:2em;
text-align:left;
font-size:0.7em;
color:#3366FF;
padding-left:1em;
position:relative;
top:-1.2em;
}

h2.showcity {
text-align:left;
margin-left:15px;
margin-right:55px;
font-size: 1.2em;
border-bottom: 1px solid #ECCEAA;
color: #5B423F;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 1px;
padding-bottom: 2px;
}

#map_canvas{
margin-left:90px;
}

#success p{
margin-left:0;
font-size:12px;
color:#333378;
}

.err2{
color:red;
padding-left:1em;
}


.title_adm{
background: url('images/vert.gif') repeat-x;
height:20px;
text-align:left;
font-size:0.7em;
color:#77933E;
padding-left:1em;
}
#adm_users th{
background-color:#99FF66;
}
#adm_users td{
text-align:center;
}
td #line1{
background-color:#DDFFCC;

}
td #line2{
background-color:#DDFFBB;
}

#design{
float:left;
}


#school table{
width:550px;
}
table#adm_school td{
text-align:left;
}

table#mymusic td{
text-align:left;
}
table#myvideo td{
text-align:left;
}
table#add_video td{
text-align:left;
}
table#post_request{
background-image: url('images/contact.jpg');
}
table#post_request input{
opacity:0.7;
}
table#post_request textarea{
opacity:0.7;
}

table#post_request td{
text-align:left;
}
table#post_request th{
text-align:left;
}
#schools td{
text-align:left;
}

/* BUTTONS */
#button{
background-color:#1B5279;
border:1px solid #a3b9ca;
color:#FFFFFF;
font-size:12px;
width:150px;
}

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;

}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

.search_home {
height:18px;
font-size:15px;
padding-left:10px;
padding-right:10px;
color:#529214;
font-weight:bold;
width:160px;
border:#999999 1px dashed;
}

.button_research {
border:#FFFFFF 1px solid;
height:23px;
margin-bottom:1px;
width:45px;
color:#FFFFFF;
background-color:#CC0000;
font-size:10px;
font-weight:bold;

}

.listingusers {
background-color:#DAEBCF;
border:#339900 solid 1px;
padding:10px 10px 10px 10px;
float:left;
width:800px;
margin:5px;
top:-10px;
background-image:url(img/memberlisting.gif);
background-position:right;
background-repeat:no-repeat;
text-align:left;
vertical-align:middle;
}

.users_s a {
text-decoration:none;
color:#339900;
font-weight:bold;
}

td.users_s:hover {
background-color:#a0c886;
border:#339900 solid 1px;
background-image:url(img/memberlisting2.gif);
background-position:right;
background-repeat:no-repeat;
cursor:pointer;
}

.users_s {
background-color:#DAEBCF;
border:#339900 solid 1px;
padding:10px 10px 10px 10px;
float:left;
width:600px;
margin:5px;
top:-10px;
background-image:url(img/memberlisting.gif);
background-position:right;
background-repeat:no-repeat;
text-align:left;
vertical-align:middle;
}

.listingusers a {
text-decoration:none;
color:#339900;
font-weight:bold;
}

td.listingusers:hover {
background-color:#a0c886;
border:#339900 solid 1px;
background-image:url(img/memberlisting2.gif);
background-position:right;
background-repeat:no-repeat;
}

.listingschools {
background-color:#FBD9DA;
border:#CC0000 solid 1px;
padding:10px 10px 10px 10px;
float:left;
width:800px;
height:30px;
margin:5px;
top:-10px;
background-image:url(img/schoollisting.gif);
background-position:right;
background-repeat:no-repeat;
text-align:left;
vertical-align:middle;
}

td.listingschools:hover {
background-color:#ffb5b7;
border:#CC0000 solid 1px;
background-image:url(img/schoollisting2.gif);
background-position:right;
background-repeat:no-repeat;
}

.listingschools a {
text-decoration:none;
color:#e6575a;
font-weight:bold;
}

.listingschools2 {
background-color:#FBD9DA;
border:#CC0000 solid 1px;
padding:10px 10px 10px 10px;
float:left;
width:800px;
height:80px;
margin:5px;
top:-10px;
background-image:url(img/schoollisting.gif);
background-position:right;
background-repeat:no-repeat;
text-align:left;
vertical-align:middle;
}

td.listingschools2:hover {
background-color:#ffb5b7;
border:#CC0000 solid 1px;
background-image:url(img/schoollisting2.gif);
background-position:right;
background-repeat:no-repeat;
}

.listingschools2 a {
text-decoration:none;
color:#e6575a;
font-weight:bold;
}


.listingcities {
background-color:#D0DEFD;
border:#3366CC solid 1px;
padding:10px 10px 10px 10px;
float:left;
width:800px;
height:30px;
margin:5px;
top:-10px;
background-image:url(img/citieslisting.gif);
background-position:right;
background-repeat:no-repeat;
}

.listingcities a {
text-decoration:none;
color:#6699FF;
font-weight:bold;
}

td.listingcities:hover {
background-color:#adc6fd;
border:#3366CC solid 1px;
background-image:url(img/citieslisting2.gif);
background-position:right;
background-repeat:no-repeat;
}

img.pointer:hover{
cursor:pointer;
}

#styleone{
	position:relative;
	display:block;
	width:235px;
	height:25px;
	padding:5px 5px 5px 5px;
	font-size:11px;
	font-weight:bold;
	background-color:#4b7ebf;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	border-bottom:1px solid #006699;
	border-top:1px solid #006699;
	border-right:1px solid #006699;
	border-left:1px solid #006699;
}

#styleone ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:200px;
}

#styleone ul li{
	display:block;
	float:left;
}

#styleone ul li a{
	display:block;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	padding:5px 5px 5px 5px;
	width:200px;
}

.schoollink {
color:#c92c2e;
text-decoration:none;
}

.schoollink a {
color:#c92c2e;
text-decoration:none;
}

#seecountry{
float:right;
position:relative;
top:-60px;
margin-right:5px;
}

#seecountry a{
text-decoration:none;
color:gray;
font-variant:small-caps;
font-size:12px;
}

#last{
float:left;
width:850px;
margin-left:13px;
text-align:left;
margin-bottom:30px;
}



#last ul{
margin-left:5px;
}

#last th{
background-color:#6699FF;
width:400px;
height:2em;
text-align:center;
font-size:0.7em;
color:#FFFFFF;
position:relative;
top:-1.2em;
}

#lastsc{
float:left;
margin-left:10px;
border:1px dotted gray;
width:280px;
padding-bottom:10px;
height:100px;
background-color:#F5F5F5;

}
#lastsc td{
background-color:#36506e;
width:400px;
height:2em;
text-align:center;
font-size:0.7em;
color:#FFFFFF;
position:relative;
top:-1.2em;
}

#lastt{
float:left;
margin-left:10px;
border:1px dotted gray;
width:125px;
padding-bottom:10px;
height:100px;
background-color:#F5F5F5;
}
#lastt td{
background-color:#36506e;
width:400px;
height:2em;
text-align:center;
font-size:0.7em;
color:#FFFFFF;
position:relative;
top:-1.2em;
}
#lastst{
float:left;
margin-left:10px;
border:1px dotted gray;
width:125px;
padding-bottom:10px;
height:100px;
background-color:#F5F5F5;
}
#lastst td{
background-color:#36506e;
width:400px;
height:2em;
text-align:center;
font-size:0.7em;
color:#FFFFFF;
position:relative;
top:-1.2em;
}
#lastp{
float:left;
margin-left:10px;
border:1px dotted gray;
width:125px;
padding-bottom:10px;
height:100px;
background-color:#F5F5F5;
}
#lastp td{
background-color:#36506e;
width:400px;
height:2em;
text-align:center;
font-size:0.7em;
color:#FFFFFF;
position:relative;
top:-1.2em;
}
#lastpt{
float:left;
margin-left:10px;
border:1px dotted gray;
width:125px;
padding-bottom:10px;
height:100px;
background-color:#F5F5F5;
}
#lastpt td{
background-color:#36506e;
width:400px;
height:2em;
text-align:center;
font-size:0.7em;
color:#FFFFFF;
position:relative;
top:-1.2em;
}

#games{
 float: left;
  width: 300px;
  margin-right: 18px;
  padding: 18px;
  margin-left:18px;
  border:1px dotted gray;
}
/*
#games h1, h2, h3, h4, ul, li {
	margin: 0;
	padding: 0;
}
*/
#games h3 {
	background-image:none;
  font-size: 9px;
  color: #6699FF;
}

#games p{
  margin: 30px;
  font-size:11px;
  padding:5px;
}

#games .more {
	text-align: right;
}

#games .more a {
  font-weight: bold;
  text-decoration: none;
}
#games .more a:hover {
  text-decoration: underline;
}

#games .hr-yellow {
  border-top: 1px solid #6699FF;
  padding-bottom: 1em;
  margin-top: 1em;
}

#games1{
float:left;
width:300px;
}

#games2{
width:300px;
}

.box_right {
width:100px;
background-color:#FFFFFF;
border:#000000 dashed 5px;
height:50px;
}

#divzylom{
margin-left:30px;
}


#divsearch{
width:82%;
top:0px;
left:30px;
position:relative;
margin-left:0;
padding:10px;
margin-top:20px;
float:left;
}
#libsearch{
position:relative;
top:-50px;
width:700px;
border:1px dashed #999999;
padding-bottom:30px;
}

#searchu{
position:relative;
width:690px;
border:1px dashed #999999;
text-align:left;
padding:5px;
background-color:#F5F5F5;
top:-25px;
}

#searchu p{
padding:0;
margin:0;
}

#searchu label{
text-align:left;
font-size:12px;
color:#999999;
font-weight:bold;
}

#searchu select{
font-size:12px;
}

#libsearch span{
color:#FF6600;
}

#result{
float:left;
}

#navigation{
font-size:10px;
margin-left:2px;
}

#navigation a{
text-decoration:none;
color:#aaaaaa;
}

#navigation a:hover{
text-decoration:underline;
}

#accordion {
	margin:20px 0px;
}

h3.toggler {
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	font-family: 'Andale Mono', sans-serif;
	font-size: 12px;
	background: #D2E0E6;
	color: #528CE0;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
}

div.element p, div.element h4 {
	margin:0px;
	padding:4px;
	color:#336699;
	font-size:12px;
	text-align:justify;
}

#accordion2 {
	margin:20px 0px;
}

h3.toggler2 {
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	font-family: 'Andale Mono', sans-serif;
	font-size: 12px;
	background: #D2E0E6;
	color: #528CE0;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
}

div.element2 p, div.element2 h4 {
	margin:0px;
	padding:4px;
	color:#336699;
	font-size:12px;
	text-align:justify;
}

#accordion3 {
	margin:20px 0px;
}

h3.toggler3 {
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	font-family: 'Andale Mono', sans-serif;
	font-size: 12px;
	background: #D2E0E6;
	color: #528CE0;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
}

div.element3 p, div.element3 h4 {
	margin:0px;
	padding:4px;
	color:#336699;
	font-size:12px;
	text-align:justify;
}

#accordion4 {
	margin:20px 0px;
}

h3.toggler4 {
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	font-family: 'Andale Mono', sans-serif;
	font-size: 12px;
	background: #D2E0E6;
	color: #528CE0;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
}

div.element4 p, div.element4 h4 {
	margin:0px;
	padding:4px;
	color:#336699;
	font-size:12px;
	text-align:justify;
}

#adminschools{
width:700px;
margin-left:200px;
}

#leaderboard{
width:728px;
height:90px;
background-image:url(images/banners/728x90.jpg);
background-repeat:no-repeat;
border:1px solid black;
margin-left:80px;
margin-bottom:10px;
}

#fullbanner{
width:468px;
height:60px;
background-image:url(images/banners/468x60.jpg);
background-repeat:no-repeat;
border:1px solid black;
margin-left:230px;
margin-bottom:10px;
margin-top:30px;
}

#halfbanner{
width:234px;
height:60px;
background-image:url(images/banners/234x60.jpg);
background-repeat:no-repeat;
border:1px solid black;
margin-left:330px;
margin-bottom:10px;
margin-top:30px;
}

#rectangle{
width:180px;
height:150px;
background-image:url(images/banners/180x150.jpg);
background-repeat:no-repeat;
border:1px solid black;
margin-left:350px;
margin-bottom:10px;
margin-top:30px;
}

#squarebutton{
width:125px;
height:125px;
background-image:url(images/banners/125x125.jpg);
background-repeat:no-repeat;
border:1px solid black;
margin-left:380px;
margin-bottom:10px;
margin-top:30px;
}

#skyscraper{
float:left;
width:120px;
height:600px;
background-image:url(images/banners/120x600.jpg);
background-repeat:no-repeat;
border:1px solid black;
margin-bottom:10px;
margin-top:30px;
margin-left:200px;
}
#wideskyscraper{
width:160px;
height:600px;
background-image:url(images/banners/160x600.jpg);
background-repeat:no-repeat;
border:1px solid black;
margin-bottom:10px;
margin-top:30px;
margin-left:550px;
}

div li#sky{
position:relative;
right:200px;
}

div li#widesky{
position:relative;
left:200px;
top:-25px;
}

#largerectangle{
width:336px;
height:280px;
background-image:url(images/banners/336x280.jpg);
background-repeat:no-repeat;
border:1px solid black;
margin-left:290px;
margin-bottom:10px;
margin-top:30px;
}