/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* _________________________

Reset style above

___________________________ */

/* ________________________

Global Style below - stuff that never changes

___________________________ */

header, nav, main, footer { display: block; }

body { font-family: Arial, sans-serif;
      background-color: #ffffff;
}
#container { margin: 0 auto;
  max-width: 850px;
  background-color: #ffffff; 
           color: #000066;
} 
header { background-color: #ffffff;
        padding: 20px 20px 20px;
}

div { text-align: center; }

img { max-width: 100%; }

h1 {  text-align: center;
      font-size: 1.2em;
      font-weight: 200;
      color: #6078a4;
      padding: 14px;
      line-height: 140%;
}

p {  line-height: 1.5; }

h2 { color: #869dc7; 
     font-family: arial, sans-serif;
	 font-size: 100%;
}
nav { color: #00005D;	   

} 
nav ul { list-style-type: none; 
         margin: 0;
         
}
nav li { font-size: .9em; }

nav a { text-decoration: none; }
nav a:link { color: #00005d; }
nav a:visited { color: #000000; }
nav a:hover {  color: #869dc7;}

main { margin: auto;
        padding: 20px; 
        background-color: #ffffff;
        color: #00005d;
        font-size: 1em;
}

table {
  width: 90%;
  margin: 5% auto 0 auto;
}


#slideshow { max-width: 100%;
        margin: 0 auto;
        background-color: black; }

ul { list-style-type: none; line-height: 2em; }

li { font-size: .9em; }

#rightcol { max-width: 850px;
            text-align: left;
            padding: 35px }

#address { font-size:1.2em;
         text-align: center; }

footer { font-size:70%;
         text-align: center;
		 clear: right;
         padding: 20px; 
		 background-color: #dcdcdc;
          clear: both; }

#flag { float: right;
        max-width: 100%;
        padding-left: 22px; 
        padding-bottom: 22px; }

#insidepages { max-width: 850px;
      margin: 0 auto;}
    

/*  _________________________

begin media query 

___________________________ */
    
    
  
@media (min-width: 1024px) {

        body { margin: 0; }



        #imageholderresponsive { display: none; }

        main { margin-left: 0; }

        nav { float: none; width: auto; }

        nav li { display: inline;
            margin: 0 20px; }

        nav ul { text-align: center; }

        nav a { border-style: none; }

        h2 { font-size: 110%;
          padding-top: 2px;
          padding-bottom: 2px; }    
              
        p { font-size: 110%; }
  
}



@media (min-width: 481px) and (max-width: 1023px) {
        #container { width: auto; }
    
        h2 { font-size: 100%; }

        p { font-size: 90%; }

        nav, nav ul, nav li { padding: 0; }

        nav li { display: inline;
                margin: 0 10px;  }
        nav a { 
          padding: 0.5em 0; }

        #imageholderresponsive { display: none; }
}


@media (max-width: 480px) {
        body { font-size: 100%; }
    #imageholderdesktop { display: none; }
     nav li { margin: 10px 0;  }
    
    #container {
        
        width: auto;
        margin: 0 auto; }
 } 
 

/* __________________________

end of media query
__________________________ */