/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body {
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: .9ems;
   color: #333;
   background:url(images/bg.jpg);
   margin:0;
   padding:0;
   
}


/*
set font size for all divs,
this overrides some body rules
*/
div {
   font-size: 1em;
}


img.rb {
   border: solid 1px;
   margin: 5px;
   float: right;
   
}

img.lb {
   border: solid 1px;
   margin: 5px;
   float:left;
   
}

img.c {
text-align:center;
   
}




/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link 
a:active {
   text-decoration: underline;
   color: #003399; 
}

a:visited {
   text-decoration: underline;
   background-color: inherit;
   color: #003399;                /* a different color can be used for visited links */
}


/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
   color: #003399;
}

/*****************
basic layout 
*****************/

/* center wrapper, min max width */
div#pagewrapper {
   margin: 0 auto;
   width:800px;
   background: #fff;
   color: black;
   border-left: solid 2px #E3E3C6;
   border-right: solid 2px #E3E3C6;
   border-bottom: solid 8px #E3E3C6;
}


/*** header ***
we will hide text and replace it with an image
we need to assign a height for it so that the image won't cut off
*/






div#header {
	height: 220px;    /* adjust according your image size   background: #FFFFFF url(images/photos-bg.jpg) no-repeat; */
	padding:5px 5px 5px 5px;
	background-color:#ffffff;
	
}



   
div#content {
   margin: 1.5em auto .5em 0;   /* some air above and under menu and content */
}


div#main {
   margin-left: 2%;
   padding:1px 20px 20px 20px;
   margin-right: 2%;

}



div#footer {
   clear: both;
   height:60px;
   color: #fff;
   background-color: #2F87E8; 
   border-top: solid #E3E3C6 7px; 
    
}

div#footer p {
   font-size: 0.8em;
   text-align: center;
   padding:20px;
}




/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   padding: .5em;
   border-bottom: 1px dotted black;
   margin: 1em 1em 2em 1em;
}

/* relational links under content */
div.left49 {
  width: 49%; /* 50% for both left and right might lead to rounding error on some browser */
}

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
}


img.imageright {
   float: right;
   border:none;
   margin:1px;
   padding:0;

      
}

img.imageleft {
   float: left;
border:none;
   margin:1px;
   padding:0;
      
}

/********************
CONTENT STYLING
*********************/
div#content {

}

/* HEADINGS */
div#content h1 {
   font-size: 1.5em; /* font size for h1 */
   line-height: 1.5em;
}
div#content h2 {
	color: #660000; 
	font-size: 1.5em; 
	text-align: left; 
/* some air around the text */
	padding-left: 0.5em;
	padding-bottom: 1px;
/* set borders around header */
	border-bottom: 1px solid #666633; 
	border-left: .5em solid #666633; 
        line-height: 1.5em;
/* and some air under the border */
        margin: 0 0 0.5em 0;
}
div#content h3 {
   color: #660000; 
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
}
div#content h4 {
   color: #660000; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 1em;
   margin: 0 0 1.5em 0; 
   line-height: 1.4em;
   padding: 0;
}


strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}



/* END TEXT */

/* LISTS */
/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
div#main dl {
   font-size: 1.0em;
   line-height: 1.4em;
   margin: 0 0 1.5em 2em;
}


div#navbar {
	text-align:center;
	margin:5px;
	background-color:#E3E3C6;
}

div#navbar ul {
	margin:1px;
	text-align:center;
	padding-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #999;
	line-height: 30px;
	white-space: nowrap;

}
div#navbar li {
	margin:0;
	list-style-type: none;
	display: inline;

}
div#navbar li a {
	margin:0px;
	text-align:center;
	text-decoration: none;
	font-size:16px;
	font-weight:800;
	padding:10px 20px 5px 20px;
	color: #666666;	
}
div#navbar li a:link {
    color: #666;
}
div#navbar li a:visited {
    color: #666;
}
div#navbar li a:hover {
	color: #333333;
	background-color:#D5D5A8;
}