/* tag definitions */

html {  min-height: 100.5%; }

body {
	font-family:Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10pt;
	margin:1px;
	background-color:#B5C9CF;
}

div{
    border:0px solid black;
}

a{
    color:black;
    text-decoration: underline;
}

a:hover{
    text-decoration: underline;
}

ul{
margin-left:20px;
}

li{
    font-size:10pt;
}

/* main Containers */

#mainContainer, #mainContainer2{
                text-align:left;
                margin:0px auto;
                position:absolute;
                left: 50%;
                margin-left:-502px;
                width:997px;
                height:auto;
                background-repeat:repeat-y;
                border: 3px solid white;
	 z-index:1; 
}

#mainContainer{
                background-image: url(../graphics/background.jpg);
}

#mainContainer2{
                background-image: url(../graphics/background2.jpg);
}

#leftColumn{
    position:relative;
    float:left;
    width:247px;
    height:100%;
    background-color: #6998a6;
    z-index:2;
    border: 0px solid black;
}

#mainColumn, #mainColumnContact{
    position:relative;
    float:left;
    width:503px;
    z-index:3;
    border: 0px solid black;
}

#mainColumn{
    width:460px;
    padding:0px 23px 0px 20px;
}

#secondLevelMenu{
    position:relative;
    float:left;
    width:503px;
}

#rightColumn{
    height:100%;
    position:relative;
    float:left;
    top:0px;
    width:247px;
    z-index:4;
    border: 0px solid blue;
}

/* central unique elements */

#logo{
    float:left;
    width:247px;
    height:100px
}

#header{
    position:relative;
    float:left;
    width:750px;
    height:140px;
    background-color:#fff;
    border:0px solid black;
}

#breadcrumb{
    position:relative;
    float:left;
    width:720px;
    padding:27px 0px 0px 19px;
    font-size:8pt;
}

#headerTitle{
    width:720px;
    float:left;
    padding:40px 0px 0px 19px;
    font-size:10pt;
    border:0px solid black
}

/* general classes */

.bold{
	font-weight:bold;
}

.right{
    text-align:right;
}

.normalRedLink, .redLink, .redHeader, .showHideLink{
    color:#bd2716;;
}

.normalRedLink, .redLink, .showHideLink{
    text-decoration:underline;
}

.redLink, .redHeader{
    font-weight:bold;
}

.showHideLink{
    text-align:right;
}

.subHeader{
    font-size:10pt;
}

.lateralBigImage{
    float:left;
    height:203px;
    width:247px
}

.leftColumnTitel1{
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
    line-height:100px;
    float:left;
}

.leftColumnTitel2{
    vertical-align:middle;
    font-size:8pt;
    color:#3F385A
}

.menuBox{
    clear:left;
    padding:19px 4px 4px 22px;
    color:#fff; 
    font-size:10pt;
    font-weight:bold;
    border:0px solid black
}

.menuBox a{
    color:white;
    text-decoration:none;
}

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

.longText{
    margin-top:1em;
}

.moreLess{
    text-align:right;
}

.downloadItem{
    margin-top:10px;
}

.contactBox{
    padding:4px 0px 0px 6px;
    font-size: 9pt;
}

.hidden{
    display:none;
}

.jobsHeader{
    border:1px solid black;
    padding:4px;
}

/* white border classes */

.topBorder{
	border-top: 3px solid #fff;
}

.leftBorder{
	border-left: 3px solid #fff;
}

.rightBorder{
	border-right: 3px solid #fff;
}

.bottomBorder{
	border-bottom: 3px solid #fff;
}

.greenBottomBorder{
	border-bottom: 3px solid #a9cad4;
}

.lightGreenBottomBorder{
	border-bottom: 3px solid #eff4f7;
}

/* box classes */

.lightGreenBox, .lightGreenBox2, .darkGreenBox, .smallLightGreenBox{
	float:left;
	width:122px;
}

.threeLightGreenBoxes2{
	float:left;
	width:372px;
}

.lightGreenBox, .lightGreenBox2, .darkGreenBox, .broadLightGreenBox2, .threeLightGreenBoxes2{	
	height:100px;
}

.smallLightGreenBox{
    height: 40px;
}

.lightGreenBox, .smallLightGreenBox{
    background-color:#a9cad4;
}

.darkGreenBox{
    background-color:#6999A7;
}

.lightGreenBox2, .broadLightGreenBox2, .threeLightGreenBoxes2{
	background-color:#eff4f7;
}

.broadLightGreenBox2{
    float:left;
    width:247px;
}

/*other uniqe elements*/
#lightBroadRightLowerBox{
    width:250px;
}

.outerDiv{
    display: table;
    #position: relative;
    overflow: hidden;
}

.middleDiv{
    #position: absolute; 
    #top: 50%;
    display: table-cell;
    vertical-align: middle;
}

.innerDiv{
    #position: relative; 
    #top: -50%;
    font-size:9pt;
    padding:0px 6px 0px 6px; 
}