@-webkit-viewport{
    width: device-width;
    zoom: 1;
}
@-moz-viewport{
    width: device-width;
    zoom: 1;
}
@-ms-viewport{
    width: device-width;
    zoom: 1;
}
@-o-viewport{
    width: device-width;
    zoom: 1;
}
@viewport{
    width: device-width;
    zoom: 1;
}



/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}


html {
height: 100%;
}


/* HTML ELEMENTS */
body {

height: 100%; 
background-color: #ffffff;
text-align:center;
}

p{
text-align: justify;
}

/* COMMON CLASSES */
.break { clear:both; }




/* LOGO */
#header_logo { 
display:block;
text-align: left;

		}	



		
		
/* HEADER */
#header { height:30px; background-color: #000000; width:100%;}

/* NAVIGATION */

/* MENU */
#menu {
position: relative;
width: 100%; 
top:5px; 
font-family: Arial;
text-align:center;
margin-left: auto;
margin-right: auto;
border: solid; 
border-color: black; 
border-width: 0px;

color:#ffffff;
 }
#menu ul { list-style:none; }
#menu ul li { display:inline;  font-size:12px; }
#menu ul li a { color:#ffffff; text-decoration:none; font-weight:bold; padding-left:10px; padding-right:10px; }
#menu ul li a:hover { text-decoration:underline; }


/* CONTENT */


#content_container {

min-height:100%;
color:#000000; 
background: #000000 url(../images/body-bg4.gif) top; center;
background-repeat: repeat-y;

}


#content {

min-height:115px;
color:#000000; 
background: url(../images/body-bg3.gif) top; center;
background-repeat: no-repeat;
border-top: solid; 
border-color: black; 
border-width: 1px;
}






#sub_content {
display: inline-block;
background-color: #ffffff;
max-width:980px;
margin-left: auto; 
margin-right: auto;  
padding-top: 10px; 
padding-left: 3px; 
padding-right: 3px;
height: 100%;

	
}









#footer {
display:block;
color: #000000; 
text-align: center; 
padding-top:20px;
padding-bottom:15px;
background-image: url(../images/bg_footer.gif);

}








		


/* Social Media Icons
----------------------------------------------- */

#footer #social_footer {
margin-left:20px;
	
}
#footer #social_footer a.socialIcons {
	margin-right: 20px; /* Increase the number to increase the space between the icons */
}


#footer #social_footer a.socialIcons:hover {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
}