#maincontainer{width: 1000px; margin: 0 auto;max-width:100%;} 

#menu{background: #EAEAEA;max-width:100%;}


#topsection{background: #EAEAEA;height:120px; max-width:100%;}
#topsection h1{margin: 0;padding-top: 15px;}
#contentwrapper{float: left;width: 100%;}
#contentcolumn{margin: 0 190px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/}
#leftcolumn{float: left;width: 180px; /*Width of left column in pixel*/margin-left: -1000px; /*Set margin to that of -(MainContainerWidth)*/background: #B8CFE0;}
#rightcolumn{float: left;width: 190px; /*Width of right column*/margin-left: -190px; /*Set left margin to -(RightColumnWidth)*/background: #BC6269;}
#footer{clear: left;width: 100%;background: black;color: #FFF;text-align: center;padding: 4px 0;}
#footer a{color: #FFFF80;}
.innertube{margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/margin-top: 0;}

* { padding: 0; margin: 0; }

body {margin: 0;
	padding: 0;
	color: #666666; 
	background: #A9BAC3 url('images/img/bg.gif') repeat-x;
	text-align: center; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.6em; font-size:.9em; font-family:Verdana, Tahoma, Helvetica, sans-serif
}
a {color: #4284B0;background-color: inherit;text-decoration: none;}
a:hover {color: #9EC068;background-color: inherit;}
h1, h2, h3 {font: bold 1em 'Trebuchet MS', Arial, Sans-serif;color: #333;}
h1 { font-size: 1.5em; color: #6297BC; } 
h2 { font-size: 1.4em; text-transform:uppercase;}
h3 { font-size: 1.3em; }
p, h1, h2, h3 {	margin: 10px 15px;}
}
img {border: 2px solid #CCC;max-width:100%}
img.no-border {border: none;max-width:100%}
img.float-right {margin: 5px 0px 5px 15px;}
img.float-left {margin: 5px 15px 5px 0px;max-width:100%}
a img {border: 2px solid #568EB6;max-width:100%}
a:hover img {border: 2px solid #CCC !important; /* IE fix*/border: 2px solid #568EB6;}
blockquote {
	margin: 15px;
 	padding: 0 0 0 20px;  	
  	background: #FAFAFA;
	border: 1px solid #f2f2f2; 
	border-left: 4px solid #4284B0;   
	color: #4284B0;
	font: bold 1.2em/1.5em Georgia, 'Bookman Old Style', Serif; 
}

#wrap {
	background: #FFF;
	width: 1000px; height: 100%;
	margin: 0 auto;	
	text-align: left;
max-width:100%;
}

/* header */
#header {
	position: relative;
	height: 85px;	
	background: #000 url('images/img/headerbg.gif') repeat-x 0% 100%;	
max-width:100%;
}
#header h1#logo {
	position: absolute;
	margin: 0; padding: 0;
	font: bolder 3em 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -2px;
	text-transform: lowercase;
	top: 0; left: 5px;	
}
#header h2#slogan {
	position: absolute;	 
	top:37px; left: 95px;
	color: #666666;
	text-indent: 0px;
	font: bold 11px Tahoma, 'trebuchet MS', Sans-serif; 
	text-transform: none;	
}
#header form.searchform {
	position: absolute;
	top: 0; right: -12px;	
}


/* menu tabs */
#header ul {
	z-index: 999999;
	position: absolute;
   margin:0; padding: 0;
   list-style:none;
	right: 0; 
	bottom: 6px !important; bottom: 5px;
	font: bold 13px  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;	
}
#header li {
   display:inline;
   margin:0; padding:0;
}
#header a {
   float:left;
   background: url('images/img/tableft.gif') no-repeat left top;
   margin:0;
   text-decoration:none; padding-left:4px; padding-right:0; padding-top:0; padding-bottom:0
}
#header a span {
   float:left;
   display:block;
   background: url('images/img/tabright.gif') no-repeat right top;
   color: #FFF; padding-left:8px; padding-right:15px; padding-top:6px; padding-bottom:3px
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
	color:#FFF;
}
#header a:hover {
   background-position:0% -42px;
}
#header a:hover span {
   background-position:100% -42px;
}
#header #current a {
   background-position:0% -42px;

	color: #FFF;
}
#header #current a span {
   background-position:100% -42px;
	color: #FFF;
}
/* end menu tabs */

