/* 
ART FOR ORPHANS - CSS

COLOR SCHEME:
	#CDCCAD - light brownish color (top and bottom background colors)
	#003366 - medium blue (primary)
	#4B6796 - lighter blue (secondary)
	#DFA300 - gold representation (logo and titles)
	#CCCCCC - light gray (borders, etc.)
	#FFFFCC - very light yellow (top of page background color) ... #FFFFB9 is just a shade darker (footer-box)
	#990000 - dark red (scripture verses)
*/

body {margin:0 auto; background:#FFF url("../images/body_bg.gif") top left repeat-x; font:14px/16px Arial, Helvetica, sans-serif; text-align:center; line-height:115%; color:#000;}

img, table {border:0 none;}

a, a:visited, a:hover {color:#003366; text-decoration:none;}

li {list-style-image:url('../images/bullet.gif');}
.li-no_bullet {list-style-image:url('none');}

#header {width:770px; margin: 0 auto;}
#logo_image {display:block; float:left; margin:25px 0 0 0; padding:0 0 0 30px;}
#logo_text {float:left; margin:25px 0 0 0; width:265px;}

#top_of_page_menu {float:right; margin:25px 35px 0 0;}
a.linksm {font-size:11px; text-decoration:none; font-weight:bold;}
a:hover.linksm {text-decoration:underline;}

ul#menu_bar {float:left; top:-10px; position:relative; *margin-top:11px; margin-left:20px; width:562px; height:35px; padding:0px; background:transparent url('../images/menu_divider.gif') top right no-repeat; overflow:hidden;}
ul#menu_bar li {list-style: none; float: left; margin:0; padding:0; background:transparent;}
ul#menu_bar li a {display:block; padding:11px 0; height:35px; font:bold 12px/14px Arial, Helvetica, sans-serif; color:#003366; text-align:center; text-decoration:none;  background:transparent url('../images/menu_divider.gif') top left no-repeat;}
ul#menu_bar li#home_tab a {width:77px;}
ul#menu_bar li#letter_tab a {width:158px;}
ul#menu_bar li#art_tab a {width:110px;}
ul#menu_bar li#about_tab a {width:107px;}
ul#menu_bar li#links_tab a {width:104px;}

ul#menu_bar li a:hover {color:#FFF;}
ul#menu_bar li.selected_tab a, ul#menu_bar li.selected_tab a:hover {color:#DFA300;}
ul#global_nav li.tab_following_selected a {background:none;}

#content {width:770px; clear:both; margin:0 auto; padding:15px 0 0 0;}

#home_image{float:left; margin:-20px 0 0 0; *margin-top:-10px;}

#left_column {width:512px; float:left; clear:both;}
#area1{width:500px; float:left; text-align:left; padding:0;}
#area1 p {margin-top:0px;}
#area1_title {margin:30px 0 0 0;}
a.area1_link {position:relative; top:-25px;	left:375px; font-size:11px; font-weight:bold;}
a:hover.area1_link {text-decoration:underline;}
h3 {margin:0; padding:0 0 10px 0; font-size:14px; color:#C5960B; text-transform:uppercase; font-weight:normal; border-bottom:1px solid #D2D2B0;}
.breaker {margin:0 0 10px 0; padding:0px; border-bottom: 1px solid #D2D2B0;}

#right_column {width:256px; float:right; margin:-20px 0 0 0; *margin-top:-10px; background:transparent url('../images/new_art_bg.gif') top left no-repeat;}
.title_box {background-color:#DFA300; margin:7px 8px 10px 8px; padding:5px; font-weight:bold; text-align:left;}
.art_description a {line-height:130%; font-weight:bold; margin:2px 0 7px 0; color:#4B6796;}
img.small {margin:5px 0 5px 0;}

#wide_column {background:transparent url('../images/wide_bg.gif') top left no-repeat; position:relative; top:-20px; *margin-top:30px;}
#wide_area1 {text-align:left; padding:1px 12px 12px 12px;}
.wide_area1_title {font-weight:bold;}
.light {color:333;}

.quote {color:#DFA300; padding:0 20px;}
.verse {font:italic bold 13px/15px Arial, Helvetica, sans-serif; color:#990000;}
hr {width:710px; height:1px; color:#DFA300; text-align:center;}
a.email_link, a:hover.email_link {color:#DFA300; text-decoration:underline;}

#bottom_bar {clear:both; width:100%; height:1px; margin-top:0px; background-color:#CCC;}
#footer_box {width:100%; height:40px; margin-top:0px; padding:10px 0; text-align:center; background-color:#FFFFB9; color:CDCCAD; font-size:10px; font-weight:bold;}
#footer {width:770px; margin: 0 auto;}
#footer_copyright {float:left; margin-top:4px; padding-left:50px; text-align:left;}
#footer_logo {float:right; margin-top:4px; padding-right:50px;}








