* { margin:0; padding:0; }

html { }
body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; line-height:140%; background-color:#05366B; }

/****************
links
****************/
a,
a:link 
a:active { text-decoration: underline; color: #76A4D7; }
#main a,
#main a:link
#main a:active { color:blue; }
#main a:visited { text-decoration: underline; color:#3664b7; }
#main a:hover { color:white; }

/* center wrapper, min max width */
#pagewrapper { position:relative; margin:0 auto 0 auto; width:1006px; color:#666; }

#header { width:1006px; height: 146px; margin-top:1%; background-image: url('graphics/Masthead.png'); background-repeat: no-repeat; }
#header:hover { cursor:hand; }

#content { position:relative; margin-top:10px; color:#bbb; }

div.breadcrumbs { position:absolute; top:160px; right:0; margin:0; padding:3px 5px; font-size:90%; color:#76A4D7; border:1px solid #76A4D7; z-index:1; }
div.breadcrumbs span.lastitem { font-weight:bold; }

#sidebar { position:relative; float:left; width:140px; z-index:1; }
#menuwrapper { position:relative; }

#main { margin-left:150px; position:relative; }

#footer { position:relative; clear:both; font-size:9px; text-align:center; color:gray; margin-top:20px; margin-bottom:5px; }

/* HEADINGS */
#content h1 { color:#76A4D7; font-size: 1.9em; line-height: 1em; margin: 0 0 1em 0; }
#content h2 { color:#76A4D7; font-size: 1.5em; line-height: 140%; text-align: left; padding-bottom: 1px; margin: 0 0 0.5em 0; }
#content h3 { color:#76A4D7; font-size: 1.2em; line-height: 140%; font-style: italic; text-align: left; margin: 0 0 0.5em 0; }
#content h4 { color:#3C6CAF; font-size: 1em; line-height: 140%; font-style: italic; text-align: left; margin: 0 0 0.25em 0; }
#content h5 { color:#76A4D7; font-size: 1em; line-height: 140%; font-style: italic;	font-weight: bold; margin: 0 0 0.25em 0; }
#content h6 { color:#3C6CAF; font-size: 1em; line-height: 140%; margin: 0 0 0.25em 0; }

/* TEXT */
p { font-size: 1em; margin: 0 0 1.5em 0; line-height: 1.4em; padding: 0; }
blockquote { border-left: 10px solid #ddd; margin-left: 10px; }
strong, b { font-weight: bold; }
em, i { font-style:italic; }


/* Separating the divs on the template explanation page, with some bottom-border */
div.templatecode { margin: 0 0 2.5em; }

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

/* definition lists topics on bold */
#main dl dt { font-weight: bold; margin: 0 0 0 1em; }
#main dl dd { margin: 0 0 1em 1em; }
#main dl { margin-bottom: 2em; padding-bottom: 1em; border-bottom: 1px solid #c0c0c0; }

.contentpanel { position:relative; width:100%; top:0; margin:0; padding:0; color:#05366B; }
.contentpanel .background { position:absolute; width:100%; height:100%; top:0; margin:0; padding:0; background-color:#76A4D7; }
.contentpanel .background .corner_topright { background-image:url(graphics/index/corner_topright.png); background-repeat:no-repeat; position:absolute; top:0; right:0; height:10px; width:10px; }
.contentpanel .background .corner_bottomright { background-image:url(graphics/index/corner_bottomright.png); background-repeat:no-repeat; position:absolute; bottom:0; right:0; height:10px; width:10px; }
.contentpanel .background .corner_bottomleft { background-image:url(graphics/index/corner_bottomleft.png); background-repeat:no-repeat; position:absolute; bottom:0; left:0; height:10px; width:10px; }
.contentpanel .background .corner_topleft { background-image:url(graphics/index/corner_topleft.png); background-repeat:no-repeat; position:absolute; top:0; left:0; height:10px; width:10px; }
.contentpanel .content { position:relative; padding:15px; }

#content .contentpanel h3 { color:#76A4D7; }

div.w3icons { position:absolute; left:0; bottom:0; }