body {
background : #fff url('images/bkgnd.png') repeat-x;
font-size : 12px;
font-family : "verdana", helvetica, sans-serif;
color : #404027;
line-height : 18px;
}

img {
    max-width: 100%;
    height: auto;
}

#container {
background : #fff;
margin : auto;
margin-top : 10px;
margin-bottom : 10px;
max-width : 800px;
padding : 5px;
border : 1px solid #999;
}

#header {
}

#header h1 {
font-size : 36px;
color : #404027;
margin : 10px;
float : right;
}

#navigation {
padding-top : 10px;
padding-bottom : 10px;
border-bottom : 1px solid #999;
}

#navigation a {
padding : 5px;
border : 1px solid #fff;
text-decoration : none;
}

#navigation a:hover {
padding : 5px;
border : 1px solid #006699;
background-color : #eaeaea;
text-decoration : none;
}

#navigation a, #navigation a:visited {
color : #444;
}

#navigation ul, #navigation li {
display : inline;
margin : 0;
padding : 0;
color : #339;
font-weight : bold;
}

#navigation ul li:after {
content : " | ";
}

#navigation ul li.last:after {
content : " ";
}

p {
margin-top : 10px;
}

h1 {
font-size : 22px;
line-height : 120%;
margin : 20px 0 12px 0;
}

hr {
height : 1px;
color : #999;
background-color : #999;
}

#footer {
padding-top : 10px;
padding-bottom : 10px;
border-top : 1px solid #999;
}

#column {
width: 210px;
float: right;
border: 1px solid #ccc;
padding: 10px;
margin-left : 5px;
}

#column h2 {
font-size : 18px;
}

#column p {
margin-top : 5px;
}

#column img {
vertical-align : text-top;
}

a:link { color: #000066; text-decoration: underline; }
a:visited { color: #000066; text-decoration: underline; }
a:hover { color: #0000cc; }
a:active { color: #000066; text-decoration: underline; }

.authorq {
margin: 3px 11px 0px 6px;
text-align: right;
font-style: italic;
}

.imgl {
    float: left;
	border: 1px solid black;
    margin: 6px 10px 4px 0px;
}

.imgr {
    float: right;
	border: 1px solid black;
    margin: 6px 0px 4px 10px;
}

#popup {
      padding: 10px;
}