/** BASIC */

html, body {
	margin: 0;
	padding: 0px;
	background: url(images/img02.jpg) repeat-x left top;
	line-height: 20px;
	text-align: left;
	font-family:Arial CE, Helvetica CE, sans-serif;
	font-size: 10pt;
	color: #666666;
        
        height: 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

a {
	color: #0077dd;
}

a:hover {
	text-decoration: none;
}

/* WRAPPER */

#wrapper {
  
  min-height: 100%;
  
}
/*
#wrapper:after {
  content: "";
  display: block;
  height: 50px; /* the footer's total height 
}*/



.list1 {
	margin: 0;
	padding: 0;
	list-style: none;
}

.list1 a {
	background: url(images/img01.gif) no-repeat left 60%;
	padding-left: 12px;
}

.list2 {
	margin: 0;
	list-style: none;
}

.list2 a {
	background: url(images/img01.gif) no-repeat left 60%;
	padding-left: 12px;
}

img {
	border: none;
}

img.left {
	float: left;
	margin: 3px 20px 0px 0px;
}

/** HEADER */

#header {
	width: 778px;
	margin: 0px auto;
	padding: 1em;
	height: 85px;
	color: #254360;
}

#header h1 {
	margin: 0px;
	padding: 20px 0px 0px 0px;
	text-transform: uppercase;
	font-weight: bold;
        
}

#header h2 {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
}

/** MENU */

#menu {
        text-align: center;
	width: 778px;
	margin: 0px auto;
        
        border-radius: 2em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu li {
	display: inline;
        
}

#menu a {
	background: url(images/img04.gif) no-repeat right 50%;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
        
        -webkit-border-radius: 1.6em;
	-moz-border-radius: 1.6em;	
	
        text-shadow: 0 1px 1px rgba(0,0,0, .3);
}

#menu a:hover {
	background: #FFFFFF;
	color: #254360;
}



/* main level link hover */
#menu .current a, #menu li:hover > a {
	background: #ffffff url(images/gradient.png) repeat-x 0 -40px;
	color: #444;
	border-top: solid 1px #f8f8f8;

	-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	box-shadow: 0 1px 1px rgba(0,0,0, .2);

	text-shadow: 0 1px 0 rgba(255,255,255, 1);
}


#menu a:hover {
	background: #FFFFFF;
	color: #254360;
}


/** CONTENT */

#content {
	height: 100%;
        width: 778px;
	margin: 0px auto;
	padding: 20px 0px 20px 0px;
        border: 1px;
        padding-bottom: 50px;
        
}

#columnA {
        background: #ffffff;
        height: 100%;
	float: left;
	width: 538px;
	padding: 0px 20px 20px 0px;
	border: 5px solid #ffffff;
        margin: 5px auto 10px;
        min-height: 100%;
        height: auto !important;
}



/** CONTENT RESPONSIVE */

@media screen and (max-width: 479px){
            .columnA {width: 92%}
}

@media screen and (min-width: 480px){
            .columnA {width: 95%}
}

@media screen and (min-width: 740px){
            .columnA {width: 95%}
}

@media screen and (min-width: 960px){
            .columnA {width: 960px}
}

@media screen and (min-width: 1015px){
            .columnA {width: 1000px}
}

#columnA h2 {
	height: 22px;
	
	font-size: 12pt;
	font-weight: bold;
}


#columnAA {
        background: #ffffff;
        height: 100%;
	float: left;
	width: 738px;
	padding: 0px 20px 20px 0px;
	border: 5px solid #ffffff;
        margin: 5px auto 10px;
        min-height: 100%;
        height: auto !important;
}

#columnAA h2 {
	height: 22px;
	
	font-size: 12pt;
	font-weight: bold;
}


#columnB {
        height: 100%;
	float: right;
	width: 200px;
        min-height: 100%;
        height: auto !important;
}

#columnB h2 {
	height: 22px;
	
	font-size: 12pt;
	font-weight: bold;
}

#columnB h3 {
	height: 22px;
	
	border-spacing: 2px;
	font-size: 11pt;
	font-weight: bold;
}

/** FOOTER */

#footer {
        
	position: absolute ;
        height: 50px;
        width: 100%;
	margin-top: -50px;
	text-align: center;
        
        
 }     

 #footer-content {
        
        background: url(images/img03.gif) repeat-x left top;
        border: 1px #FFFFFF;
        height: 32px; /* height + top/bottom paddding + top/bottom border must add up to footer height */
        padding: 8px;
        
 }