/* CSS Document */
/* =universals 
These rules are applied to all elements unless otherwise specified below. */
* {margin:0; padding:0; border:0;}
h2, h3, h4, h5, p, ol {margin:0 20px; padding:.5em 0;}
h3 {font-size:14px; position:relative; color:#FFF;}
h4 {font-size:13px;}
.img_border {border:1px solid #0C0F3A;}

/* =body */
body {font:76%/160% Arial, Helvetica, sans-serif; color:#0F103A; text-align:justify; background:#E5E7FC;}

/* =container */
div#container {width:750px; margin:20px auto; text-align:left; border:1px solid #39F; background:#0C0F3A;}

/* =branding 
These styles construct the branding area of the web page. */
div#branding h1 {height:58px; background:url(images/logo.jpg) no-repeat; background-color:#FFF; text-indent:-9999px;}

/* =horizontal navigation bar */
ul.navbar {list-style-type:none; float:left; display:block; width:100%; line-height:.3em; clear:both; margin:0; padding:0; background-color:#0C0F3A; text-align:center;}
ul.navbar li {display:inline; font-weight:bold;}
a.nav:link, a.nav:visited {display:block; float:left; width:18.5%; padding:1.2em 0 1.2em 0; margin:0; text-decoration:none; background-color:#0C0F3A; color:#FFF;}
a.nav:hover {display:block; float:left; width:18.5%; padding:1.2em 0 1.2em 0; margin:0; text-decoration:none; background-color:#FFF; color:#0C0F3A;}
a.nav:active {display:block; float:left; width:18.5%; padding:1.2em 0 1.2em 0; margin:0; text-decoration:none; background-color:#FFF; color:#0C0F3A;}
a.navactive {display:block; float:left; width:18.5%; padding:1.2em 0 1.2em 0; margin:0; text-decoration:none; background-color:#EFEFEF; color:#0C0F3A; font-weight:bold;}

/* =content
Styling for the content area of the web page. */
.content {background:#EFEFEF; clear:both;}
.content table {width:100%; border-top:5px solid #EFEFEF; border-bottom:1px solid #0C0F3A; padding:.2em; clear:both;}
td.quote {width:70%; vertical-align:top; text-align:center; border-right:1px solid #CCC;}
td.group_pic {text-align:center;}
td.left_column {width:70%; vertical-align:top; text-align:justify; border-right:1px solid #CCC;}
td.right_column_bg {width:30%; vertical-align:top; text-align:justify; background:url(images/gradient_bg1.jpg) no-repeat; background-position:7px 21px;}
td.right_column {width:30%; vertical-align:top; text-align:center;}
.right_column img {border:1px solid #0C0F3A;}
.move_up {position:relative; top:-34px;}
.darker_bg {}
ol {padding:1em 2em 1em 3.5em; border:1px solid #0C0F3A; background:#CCC;}

table.gallery_pics {width:480px; border:none; position:relative; left:18px;}
table.gallery_pics td {margin:0; padding:8px 0 6px 0; border:1px solid #0C0F3A; width:33%; vertical-align:middle; text-align:center;}
a.gal_pics:link, a.gal_pics:visited {display:block; text-decoration:none; color:#0C0F3A;}
a.gal_pics:hover {display:block; text-decoration:underline; color:#F15A24;}
a.gal_pics:active {display:block; text-decoration:underline; color:#F15A24;}

/* =footer
Styling for the footer area of the page. */
.footer {display:block; line-height:.8em; clear:both; margin:0; padding:0.2em 0em 0.9em 0em; background-color:#0C0F3A; text-align:center; color:#FFF;}
.footer a {text-decoration:none;}
div.footer a:link, div.footer a:visited {color:#FFF;}
div.footer a:hover, div.footer a:active {text-decoration:underline;}