*{margin:0;padding:0;}

:focus { -moz-outline-style: none; }

html, body {
	height: 100%;  
}

body {
    color: #505050;
    font-family: ArialMT, Arial, sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 18px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: center;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
    background-color: #FFFFFF; 
    background-image: url('images/pageback.jpg');
    background-position: center top;
background-repeat:no-repeat;
background-attachment:fixed;
}



p.extract_title {
color: #003E7E;
font-family: Arial, ArialMT, sans-serif;
font-size: 8pt;
text-align: left;
margin-bottom: 0px;
padding-bottom: 0px;
margin-top: 0px;
padding-top: 0px;
font-weight: bold;
z-index: 200;
}

p.extract_text {
color: #4270B7;
font-family: Arial, ArialMT, sans-serif;
font-size: 8pt;
font-style: italic;
text-align: left;
z-index: 200;
}

p.footer {
color: #FFFFFF;
font-family: Arial, ArialMT, sans-serif;
font-size: 8pt;
padding-bottom: 3px;
text-align: center;
}


div#distance { 
	margin-bottom: -330px; /* half of content height */
	width: 1px;           /* required to "hide" distance div */
	height: 50%;          /* required */
	float: left;          /* required */

}
div#content {
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
      min-height: 2000px;
      height:auto !important;
	height: 2000px;         /* required - desired height */
	width: 1000px;          /* required - desired width */
	margin: 0 auto;       /* required */
	clear: left;          /* required */
      border: none;
    background-image: url('images/divback.jpg');
    background-position: left top;
background-repeat:no-repeat;
}

div#rightstrip {
        position: absolute;
        top: 0px;
        width: 204px;
        left: 780px; 
        height: 100%; 
        z-index: 0;
}

div#vacancies {
        position: absolute;
        top: 220px;
        left: 35px;
        width: 168px;
        z-index: 100;
}

div#leftstrip {
        position: absolute;
        top: 0px;
        width: 150px;
        left: 20px;
        height: 100%;
        z-index: 100;
}


div#mainlogo {
        position: absolute;
        top: 25px;
        width: 145px;
        left: 22px;
        height: 166px;
        background-image: url('images/logo.gif');
        z-index: 110;
}

div#logor {
        position: absolute;
        top: 25px;
        width: 170px;
        left: 10px;
        height: 167px;
        background-image: url('images/logoov.gif');
        z-index: 110;
}

div#botrlogo {
        position: absolute;
        top: 580px;
        width: 209px;
        left: 774px;
        height: 210px;
        z-index: 0;
        background-image: url('images/brlogo.gif');
        background-position: left top;
        background-repeat: no-repeat;
}





div#slidestrip {
        position: absolute;
        top: 45px;
        width: 100%;
        left: 0px;
        height: 125px;
        z-index: 10;
}

div#header {
        position: absolute;
        top: 151px;
        width: 600px;
        left: 169px;
        height: 68px;
        z-index: 20;
}

div#textcontent {
        position: absolute;
        top: 221px;
        width: 600px;
        left: 185px;
        z-index: 20;
}

div#map {
        position: absolute;
        top: 245px;
        left: 400px;
        z-index: 30;        
}
div#mapnote {
        position: absolute;
        top: 594px;
        left: 270px;
        z-index: 30;        
}



div#shopcontent {
        position: absolute;
        top: 220px;
        width: 600px;
        left: 185px;
        height: 440px;
	overflow: none;
        z-index: 20;
}

#menu {
position: absolute;
left: 24px;
top: 197px;
text-align:left;
margin:0 auto;
padding: 20px;
z-index: 10000;
color: #FFFFFF;
font-family: Arial, ArialMT, sans-serif;
font-size: 9pt;
cursor: pointer;
line-height: 24px;
}


#terms {
position: absolute;
left: 10px;
width: 130px;
top: 480px;
text-align:center;
margin:0 auto;
padding: 20px;
z-index: 10000;
color: #FFFFFF;
font-family: Arial, ArialMT, sans-serif;
font-size: 9pt;
cursor: pointer;
}

#footer {
position: absolute;
left: 10px;
width: 130px;
top: 550px;
text-align:center;
margin:0 auto;
padding: 20px;
z-index: 10000;
color: #FFFFFF;
font-family: Arial, ArialMT, sans-serif;
font-size: 9pt;
line-height: 24px;
}


#submen1, #submen2, #submen3, #submen4 {
padding-left:10px;
}

