/* LAYOUT */


html
{
margin:0px;
padding:0px;
width:100%;
height:100%;

font-family: Arial, sans-serif;
}


body
{
cursor:url("http://www.germanschools.org/Images/GLSC_Cursor.ani"), auto;

font-size:78%; /* was 73% */

position:absolute;
overflow:hidden;
width:100%;
height:100%;

top:0;
left:0;
right:0;
bottom:0;

margin:0px;
padding:0px;
z-index:1;
}

#Upper_Frame
{
position: absolute;
overflow:hidden;

left:0;
top:0;

width: 100%;
height: 75px;
z-index: 1;

background:#3C73FF;
color:#ffffff;
}

#Middle_Frame
{

position:absolute;
overflow:auto;

top:75px;
bottom:18px;
left:0;

right:0;

width: auto;


margin:0;

z-index: 1;

background:none;
}


#Lower_Frame
{
position:absolute;

overflow:hidden;
/* overflow:visible is set on Conference Archive pages; */

left:0;
bottom:0;

width: 100%;

height:15px;

z-index: 2;

border-top:1px solid #3C73FF;

background:#C6E2FF;
color:#000000;

padding-left:5px;
padding-right:5px;
padding-top:3px;

font-size:0.8em;
}


#Wrapping
{

overflow:visible;
position:absolute;
width:96%;
height:100%;

margin-left:2%;
margin-right:2%;
z-index: 0;

background:none;
}

#Left_Frame
{

text-align:left;

position:absolute;

overflow:auto;

top:55px;
bottom:10px;
left:0px;

width:auto;

height:auto;


padding-right:1px;

z-index:4;

background:none;

}


#Right_Frame
{
overflow:auto;
position:absolute;

top:55px;
bottom:10px;
right:0px;
left:190px;

width:auto;

height:auto;

z-index:5;

background:none;
border:1px solid #3C73FF;

padding:10px;
}

#Layer_Page_Title
{
position: absolute;
width: 50%;
height: 20px;
z-index: 1000;
top: 14px;
right: 15px;
text-align:right;
font-size: 1.2em;
font-weight: bold;
font-style:italic;
}

#Layer_Page_Bottom
{position: absolute;
width: 185px;
height: 15px;

z-index: 1;
right: 15px;
bottom: 0px;
text-align:right;
}

#Search_Box
{position: absolute;
right:78px;
bottom:1px;
width:100px;
height:12px;
padding-bottom:0px;
padding-top:0px;
padding-left:2px;
padding-right:2px;
font-family:Arial, sans-serif;
font-size:11px;
z-index:3;
}

#Search_Button
{
color:#FFFFFF;
padding:0px;
position: absolute;
background:#3C73FF;
right: 1px;
bottom:2px;

border-top: 1px #EEFFFF solid;
border-left: 1px #EEFFFF solid;
border-right: 1px blue solid;
border-bottom: 1px blue solid;

height:15px;
width:75px;
font-size:9px;
font-family:Arial, sans-serif;
z-index:3;
/* font-stretch:wider; */
}

/* MENU */

.menu_item
{
border-top:1px #CCCCCC solid;
border-right:1px #888888 solid;
border-bottom:1px #888888 solid;
border-left:1px #CCCCCC solid;
width:auto;
height:24px;
vertical-align:bottom;
font-size:11px;
padding:3px;
vertical-align:middle;
line-height:110%;
}

.menu_item_sub
{
border-top:1px #CCCCCC solid;
border-right:1px #888888 solid;
border-bottom:1px #888888 solid;
border-left:1px #CCCCCC solid;
width:auto;
height:16px;
padding-top:2px;
background: url('../menu/MenuAni.gif') 6px 6px no-repeat;
text-align:left;
padding-left:18px;
}


/* MENU end */

/* TEXT */


h1,h2,h3,h4,h5,h6 {text-align:center}
p, ol, ul, li {text-align:justify}

