/* Style sheet for Romeos Fine Arts website */

body {
/* font-family: Georgia, "Palatino Linotype", Palatino, serif; */
/* font-family: "Times New Roman", Times, serif; Used 14 px with this one */
font-family: Verdana, sans-serif;
font-size: 12px;
background:#FFFFFF;
color:#333333;

}

h1, h2, h3 {
font-weight: normal;
}

h1 {
font-size:15px;
color:#246378;
text-align:center;
}

h2 {
font-size:13px;
color:#990000;
text-align:left;
}

h3 {
font-size: 12px;
}

a {
text-decoration: underline;
color:#990000;
}

a:hover {
color:#246378;
}

img {
border: none;
}

hr {
border:0;
width:100%; 
height:1px; 
color: #C2C2C2;
background-color: #D7D7D7;
}

#page {
text-align: left;
width: 800px;
margin: 0px auto;
}

#header {
width: 800px;
height: 120px;
background: url(images/romeos_header.gif);
text-align: center;
position: relative;
}

/* Encompasses left_panel and right_panel */
#main_content {
width:800px;
margin-top:5px;
}

/* Main content for ShopSite store pages. */
#shopsite_main {
margin-top:5px;
border: 1px solid #D7D7D7;
width: 778px;
padding:10px 10px 10px 10px;
}

#left_panel {
float:left;
width: 150px;
}

#navigation_bar {
width: 150px;
background:#FFFFFF;
padding-top: 5px;
}

#navigation_bar td {
background: url(images/gray_button.gif);
width: 150px;
height: 35px;
text-align: center;
}

#navigation_bar a {
text-decoration: none;
font-size: 12px;
font-weight:normal;
color:#990000;
}

#navigation_bar a:hover {
text-decoration: none;
font-weight: normal;
color:#D1D8DE;
}

#header_navigation {
font-size: 12px;
font-weight: normal;
color:#FFFFFF;
}

#header_navigation a {
text-decoration: none;
color: #D1D8DE;
font-weight: normal;
}

#header_navigation a:hover {
color:#1A1A1A;
}

#right_panel {
float:right;
padding-top: 0px;
width: 650px;
text-align: left;
background:#FFFFFF;
}

#right_panel2 {
float:right;
width: 623px;
text-align: left;
background:#FFFFFF;
border: 1px solid #D7D7D7;
padding:20px 10px 10px 10px;
margin-top:5px;
}

#video_box {
margin-top:5px;
}

/* Main news panel on homepage */
#news_panel {
padding-top:60px;
padding-left:10px;
margin-left: 5px;
width: 330px;
height: 215px;
text-align:left;
background: url(images/homepage_panel1.jpg);
}

#news_panel a {
text-decoration:none;

}

#news_panel a:hover {
text-decoration:underline;
}

#display_panel {
float:right;
width: 625px;
text-align: left;
background:#FFFFFF;
margin-left: 5px;
padding:10px; 
} 

#artist_display_panel {
float:right;
width: 625px;
text-align: left;
background:#CECECE;
margin-left: 5px;
margin-top:5px;
padding:10px; 
}

/* When Shopsite is live, remove padding-bottom and padding-top */
#display_panel td {
text-align:center;
width:33%;
/* padding-bottom:5px; */
/* padding-top:5px; */
border: 1px solid #D7D7D7;
}

#display_panel a {
text-decoration:none;
color:#486273;
}

#display_panel a:hover {
text-decoration:underline;
}

/* large Advertisement panel on home page */
.large_ad_panel {
margin-top: 5px;
width: 6400px;
height: 300px;
text-align:left;
border: 1px solid #ACACAC;
}

/* Advertisement panels in main_content div */
.ad_panel {
margin-top: 6px;
width: 320px;
height: 180px;
text-align:left;
background: url(images/template_panel.gif);
}

.ad_panel a {
text-decoration: none;
color:#333333;
}

.ad_panel a:hover {
text-decoration: underline;
color:#246378;
}

#footer {
text-align:center;
padding-top:7px;
width: 798px;
height: 33px;
float: left;
font-size:10px;
margin-top: 20px;
background:#D7D7D7;
/* background-image: url(images/footer_slice2.gif);
background-repeat: repeat-x; */
border: 1px solid #D7D7D7;
}

#footer a {
color:#246378;
text-decoration:none;
}

#footer a:hover {
color:#990000;
text-decoration:underline;
}

#design-footer {
padding-top: 10px;
padding-bottom: 10px;
margin-top: 15px; 
text-align:center;
width: 800px;
height: 20px;
float: left;
font-size: 10px;
background:#FFFFFF;
}

.centered_image {
text-align: center;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
}

.red_text{color:#990000;}

.gold_emph {
font-style: italic;
color:#C58014;
font-size: 16px;
}

.blue_emph {
font-style: italic;
color:#246378;
font-size: 16px;
}

.red_emph {
font-style: italic;
color:#990000;
font-size: 16px;
}

.emph {font-style: italic;}
.strong_emph {font-style: italic;font-weight:bold;}
.bold_emph {font-weight:bold}
.table_fill {background:#ECECEC;}