html {
    font-size:80.5%;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
body {
    /*background-color, color, text-align,etc..*/
    background-color:#e9ebee;
	width:80%;
	/*background:#FAF9F6;*/
   /* background-color:#DCDADD;*/
	
    
	margin:0 auto;
}
h1, h2, h3,h4{
	margin:5px;
	padding:0px;
}

/*Link styling */
body a {
  text-decoration: none;
  color: #216E93;
  font-size:14px;
}
body a:hover {
  text-decoration: underline;
}

hr {
  border-color: #8E52A1;
}
h1 {
  font-size:3.2rem;
  font-weight: bold;
  color: #8E52A1;
  text-shadow: 3px 2px 2px #a4a2a5;
}
h2 {
  font-size:2.0rem;
  font-weight: bold;
 color: #8E52A1;
	text-shadow: 3px 2px 2px #eee;
}
h3{
  font-size:1.2rem;
  font-weight: bold;
  color: #8E52A1;
}

#header {
	/*
  background-image: url("../images/header.png");
  background-repeat: repeat-x;
	*/
	background-image:url("../images/new_header2.png");
	
  	height: 90px;
	margin:0px;
	padding:0px;
	width:100%;
	position: relative;
}



.container {
padding:0px 3px 3px 3px;
min-height:90vh;
}
#content{
	background: #FAF9F6;
	padding-top:5px;
	min-height:90vh;
	min-height: 90vh;
}

footer{
    text-align:center;
	width:80%;
	margin:0 auto;
	font-size: 12px;
	padding:4px;
    
}
/*error and success boxes */
.errorbox  
{  
    background-color: #ffebe8;  
    border: 1px solid #dd3c10;  
    color: #333333;  
    padding: 10px;  
    font-size: 11px;  
    font-weight:bold;
	
	margin: 0 auto;
} 
.errorbox p{
	font-weight: bold;
	color:#FC080C;
	line-height:15px;
	margin:0 auto;
	
}

.access_warning{
  margin:0 auto;
  padding:10px;
  background-color:#dd3c10;
  color:#FFF;
  font-weight: bold;
  border:1px solid #000000;
}
.access_warning h3{
  margin:0 auto;
}

.successbox{
	background-color:#48C515;
	border:1px solid #075504;
	color:#FBF5F6;
	padding:10px;
	font-size:11px;
	font-weight: bold;
	
	margin:0 auto;
}
.successbox p{
	font-weight: bold;
	color:#FC080C;
	line-height: 15px;
	margin:0 auto;
	
	
}

/* can also add and (orientation:landscape)*/

@media only screen and (max-width:600px){
   
    .errorbox, .access_warning, .successbox{
      width:80%;
    }
	body{
		width:90%;
	}
	
	#header{
		width:100% !important;
	}
    
	#header_nav_bar a{
		font-size: 12px;
	}
	#header_title{
		position: absolute;
		 font-size:2.3rem !important;
		margin-top:25px;
	}
	/*
	#header_nav_bar{
		width:90% !important;
	
	}
	
	#header_nav_bar ul{
		width:90%;
		
	}
	*/
   
	
}

@media only screen and (max-width:1330px){
    
   .container {
        width:100%;
        
    }
	
	#header_title{
		 font-size:2.3rem !important;
		top:-10px;
	}
}
    
@media only screen and (min-width:1200px){
    .container {
     width:100%;
     
    }
    .errorbox, .access_warning, .successbox{
      width:80%;
    }
     

}
/*
@media only screen and (min-width:992px){
    .container {
     width:100%;
     
    }
    .errorbox, .access_warning, .successbox{
      width:80%;
    }
    #dashboard_content{
		width:100% !important;
	}
    
}
*/

@media only screen and (min-width:768px){
    .container {
     width:100%;
     
    }
    .errorbox, .access_warning, .successbox{
      width:80%;
    }
     
  
    
}
@media only screen and (max-width:1201px){
    .container {
     width:100%;
     
    }
    .errorbox, .access_warning, .successbox{
      width:80%;
    }
   
   
    
}
 /*   
@media only screen and (min-width:601px){
    .container {
     width:100%;
    }
    .errorbox, .access_warning, .successbox{
      width:80%;
    }   
}*/