body
{background-color:white;
margin: 0;
padding: 0;}

#container
{width: 100%;
min-width: 900px;
padding:0 0 30px 0;
}

#top
{float: left;
width:100%;
background-color:black;
height:185px;
}

#logo
{float: left;
}

img.logo
{height: 100px;
float: left;
margin: 30px 30px 16px 40px;
border:0;
display: inline;
}

p.tagline
{color: white;
font-family: arial, san-serif;
font-size: 10.5pt; 
float: left;
clear:left;
margin: 0 0 20px 45px;
display: inline;
}

/*p.tagline - version to replace a picture -
{font-size: 15pt;
float: left;
line-height: 150px;
font-family:  Georgia, serif;
margin: 0 40px 0 0;
background: white;
color: black;
}*/

img.topimage
{float: left;
height: 185px;
display: inline;}

#topright
{float: right;
margin: 30px 20px 20px 0;
position:relative;
display: inline;
}

#google_translate_element
{float: right;
height: 90px;
margin: 0 0 0 0;
display: inline;
}

img.flag
{
}

#contact
{float: right;
clear:right;
}

#contact p
{color: white;
font-family: arial, san-serif;
font-size: 10pt; 
margin: 0 0 10px 0;
text-align: right;
font-weight: bold;
}

#contact a, a:link, a:visited 
{color:white}

#contact a:hover
{color: #839aff;}

#topmenu
{width:100%;
height: 30px;
background-image: url(graphics/red_bar.gif);
background-repeat: repeat-x;
float: left;
text-align:center;
display: inline;
}

a.navtop, a.navtop:link, a.navtop:visited, a.navtop:hover
{font-size: 10pt;
text-decoration: none;
font-weight:normal;
line-height: 28px;
font-family: arial, sans-serif;
color:white;
word-spacing: 1px;
padding: 6px 10px 8px 10px;
}

a.navtop:hover
{
background-image: url(graphics/red_bar_overstate.gif);
background-repeat: repeat-x;
color:#a00807
}

a.navtophl, a.natophl:link, a.navtophl:visited, a.navtophl:hover
{
font-size: 10pt;
text-decoration: none;
font-weight:normal;
line-height: 28px;
font-family: arial, sans-serif;
word-spacing: 1px;
padding: 6px 10px 8px 10px;
background-image: url(graphics/red_bar_overstate.gif);
background-repeat: repeat-x;
color:#a00807
}

img.menuarrow
{padding: 0 5px;}

#middle
{padding: 0 372px 0 270px;
}

#middle .column
{position: relative;
float: left;}

#leftmenu
{background-image: url(graphics/side_nav_back_big.gif);
background-repeat: repeat-x;
margin: 15px 0 0 0;
padding: 15px 0;
width: 270px;
margin-left: -270px;
clear:both;
}

#text
{width: 100%;
padding: 0 50px;
}

#right
{width: 272px;
margin-right: -372px;
}

#toprightbox
{background-image: url(graphics/right_panel_red_darker.gif);
background-repeat: repeat-x;}

#middlerightbox
{background-image: url(graphics/right_panel_blue_darker.gif);
background-repeat: repeat-x;}

#bottomrightbox
{background-image: url(graphics/right_panel_red_darker.gif);
background-repeat: repeat-x;}

div.rightbox
{width: 240px;
height: 160px;
margin: 15px 0 0 0;
padding: 10px 10px 10px 12px;
overflow: hidden;
}

div.left_half_right_box
{width: 100px;
margin: 0 10px 20px 0;
float: left;
display: inline;}

img.rightpic
{width: 100%;
margin: 25px 0 10px 0;
border: 1px solid white;}

img.rightpicsmall
{border: none; 
width: 60px; 
margin: 30px 10px 10px 0px}

#right h2
{font-family: Georgia, serif; 
font-size: 11pt; 
font-weight: bold;
margin: 0;
color:white}

#right h2 a:visited, #right h2 a:link, #right h2 a
{color:white}

p.rightboxtext
{color:white;
line-height: 15pt;
margin: 24px 0 0 0;
font-size: 10pt;
}

p.quote
{margin: 40px 10px 10px 10px;
font-size: 12pt;
line-height: 24pt;
color:white;
text-align: right;
font-weight: bold;
font-style: italic;}

img.quoteleft
{height: 10px;
margin: 0 8px 0 0;
vertical-align: top;}

img.quoteright
{height: 10px;
margin: 0 0 0 8px;
vertical-align: top;}

#right a:link, #right a:visited, #right a
{color: #022e8d;
text-decoration: none;
font-size: 11pt;
font-family: arial, sans-serif;
clear: both;
}

#right a:hover
{color: white;
}

div.whiteline
{width:100%;
height:1px;
background-color:white;
margin: 10px 0 20px 0}

#leftmenu p
{line-height:26pt;
margin: 0;
}

#leftmenu a, #leftmenu a:link, #leftmenu a:visited
{text-decoration: none;
color:white;
padding:6px 25px;
}

#leftmenu a:hover 
{color:#3e3e3e;
background-color:white;
}

h2
{color: #022e8d;
font-family: Georgia, serif; 
font-size: 10pt;
margin:6px 25px;
line-height: 12pt;
font-weight: bold;}

#text h2
{margin: 35px 0 20px 25px;
font-weight: normal;
font-size: 11pt;}

h1
{color: #b00000;
font-family: Georgia, serif; 
font-size: 16pt; 
font-weight: normal;
margin: 40px 0 20px 0;
}

#socialmedia
{margin: 0 0 10px 0;
float: right;
}

#fb-root
{float: left;
}

div.socbutton
{float: left;
margin: 0 5px;}

div.redline
{width:100%;
height:1px;
background-color:#b00000;
margin: 0 0 20px 0;
font-size: 0;}

p
{color: #4c4c4c;
font-family: arial, sans-serif; 
font-size: 9.5pt; 
line-height: 15pt;
margin: 20px 0;
clear: right;
}

a:link {color: #3E3E3E;}
a:visited {color: #3E3E3E;}
a:hover {color: #839aff;}

a:link.linkhead {color: #b00000;}
a:visited.linkhead {color: #b00000;}
a:hover.linkhead{color: #b00000;}

li
{color: #4c4c4c;
font-family: arial, sans-serif; 
font-size: 9.5pt; 
line-height: 15pt;
margin:0;}

li.wide
{margin: 0 0 10px 0}

ol
{margin: 0 0 0 15px}

p.name
{margin:-17px 0 0 0;
font-style:italic;}

table
{color: #4c4c4c;
font-family: arial, sans-serif; 
font-size: 9.5pt; 
border: 0;
margin-bottom: 30px;}

td
{padding:5px 0 0 15px;}

td.high
{padding:5px 0 7px 15px;}

th
{padding:5px 0 15px 15px;
text-align: left;
font-weight: bold;}

div.feed
{margin: 5px 0 15px 0}

#bottom
{
float: left;
clear: both;
width: 100%;
margin: 15px 0 0 0;
padding: 15px 0 0 0;
border-top: 1px #b00000 solid;
text-align: center;
display: inline;
}

#bottom p
{font-size: 8.5pt;
text-align: center;
margin: 0 0 20px 0;
padding: 0;
clear: right;}

img.oisc
{width: 50px;
margin: 40px auto 0 auto;
display: block;
border: 0;}

#logbot
{text-align: center;}

img.logbot
{width: 70px;
margin: 10px 30px 0 30px;
border: 0;}

image-rendering: -moz-crisp-edges;



/* add display:inline to floated elements for ie6 

img.bullet
{height: 7px;
padding: 0 7px;
vertical-align: 10%;}*/