a:link, a:visited {color: #707070; font-weight: bold;  text-decoration: none; font-family: Arial, ArialMT, sans-serif; font-size: 9pt;}
a:hover {color: #98D4F9; font-weight: bold;  text-decoration: none; font-family: Arial, ArialMT, sans-serif; font-size: 9pt;}


a.menu:link, a.menu:visited {color: #FFFFFF; font-weight: normal;  text-decoration: none; font-family: Arial, ArialMT, sans-serif; font-size: 8pt;}
a.menu:hover, span.selected {color: #98D4F9; font-weight: normal;  text-decoration: none; font-family: Arial, ArialMT, sans-serif; font-size: 8pt;}

h1 {
color: #000000;
font-family: Arial, ArialMT, sans-serif;
font-size: 10pt;
font-weight: bold;
padding-bottom: 4px;
text-align: left;
}


p {
color: #505050;
font-family: Arial, ArialMT, sans-serif;
font-size: 9pt;
padding-bottom: 12px;
text-align: left;
}

p.menu {
color: #FFFFFF;
font-family: Arial, ArialMT, sans-serif;
font-size: 9pt;
padding-bottom: 3px;
}


h3 {
color: #003E7E;
font-family: Arial, ArialMT, sans-serif;
font-size: 8pt;
letter-spacing: 2px;
margin-bottom: 0px;
padding-bottom: 0px;
margin-top: 0px;
padding-top: 0px;
font-weight: bold;
text-align: left;
}

p.box {
color: #505050;
font-family: Arial, ArialMT, sans-serif;
font-size: 10pt;
}
p.boxi {
color: #505050;
font-family: Arial, ArialMT, sans-serif;
font-size: 11px;
font-style: italic;
}
a.boxi:link {
font-family: Arial, ArialMT, sans-serif;
font-size: 11px;
font-style: italic;
font-weight: bold;
text-decoration: none;
color: #4270B7;
}
a.boxi:hover {
text-decoration: none;
font-size: 11px;
font-style: italic;
font-weight: bold;
text-decoration: none;
}

a.xlink:link, a.xlink:visited {
text-decoration: none;
color: #4270B7;
}


p.cbox {
color: #505050;
font-family: Arial, ArialMT, sans-serif;
font-size: 10pt;
padding-bottom: 0px;
padding-top: 0px;
width: 45px;
}

a.tandc:link, a.tandc:visited { color: #FFFFFF; font-weight: normal;  text-decoration: none; font-size: 8pt;}
a.tandc:hover { color: #36B436; font-weight: normal;  text-decoration: none; font-size: 8pt;}

ul {
color: #505050;
font-family: Arial, ArialMT, sans-serif;
font-size: 10.5pt;
padding-bottom: 16px;

}

li {
  margin-left: 16px;
  padding-left: 0px;
}

h2 {
color: #000000;
font-family: Arial, ArialMT, sans-serif;
font-size: 10pt;
font-weight: bold;
padding-bottom: 0px;
text-align: left;
}

.boldoff {
color: #505050;
font-family: Arial, ArialMT, sans-serif;
font-weight: normal;
font-size: 10.5pt;
}

div.products {
margin-right: 14px;
width: 75px;
float: left;
clear: both;
}
div.descriptions {
padding-bottom: 3px;
width: 428px;
float: left;
}
div.prices {
padding-bottom: 45px;
float: left;
width: 48px;
text-align: center;
}

div.pricesheader {
padding-bottom: 3px;
float: left;
width: 48px;
text-align: center;
}

div.quantities {
padding-bottom: 3px;
text-align: center;
float: left;
}

div.boxlabel {
float: left;
text-align: left;
width: 160px;
clear: both;
}
div.boxentry {
float: left;
text-align: left;
height: 30px;
width: 250px;
padding-bottom: 18px;
}

div.boxentryh {
float: left;
text-align: left;
height: 65px;
width: 250px;
}

a.buy:link, a.buy:visited { color: #4270B7; font-weight: bold;  text-decoration: none; font-size: 12pt; top-margin: 0px;}

a.vaclink:link, a.vaclink:visited { color: #003E7E; font-weight: normal;  text-decoration: italic; font-size: 8pt; top-margin: 0px;}
a.vaclink:hover { color: #000000; font-weight: normal;  text-decoration: italic; font-size: 8pt; top-margin: 0px;}

table.vacancy_table {
width: 100%;
border: 1px solid #666666;
border-collapse: collapse;
align: left;
margin-left: 1px;
margin-right: auto;
margin-bottom: 5px;
color: #505050;
font-family: Arial, ArialMT, sans-serif;
font-size: 9pt;
font-weight: bold;
}

table.vacancy_table td {
border: 1px solid #666666;
text-align: left;
padding-left: 15px;
}

.leftcolumn {
border: 1px solid #666666;
text-align: center;
padding-left: 20px;
width: 70px;
}

.rightcolumn {
border: 1px solid #666666;
text-align: left;
padding-left: 15px;
width: 70px;
}


p.vacancy_text {
color: #505050;
font-family: Arial, ArialMT, sans-serif;
font-size: 9pt;
padding-bottom: 12px;
padding-top: 5px;
text-align: left;
}

div#halftext {
  float: left;
  width: 360px;
}
div#schoolpics {
  float: left;
  width: 220px;
  margin-left: 6px;
}
img.school {
 margin-bottom: 45px;
}

div.vacdiv {
width: 100%;
padding-top: 5px;
padding-bottom: 10px;
border-top: 1px solid #003E7E;
}

div.vacdiv p {
color: #505050;
font-family: Arial, ArialMT, sans-serif;
font-size: 9pt;
padding-bottom: 0px;
text-align: left;
}