a {color: #666666; font-family: Verdana; font-weight: normal; text-decoration: none;}

.arrowbullet {font-weight: bold; background: url('../Images/arrow_middle.png') no-repeat scroll left 70%; padding-left: 12px; text-decoration: none;}
.arrowlink {color: #850000; font-weight: bold; background: url('../Images/arrow_middle.png') no-repeat scroll left 70%; padding-left: 12px; text-decoration: none;}
a.arrowlink:hover { text-decoration: underline; color: #850000;}

a:visited {}
a:hover {}
a:active {}
a#mailto {}
/* not working a#mailto .hover {color: #A2B5CD} */
img {border: 0;}

p {line-height: 16px; border: 0px solid red;} /* p tag has margin built-in. makes problem http://bluetrip.org/forum/topic.php?id=30 */
h1 {font-size:20px; color: #36648B; margin: 0px; font-weight: bold;}

/* menu links on main page and other pages */
#services {display: block; width: 71px; height: 13px; background: url('../Images/main_page_services.jpg') no-repeat 0 0; }
#services:hover { background-position: 0 -13px; }
#services span {display: none; }  /* display: none on the span element inside the link hides the link text for browsers that support CSS and images , otherwise displays link. also gives text for search engines */

#portfolio {display: block; width: 84px; height: 13px; background: url('../Images/main_page_ourwork.jpg') no-repeat 0 0; }
#portfolio:hover { background-position: 0 -13px; }
#portfolio span {display: none; } 

#about {display: block; width: 52px; height: 13px; background: url('../Images/main_page_about.jpg') no-repeat 0 0; }
#about:hover { background-position: 0 -13px; }
#about span {display: none; } 

#contact  {display: block; width: 67px; height: 13px; background: url('../Images/main_page_contact.jpg') no-repeat 0 0; }
#contact:hover { background-position: 0 -13px; }
#contact span {display: none; }

/* http://colorschemedesigner.com/#3w31Tw0w0w0w0 */

#page_container {width: 100%}

body { background-color: #D7D8D4; margin: 0px; font-family: Verdana; color: #262626; font-size: .7em;} 
#header_container { background-color: #b1bfcd; width: 100%; border-bottom: 1px solid #7994b7;} 
#header_bg {position: relative; width: 850px; height: 105px; background-color: #EDEDED; margin: 0 auto;  padding: 0px; border: 1px solid #7994b7; border-top: 0px solid #7994b7; border-bottom: 0px solid #7994b7;}
#header_logo {position: absolute; margin-left: 5px; border: 0px solid red; padding-top: 1px;}
#header_slogan {position: absolute; right: 5px; bottom: 0px; border: 0px solid red; font-family: Arial; font-size: 22px; font-weight: bold; color: #667bad;}
#header_date {position: absolute; right: 5px; top: 5px; color: #850000; font-size: 10px; font-weight: bold;}

/* from splash page: #divider_gradient { background: url('../Images/main_page_divider_gradient.jpg') repeat-x; height: 20px; bottom: 0px; width: 100%;} */

/* #header_bg {width: 950px; height: 120px; background: url('../Images/header_bg.jpg') repeat-y;  margin: 0 auto; padding: 0px; border-bottom: 0px solid #A9A9A9;}*/
/* #header_slogan {left: 50%; margin-left: 415px; margin-top: 5px; display: none;} */

#middle_bg { width: 950px;  background: url('../Images/middle_bg.jpg') repeat-y; margin: 0 auto; padding: 0px 0px 0px 0px;} /* need this padding 0px top to accomodate for default margin in <p> tags. will screw up bg repeat with extra space */
#middle_content {margin: 0px 75px 0px 75px; border: 0px solid red; height: 680px; } 
#middle_nav_bg { position: relative; margin-left: -25px; margin-right: -25px; border: 0px solid red; height: 45px; background: url('../Images/middle_header_bg.jpg') repeat-x;}
#content_header {font-size: 15px; font-weight: bold; color:#850000; padding: 0px 0px 0px 0px; }

#middle_column_1 { width: 77%; border: 0px solid blue; } 
#middle_column_2 {float: right; width: 25%; border: 0px solid #666666; margin-right: -25px; margin-top: 0px; text-align: right; }
#middle_content ul {list-style-image: url('../Images/list_bullet.png'); }
#middle_content li {text-indent: -.4em; line-height: 1.5em; }

.box_title {border-bottom:1px solid #CCCCCC; color: #445566; text-align: center; font-weight: bold; padding-bottom: 4px;}

/* #footer_bg {height:250px; color:#ffffff; background-color: #548db2; border: 0px solid brown;} */
#footer_content {width: 850px; color: #000000; background-color: #b1bfcd; border-bottom: 1px solid #7994b7; margin: 0px auto; padding-top: 3px; font-size:.9em; height: 16px; }
#footer_email {float: left; margin-left: 10px; width: 200px; color: #850000}
a#footer_email {color: #850000;}
a#footer_email:hover {text-decoration: underline;}
#footer_copyright {float: right; margin-right: 10px; width: 300px; text-align: right; color: #850000;}

table#gallery {}
table#gallery td {text-align: center;}
table#gallery img {border:1px solid #7994b7;}

table#partners {margin: 0 auto; border: 0px solid red;}
table#partners td {width: 270px; vertical-align: top;}