body
{
    padding: 0;
    margin: 0;
    background: white url(../mainpagelayout/main_background.gif);
    height: 100%;
    background-repeat: repeat-x;
    font-family: Arial, helvetica, Sans-Serif;
    font-size:10pt;
    }

h3
{
    text-align: center;
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
}
h2
{
    text-align: center;
    font-size: 13px;
    font-weight: bold;
}
h4
{
    text-align: center;
    font-size: 11px
}
#container
{
    position: absolute;
    left: 50%;
    width: 800px;
    /*height: 280%;*/
    margin-left: -400px;

    background :rgb(101,54,0);
    padding: 0px 5px;
}

#top
{
    background:white url(../mainpagelayout/background_top.gif);
    width: 100%;
    height: 167px;



}

#base
{
    height: 20px;
    width: 100%;
    display: block;
     background :rgb(101,54,0);
    float:left;
}


#text {
    background:  transparent;
    height: 167px;
    padding-top: 85px;
}
* html #text {
    height:  82px;
}


#topleft
{
    float: left;
    background: white url(../second_main_page_layout/pictogram_about_us.gif);
    height: 167px;
    width: 223px;
    background-repeat: no-repeat;
}
#topright
{
    float: left;

    width: 443px;
    height: 167px;
    background: white url(../mainpagelayout/books.jpg);

}

#bottom
{

    width: 100%;

    float: left;
    position: relative;
    background: transparent;

}
#botleft
{
    width: 188px;
    float: left;
    background: transparent;

}

#botleft li
{
    margin-top: 5px;
    margin-left:0px;


 }

.submenu
{

    margin-top: 0px;
    display:none;


}




 p, h1
 {
     margin-left: 20px;
     font-family:Arial;
     font-size: 10pt;
 }

 #botleft ul li
{
    margin-left: -20px;
    margin-top: 25px;
    list-style-type: none;
}

.innermenu
{
    padding-left: 25px;
}


 #botleft a:link, #botleft a:active, #botleft a:visited, #text a:active, #text:link , #text a:visited
{
    font-family: Arial;
    text-decoration: none;
   color :rgb(178,187,28);
   font-size: 15px;

}

.logo{
 margin-left : 120px;
}

#botleft a:hover, #text a:hover
{
     color: #FFFFFF;
}

#mainbot
{
    float: left;
    background-color: #FFFFFF;
    width: 76.5%;

}

#botright
{
    height: 120%;
     width: 98%;
    float: left ;
    background-color: #FFFFFF;
    padding-left: 5px;
    padding-right: 5px;
}





 #footer, #footer .txt a:link, #footer .txt a:active,#footer .txt a:visited ,
 .text a:visited, .text a:active,.text a:link
{
    width: 100%;
    float: left;
    background: transparent;
    text-align: center;
    font-style: italic;
    color :rgb(178,187,28);
}

.nicky
{
    float:right;
    margin-right: 65px;
}

#details
{
    float: left;
    text-align: right;
    font-size: 8pt; /**height: 159px;*/
    width: 51%;
    padding-top: 21%;
    padding-right: 5px;

}

.bkground
{
    background:  url(../English/corkbackground.jpg);
    color: White;
}


#students
{
    text-align: center;
    color: #FFFFFF;
    width: 100%;
    background: transparent;
    height: 220px;
}

#photos
{
    float: left;
    width: 50%;
    background: transparent;
}

.eve
{
    margin-left: -120px;
}

.write
{

    text-align:left;
}

.txt
{
    margin-left: -65px;
    text-align:left;
}

.myimage
{
    margin-top: -50px;
}

#josecuba
{
    float:left;

}
#turk
{
    float: right;

}

.cubatxt
{
    width: 150px;
    float:left;
    text-align:left;
}

#japtxt
{
    float:left;
    text-align: right;
    width: 180px;
    margin-left: 40px;
}

.lastpic
{
    text-align: center;
    color: #FFFFFF;
    width: 100%;
    background: transparent;
    height: 180px;
}


.bkground a img
{

 border: 0px;
}

#italytxt
{
    float:left;
    width:120px;

}
#chili
{
    float :left;
    width: 30%;
}

#chilitxt
{
    text-align: center;
    font:left;


        }
#staffpanel
{
    width: 100%;
    float:left;

}

#staffpic
{
    float:left;
    width: 20%;
    text-align: center;
}
#lasttxt
{
    float: right;
    width: 50%;
}

#turktxt
{
    width:390px;
    font: left;
    margin-top: 50px;
}

.stafflogo
{
    margin-left: 10px;

}

.staffpic2
{
    float:right;
    width: 20%;
    text-align: center;
}

 table.MsoNormalTable
	{font-size:10.0pt;
	font-family:"Times New Roman";
	}
 p.MsoNormal
	{margin-bottom:.0001pt;
	font-size:12.0pt;
	font-family:"Times New Roman";
	        margin-left: 0cm;
            margin-right: 0cm;
            margin-top: 0cm;
        }

        .test
{
    height: 450px;

    overflow:scroll;
    margin-left: 20px;
}



.germanchildren
{
    margin-top: 70px;
    margin-left: 5px;
}



.cardiffleft
{
   float: left;
    width: 55%;


}
.cardiffright
{
     float: left;
    width: 45%;



}

.social a img
{
    border: 0px ;
    margin-left: 15px;
}

.gallerypic
{
    margin-left: 25%;
    border: 0px;
    }

  div.pictures {

					    border:2px solid black;
						height:400px;
						width:589px;
						padding:3px;
						overflow: scroll;
					}
					img.thumbnail {
						height:92px;
						width:92px;
						border:2px solid black;
						background:rgb(100,100,10);
						margin:10px;
					}
					img.preview {
						/*height:480px;
						width:640px;*/
						border:2px solid black
					}
					ul.next{
						overflow:hidden;

						list-style-type:none;
					}
					.floatLeft {
						float:left;
						text-align: center
					}
					.floatRight {
						float:right;
						text-align: center;
					}

#left img
{
    margin-left: 20px;
}



.fright
{
    float:right;
}

.fleft
{
    float:left;
}