a{
background-color:inherit;
color:#0055FF;
text-decoration:none;
}
a:visited{
background-color:inherit;
color:#800080;
text-decoration:none;
}
a:hover{
background-color:inherit;
color:#0055FF;
text-decoration:underline;
}
a:active{
background-color:inherit;
color:#FF0000;
}
blockquote{
background:#3C73FF;
color:#525252;
font:1em Arial,sans-serif;
}

h1{
margin-top:15px;
margin-bottom:15px;
padding:2px;
background:#C6E2FF;
color:#0055FF;
font-size:18px; /* was 150%; */
font-weight:normal;
text-transform:uppercase;

border-top: 1px #EEFFFF solid;
border-left: 1px #EEFFFF solid;
border-right: 1px #9ECCFA solid;
border-bottom: 1px #9ECCFA solid;
}


h2{
margin-top:15px;
margin-bottom:10px;
padding:2px;
background:#C6E2FF;
color:#0055FF;
font-size:15.5px;
font-weight:bold;

border-top: 1px #EEFFFF solid;
border-left: 1px #EEFFFF solid;
border-right: 1px #9ECCFA solid;
border-bottom: 1px #9ECCFA solid;
}

h3{
margin-top:15px;
margin-bottom:10px;
padding:2px;
background:#C6E2FF;
color:#000000;
font-size:14.5px;
font-weight:bold;
}

h4{
margin-top:15px;
margin-bottom:10px;
padding:2px;
background-color:inherit;
color:#0055FF;
font-size:14.5px;
font-weight:bold;
}

h5{
margin-top:15px;
margin-bottom:10px;
padding:2px;
background-color:inherit;
color:#000000;
font-size:14.5px;
font-weight:bold;
}

h6{
margin-top:15px;
margin-bottom:10px;
padding:2px;
background-color:inherit;
color:#000000;
font-size:12px;
font-weight:bold;
}


.hblue{
text-align:center;
margin-top:15px;
margin-bottom:10px;
padding:2px;
background:#C6E2FF;
color:#0055FF;
font-size:15px;
font-weight:normal;
border-top:1px #EEFFFF solid;
border-left:1px #EEFFFF solid;
border-right:1px #9ECCFA solid;
border-bottom:1px #9ECCFA solid;
}

p{
margin-top:10px;
margin-bottom:10px;
background-color:inherit;
color:#000000;
font-size:1em;
}


pre{
color:#639C9C;
background:#FFFFFF;
font:1em Arial,sans-serif
}

tr{
border:0;
font-size:0.8em;
}

ol{
list-style-position:outside;
padding:0px;
margin-left:38px;
margin-top:10px;
}

ul{
list-style-image:url('../Images/GLSC_Bullet.gif');
list-style-position:outside;
padding:0px;
margin-left:25px;
margin-top:10px
}

li{
margin-top:5px;
margin-bottom:5px;
}


/* FIXED-SIZE BUTTON start */

.button_div, .button_div_2, .button_grey_div
{
width:200px;
height:100px;

border-bottom:6px white solid;

text-align:center;
font-size:12px;

background-color:inherit;
color:#FFFFFF;
}

.button_div a:link, .button_div a:visited, .button_div_2 a:link, .button_div_2 a:visited,
.button_grey_div a:link, .button_grey_div a:visited
{
width:auto;

height:100%;

padding:2px;

border-top: 1px #EEFFFF solid;
border-left: 1px #EEFFFF solid;
border-right: 1px #9ECCFA solid;
border-bottom: 1px #9ECCFA solid;

text-decoration:none;
background:#C6E2FF;
display: block;
color:#0055FF;
}



.button_grey_div a:link, .button_grey_div a:visited
{
border-top: 1px #EEEEEE solid;
border-left: 1px #EEEEEE solid;
border-right: 1px #CCCCCC solid;
border-bottom: 1px #CCCCCC solid;

background:#EBEBEB;
}


.button_div a:hover, .button_div_2 a:hover, .button_grey_div a:hover
{
width:auto;
height:100%;

border: 1px #9ECCFA solid;

padding:3px 1px 1px 3px;

background:#3C73FF;
color:#FFFFFF;
}


.button_grey_div a:hover
{
background:#CCCCCC;
border: 1px #AAAAAA solid;
}

