/* BASE (mobile) — no media query */

#topsection {
margin-left: 20px;
}

.header-text {
padding-top: 5px;
font-size: 24px;
}

#header_left{
  display:none;
}

#header_image{
  display:none;
}


#contentwrapper, #contentcolumn {
  float: none;
  margin-left: 0;
  width: 100%;
}

#leftcolumn {
  float: none;
  width: 100%;
  background: #B8C9B8;

}

  #rightcolumn{
  display:none;
}


#leftcolumntext{
padding-top: 8px;
padding-bottom: 8px;

	margin-top:10px; 
	margin-right: 10px;
	margin-left: 20px;
	margin-bottom: 0px;
}


  #contentcolumn{
  background: #005F37;
	padding-top: 8px;
	padding-bottom: 8px;

  }


#menu1, #menu2, #menu3, #menu4 {
margin-left: 10px;
}


.menu_text {
    margin-left: 10px;
    margin-right: 10px; 
}

.menu_header {
height: 28px;
font-size: 20px;
font-weight: normal;
padding-left: 20px;
margin-bottom: 10px;
color: #fff;
}

.normal-text {
text-transform: none;
padding-right: 0px;
padding-left: 0px;
}

.menu_icon {
display:none;
}


/* DESKTOP override */
@media (min-width: 769px) {

  #topsection {
    display: block;
	background: #fff;
	height: 217px; /*Height of top section*/
	overflow: hidden;
	margin-left:0;
  }

#topsection h1{
margin: 0;
padding-top: 15px;
}

#os_header {
height:127px;
margin-top: 0px;
}


#header_left{
display:block;
width: 218px;
float: left;
background: url(images/start_header1.png) repeat-x bottom left;
overflow-x: visible;
}

#header_image{
 display:block;
width: 336px;
float: left;
background: transparent url(images/start_logo.png) no-repeat bottom left;
}

#headerwrapper{
  float: right;
  width: 100%;
  margin-left: -554px; 
}

#header_right{
margin-left: 554px; 
background: url(images/start_header2.png) repeat-x bottom left;
}

#header_left, #header_image, #header_right {
height:217px; 
} 

.header-text {
height:45px;
text-transform: uppercase;
white-space: nowrap;
font-size: 24px;
padding-top: 5px;
padding-right: 10px;
padding-left: 10px;
}

  #maincontainer{
  overflow: hidden;
  }

  #leftcolumn{
  float: left;
  width: 350px;
  background: #B8C9B8;
  }

  #leftcolumntext{
  margin-top:0px;
  margin-right: 20px;
  margin-left: 20px;
  }

  #rightcolumn{
  display:block;
  float: left;
  width: 82px;
  background: url(images/start_divider_2.png) repeat-y top left;
  }

  #contentwrapper{
  float: none;
  width: auto;
  margin-left: 432px; /* leftcolumn + rightcolumn widths */
  overflow: hidden;
  }

  #contentcolumn{
  margin-left: 0;
  background: #005F37;
	padding: 0;
  }

#contentcolumn, #rightcolumn, #leftcolumn {
min-height:634px;
height:auto !important;
overflow: hidden;
}

.menu_header {
height: 28px;
font-size: 20px;
font-weight: normal;

padding-left: 40px;
margin-bottom: 10px;
color: #fff;
background: url(images/start_menu_header.png) no-repeat bottom left;
}



#menu1 {
margin-left: 40px;
}
#menu2 {
margin-left: 80px;
}
#menu3 {
margin-left: 120px;
}
#menu4 {
margin-left: 100px;
}

.menu_text {
margin-left: 174px; 
margin-right: 100px; 
}

.normal-text {
text-transform: none;
font-size: 15px;
padding-top: 8px;
padding-right: 10px;
padding-left: 10px;
}

.menu_icon {
display:block;
width: 150px;
margins: 0;
padding: 0;
float: left;
z-index:99;
}


}



body{
margin:0;
padding:0;

}

a, a:visited {
    	color:#FFF;
	text-decoration: none;
	font-weight: normal;
	outline: none;
}

img {
margin:0;
padding:0;
border:0px;
}


#footer{
clear: left;
width: 100%;
}

.innertube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
overflow: hidden;
}

.menu {
margin-top: 20px; 
min-height: 75px;
overflow: hidden;
}


.menu_wrapper{
  float: right;
  width: 100%;
  margin-left: -154px; 
}

.menu_text {
font-size: 15px;
color: #cFc;
}

.menu_text a {
color: #cFc;
}


.header-text, .normal-text, .menu_header, .menu_text {
font-family: "Trebuchet MS", Arial, Tahoma;
font-weight: normal;

}