/* alignment classes */
.float-left  { float: left; }
.float-right {	float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }
.green {	color: #9EC630; }
.gray  {	color: #BFBFBF; }

.glossymenu{border-left:1px solid #9A9A9A; border-right:1px solid #9A9A9A; border-top:1px solid #9A9A9A; border-bottom:0px solid #9A9A9A; list-style-type: none;margin: auto;
padding: 0;width: 170px;

}

.glossymenu li a{
background: white url('images/img/glossyback.gif') repeat-x bottom left;
color: white;
display: block;
width: auto;
padding-left: 8px;
text-decoration: none; font-style:normal; font-variant:normal; font-weight:bold; font-size:13px; font-family:Lucida Grande, Trebuchet MS, Verdana, Helvetica, sans-serif; padding-right:0; padding-top:3px; padding-bottom:3px
}

* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */width: 160px;}
.glossymenu li a:visited, .glossymenu li a:active{color: white;}
.glossymenu li a:hover{background-image: url('images/img/glossyback2.gif');}


@media (max-width: 840px){ /* 1st level responsive layout break point- drop right column down*/
	#maincontainer{
	width: 100%;
	}

	#leftcolumn{
	margin-left: -100%;
	}
	
	#rightcolumn{
	float: none;
	width: 100%;
	margin-left: 0;
	clear: both;
	}
	
	#contentcolumn{
	margin-right: 0;
	}
}

@media (max-width: 600px){ /* 2nd level responsive layout break point- drop left column down */
	#leftcolumn{
	float: none;
	width: 100%;
	clear: both;
	margin-left: 0;
	}
	
	#contentcolumn{
	margin-left: 0;
	}
}



ul.animatedunderlinemenu{
  list-style: none;
  margin: 0;
	margin-bottom: 0px;

  padding:0;
  text-align:center; /* enter "left", "right", or "center" to orient the menu accordingly */
  font: bold 1.2em 'Lato', sans-serif; /* use google custom font "Lato" */

background: white url('images/img/glossyback.gif') repeat-x bottom left;

}

ul.animatedunderlinemenu li{
  display: inline;
  margin-right:14px; /* spacing between each menu item */
}

ul.animatedunderlinemenu li a{
  position: relative;
	display: inline-block;
  color: black;
  padding: 2px 3px;
  padding-bottom: 3px; /*spacing between each menu item and underline beneath it */
  text-decoration: none;
  margin-bottom: 5px; /* spacing between A elements, relevant when menu becomes multi-lined */
  letter-spacing: .1em;
}

ul.animatedunderlinemenu li a:after{
  position: absolute;
	display: block;
  content: '';
  width: 0;
  height: 3px;
  background: #CAF4F9;
  top: 100%;
  left: 0;
  opacity: 0;
  z-index: -1;
  -wekkit-transition: all .3s;
  transition: all .3s;
}

ul.animatedunderlinemenu li a:hover:after{
  width: 100%; /* increase underline width to 100% */
  opacity: 1;
}

/* //// Expand underline effect //// */

ul.animatedunderlinemenu.expand li a:after{
  background: #CAF4F9;
	-webkit-transition: width .3s, opacity .3s, height .3s .3s;
	transition: width .3s, opacity .3s, height .3s .3s;
}

ul.animatedunderlinemenu.expand li a:hover:after{
  width: 100%; /* increase underline width to 100% */
	height: 10px; /* increase underline height to 10px */
  opacity: 1;
}

/* //// Expand underline upwards effect //// */

ul.animatedunderlinemenu.expandup li a:after{
  background: #CAF4F9;
	top: auto;
	bottom: 0;
	-webkit-transition: width .3s, opacity .3s, height .3s .3s;
	transition: width .3s, opacity .3s, height .3s .3s;
}

ul.animatedunderlinemenu.expandup li a:hover:after{
  width: 100%; /* increase underline width to 100% */
	height: 100%; /* increase underline height to 100% */
  opacity: 1;
}