.button_div a:active:hover, .button_div_2 a:active:hover, .button_grey_div a:active:hover
{
color:#FFFFFF;

background:#0048FF;

padding:4px 0px 0px 4px;
}


.button_grey_div a:active:hover
{
background:#AAAAAA;
}


.button_div_2 a:link, .button_div_2 a:visited, button_grey_div a:visited
{
border-top: 2px #EEFFFF solid;
border-left: 2px #EEFFFF solid;
border-right: 2px #9ECCFA solid;
border-bottom: 2px #9ECCFA solid;
}

.button_div_2 a:hover
{
border-top: 2px #9ECCFA solid;
border-left: 2px #9ECCFA solid;
border-right: 2px #0048FF solid;
border-bottom: 2px #0048FF solid;
}

.button_div_pressed
{
color:#FFFFFF;

width:200px;
height:100px;

background:#0048FF;

border: 1px #9ECCFA solid;

padding:2px 0px 6px 0px;

text-align:center;
font-size:1em;
}

.button_div_2_pressed
{
color:#FFFFFF;
background:#0048FF;

width:200px;
height:100px;

border-top: 2px blue solid;
border-left: 2px blue solid;
border-right: 2px #9ECCFA solid;
border-bottom: 2px #9ECCFA solid;

padding:2px 0px 6px 0px;

text-align:center;
font-size:1em;
}

/* FIXED-SIZE BUTTON end */



/* BUTTONS-LINKS */


a.Button
{
text-align:left;
font-size:12px;
text-decoration:none;
background:#C6E2FF;
color:inherit;
display: block;
}


a.Button:link, a.Button:visited
{
display: block;

background:#C6E2FF;

color:#0055FF ! important;

padding-left:1px;
padding-top:2px;
padding-right:2px;
padding-bottom:3px;

border-top: 1px #EEFFFF solid;
border-left: 1px #EEFFFF solid;
border-right: 1px #9ECCFA solid;
border-bottom: 1px #9ECCFA solid;

text-decoration:none;

margin-left:0;
}



a.Button:hover
{
background:#3C73FF;
color:#FFFFFF ! important;

padding-left:2px;
padding-top:3px;
padding-right:1px;
padding-bottom:2px;

text-decoration:none;

display: block;
}


a.Button:active, a.Button:focus
{
background:#0048FF;
color:#FFFFFF ! important;
}


.Button_Pressed
{
color:#FFFFFF;
width:173px;
text-align:left;
font-size:12px;
text-decoration:none;
background:#0048FF;
display: block;

padding-left:2px;
padding-top:3px;
padding-right:1px;
padding-bottom:2px;

border-top: 1px #DDDDDD solid;
border-left: 1px #DDDDDD solid;
border-right: 1px #DDDDDD solid;
border-bottom: 1px #DDDDDD solid;
}


/* GRAY BUTTON-LINK */


a.Button_Gray
{
text-align:left;
font-size:12px;
text-decoration:none;
background:#DDDDDD;
color:inherit;
display: block;
}


a.Button_Gray:link, a.Button_Gray:visited
{
display: block;

background:#DDDDDD;

color:#0055FF ! important;

padding-left:1px;
padding-top:2px;
padding-right:2px;
padding-bottom:3px;

border-top: 1px #EEEEEE solid;
border-left: 1px #EEEEEE solid;
border-right: 1px #AAAAAA solid;
border-bottom: 1px #AAAAAA solid;

text-decoration:none;

margin-left:0;
}


a.Button_Gray:hover
{
background:#888888;
color:#FFFFFF ! important;

padding-left:2px;
padding-top:3px;
padding-right:1px;
padding-bottom:2px;

text-decoration:none;

display: block;
}


a.Button_Gray:active
{
background:#0048FF;
color:inherit;
}

.Button_Gray_Pressed
{
color:#FFFFFF;
width:173px;
text-align:left;
font-size:12px; /* was 1em */
text-decoration:none;
background:#333333;
display: block;

padding-left:2px;
padding-top:3px;
padding-right:1px;
padding-bottom:2px;

border-top: 1px #DDDDDD solid;
border-left: 1px #DDDDDD solid;
border-right: 1px #DDDDDD solid;
border-bottom: 1px #DDDDDD solid;
}


