a {color: #666666; font-family: Verdana; font-weight: normal; text-decoration: none;}
a.arrowlink {font-size: 12px; color: #104E8B; 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;}
#arrowlink_separator {height: 0px;}

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

p {line-height: 150%; 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;}


/* SUMMERHOUSE RETRO B2B1B1	D52100	84B5E4	0183D3 */

body { background-color: #cccaca; margin: 0px; font-family: tahoma; font-size: 12px;}

#img7 {position: absolute; top: 60px; left: 50%; margin-left: -810px;}
#img1 {position: absolute; top: 150px; left: 50%; margin-left: -710px;}


#img8 {position: absolute; top: 450px; left: 50%; margin-left: -790px;}
#img3 {position: absolute; top: 550px; left: 50%; margin-left: -660px;}

#img4 {position: absolute; top: 50px; right: 50%; margin-right: -740px;}


#img5 {position: absolute; top: 310px; right: 50%; margin-right: -720px;}
#img6 {position: absolute; top: 700px; right: 50%; margin-right: -820px;}



/* #header_container { position: relative; width: 820px;  height: 100px; background-color: #6B417F; margin: 0 auto; border-bottom: 1px solid #C1CDCD;} */

#header_bg {position: relative; width: 820px; height: 110px; margin: 0 auto; background: url('../Images/header_bg.jpg') repeat-y scroll; border: 0px solid red; text-align: center; border-bottom: 0px solid orange;}
#header_logo {position: relative; border: 0px solid red; padding-top: 7px;}
#header_slogan {position: absolute; right: 5px; bottom: 0px; border: 0px solid red;}

#header_bg_bottom_border {width: 820px; height: 7px; margin: 0 auto; background: url('../Images/header_bg_bottom_border.jpg') repeat-y scroll;}

#middle_content {position: relative; width: 820px; height: 950px;  margin: 0 auto; background: url('../Images/middle_bg.jpg') repeat-y scroll; border: 0px solid red; border-top: none; /* padding: 1px; fixes space shift */  } 
#middle_content_examples {position: relative; width: 820px; height: 950px;  margin: 0 auto; background: url('../Images/middle_bg.jpg') repeat-y scroll; border: 0px solid red; border-top: none; /* padding: 1px; fixes space shift */  } 

#middle_nav_bg { position: relative; border: 0px solid red; margin: 0 auto; margin-bottom: 20px;}

table#middle_nav_links {margin: 0 auto; padding-top: 10px;}
table#middle_nav_links td {width: 180px;}

#content_header {font-size: 15px; font-weight: bold; color:#104E8B; padding: 0px 0px 0px 0px; margin-top: 20px; }

#intro { margin-left: 50px; margin-right: 50px; }
#imgkids {position: relative; top: 100px; right: 70px;}
.creative_style {color: #6b417f; font-weight: bold;}

/* #middle_column_1 { float: left; width: 50%; border: 1px solid #C1CDCD; margin-left: 60px; padding-left: 10px; /* TODO change to fixed width layout }  */
/* #middle_column_2 {float: right; width: 25%;  margin-right: 60px; text-align: center; border: 1px solid #C1CDCD;} */

#middle_content ul {list-style-image: url('../Images/list_bullet.png'); }
#middle_content li {text-indent: -.4em; line-height: 1.5em; }

.ex_img_align {text-align: center; margin-top: 20px;}
.ex_img {border: 2px solid #6B417F;}
.ex_img_desc {text-align: center; color: #6B417F; font-weight: bold; margin-top: 5px;}


/* #footer_bg {height:250px; color:#ffffff; background-color: #548db2; border: 0px solid brown;} */
#footer_content {width: 820px; color: #ffffff; background: url('../Images/header_bg.jpg') repeat-y scroll; margin: 0px auto; border: 0px solid #CCCCCC; border-top: none; padding-top: 3px; font-size: 11px; height: 16px; }
#footer_left {float: left; margin-left: 20px; width: 300px;} 
#footer_right {float: right; margin-right: 20px; width: 300px; text-align: right;}
a.footer_link {color: #ffffff; font-weight: normal; text-decoration: none;}
a.footer_link:hover { text-decoration: underline; color: #f5e664;}


table#img_and_quote {margin: 0 auto; margin-top: 15px;}