.Bullet
{
float:left;
border:none;
vertical-align:bottom;
margin: 0px 6px 5px 6px;
}


.Bookmark
{
position:relative;
height:10px;
width:1px;
background:none;}

.Adjust_Height
{min-height:100%}



/* INDIVIDUAL PAGES */


#Layer_Left_Flags
{
width:100px;

text-align:center;

background:#C6E2FF;
color:inherit;

border-top: 2px #EEFFFF solid;
border-left: 2px #EEFFFF solid;
border-right: 2px #9ECCFA solid;
border-bottom: 2px #9ECCFA solid;

}

#Country
{
position: absolute;
width: 150px;
height: 10px;
z-index:0; left:0px;
top: 200px
}


/* ADDRESSES */

.School_Line_Top, .School_Line_Middle, .School_Line_Bottom,
.School_Header,
.School_Body,
.School_Address,
.School_Address_Mail,
.School_Mail,
.School_Director,
.School_Phone,
.School_Fax,
.School_EMail,
.School_Member,
.School_Web
{
border-left: 1px #F3F3F3 solid;
border-right: 1px #CCCCCC solid;

background: #EBEBEB;
color:inherit;
text-align:left;
margin:0;
padding:0px 10px 0px 30px;

font-size:12px; /* added */
line-height:16px; /* added */
}

.School_Line_Top
{color:#EBEBEC;
border-top: 1px #F3F3F3 solid;
font-size:1px;
line-height:5px;
}

.School_Line_Middle
{color:#EBEBEC;
font-size:3px;
line-height:5px; /* added */
}

.School_Line_Bottom
{color:#EBEBEC;
border-bottom: 1px #CCCCCC solid;
font-size:8px;
margin-bottom:8px;
line-height:10px;
}

.School_Header
{
font-weight:bold;
text-align:center;
background: #C6E2FF;

border-top: 1px #EEFFFF solid;
border-left: 1px #EEFFFF solid;
border-right: 1px #9ECCFA solid;
border-bottom: 1px #9ECCFA solid;

margin:0px;
padding:0px;

line-height:2.4em;
}

.School_Body
{background: #EBEBEB;}

.School_Address
{background: #EBEBEB url('../Images/School.gif') 10px 0px no-repeat;}

.School_Address_Mail
{background: #EBEBEB url('../Images/School_Letter.gif') 10px 0px no-repeat;}

.School_Mail
{background: #EBEBEB url('../Images/Letter.gif') 10px 0px no-repeat;}

.School_Phone
{background:#EBEBEB url('../Images/Phone.gif') 10px 0px no-repeat;}

.School_Fax
{background:#EBEBEB url('../Images/Fax.gif') 10px 0px no-repeat;}

.School_EMail
{background:#EBEBEB url('../Images/E_Mail.gif') 10px 0px no-repeat;}

.School_Director
{background: #EBEBEB url('../Images/Business_Card.gif') 10px 0px no-repeat;}

.School_Member
{color:#0055FF; background:#EBEBEB; font-size:9px; line-height:8px; text-align:right;}

.School_Web
{background:#EBEBEB url('../Images/Website.gif') 10px 0px no-repeat;}


.White_Dot
{
font-size:0px;
line-height:0px;
margin:0px;
color:#fffffe;
background:#ffffff;}


a.address_header, a.address_header_double
{
text-decoration:none;
background:#C6E2FF;
color:inherit;
display: block;

width:auto;

font-weight:bold;

text-align:center;

line-height:24px; /* 2em */

font-size:12px;
}

a.address_header_double
{line-height:15px;}

a.address_header:link, a.address_header:visited, a.address_header_double:link, a.address_header_double:visited
{
display: block;

background:#C6E2FF;

color:#0055FF ! important;

padding-left:1px;
padding-top:7px;
padding-right:2px;
padding-bottom:6px;

border-top: 1px #EEFFFF solid;
border-left: 1px #EEFFFF solid;
border-right: 1px #9ECCFA solid;
border-bottom: 1px #9ECCFA solid;

text-decoration:none;

margin-left:0;
}

a.address_header:link, a.address_header:visited
{
padding-top:2px;
padding-bottom:3px;
}



a.address_header:hover, a.address_header_double:hover
{
background:#3C73FF;
color:#FFFFFF ! important;

padding-left:2px;
padding-top:8px;
padding-right:1px;
padding-bottom:5px;

text-decoration:none;

display: block;
}


a.address_header:hover
{
padding-top:3px;
padding-bottom:2px;
}



a.address_header:active, a.address_header_double:active
{
background:#0048FF;
color:inherit;
}



/* CONFERENCE start */

.Conference_Time
{
text-align:left;
background:transparent;
margin:0 0 -1.5em 0;
padding:0em 1em 0.25em 1em;
position:relative;
z-index:8;
}

.Conference_Time_1
{
text-align:left;
background:transparent;
margin:0 0 -1.5em 0.6em;
padding:0em 1em 0.25em 1em;
position:relative;
z-index:8;
}

.Conference_Event, .Conference_Event_gray
{
background:none;
text-align:justify;
margin:-1.65em 0 0.3em 0; /* first was -1.65em */
padding: 0.35em 7em 0.4em 7em;
position:relative; /* was hidden*/
z-index:6;
}

.Conference_Event_gray
{background:#ebebeb;
color:inherit;
}

.Conference_Place
{
text-align:right;
margin:-0.15em 1em -0.5em 0; /* was -1.15em before first margin */
padding:0em 0em 0em 1em;
position:relative;
z-index:7;
background:transparent;
}

/* CONFERENCE end */

/* CONFERENCE 2006 start */

.row_dark {background:#ebebeb; color:inherit;}

.col_time {padding:5px 10px 5px 5px; vertical-align:top; text-align:right; height:25px; width:65px; font-size:12px;}

.col_event {padding:5px; vertical-align:top; text-align:justify; font-size:12px;}

.col_place {padding:5px 5px 5px 10px; vertical-align:top; text-align:center; height:25px; width:100px;  font-size:12px;}

.workshop_list {margin-top:-6px; margin-bottom:-2px; margin-left:18px; padding:0px;}

.star {color: #FF0000; background:inherit; font-weight:bold; font-size:16px; line-height:12px;}

/* CONFERENCE 2006 end */

/* PRE-CONFERENCE MEETING start */

.col_number {padding:5px 10px 5px 5px; vertical-align:top; text-align:right; height:25px; width:25px; font-size:12px; text-align:right;}

.col_person {padding:5px 5px 5px 10px; vertical-align:top; text-align:center; height:25px; width:150px;  font-size:12px; text-align:left;}

/* PRE-CONFERENCE MEETING end */

/* FORM start */

#form
{
width:500px;

height:325px;
position:relative;
padding:0px;
margin:0 auto;

border-top: 1px #EFEFEF solid;
border-left: 1px #EFEFEF solid;
border-right: 1px #CCCCCC solid;
border-bottom: 1px #CCCCCC solid;

background:#EEEEEE;
color:#0055FF;

z-index:10;
}

.field
{
position:absolute;
width:480px;
height:50px;

top:10px;
left:10px;

background:#FFFFFF;
color:inherit;

border-top: 1px #CCCCCC solid;
border-left: 1px #CCCCCC solid;
border-right: 1px #EFEFEF solid;
border-bottom: 1px #EFEFEF solid;

z-index:11;
}

.element
{

margin:0;
padding:0;
border:0;

position:absolute;
left:20px;
top:20px;
text-align:left;

font-size:12px;
font-weight:bold;

background:transparent;
color:inherit;

z-index:12;
}

.input
{
width:100px;
height:16px;

left:53px;

background-color:inherit;
color:#0055FF;

font-size:14px;
padding-top:1px;
}

.option_gray
{background:#ebebeb; color:inherit;}

/* FORM end */


#back_to_program
{
font-size:6px;
text-align:left;
z-index:0;
position:absolute;
left:2%;
bottom:28px;
width:190px;
height:15px;
}