/* ---- ---------------------- ---- */
/* ---- Cafe Ceramica screen stylesheet  ---- */
/* ---- ---------------------- ---- */

/* ---- Default HTML tag definitions ---- */

body 	{ background-color: #FFFFFF; color: #282A74; font-family: Arial, Verdana, Helvetica, sans-serif; margin: 0px; }

h1	{ font-family:Arial; font-weight: normal; font-size: 210%; text-decoration: none; padding: 0px 5px 0px 0px;}
h2	{ font-size: 120%; position: static; left: 0px; top: 0px; padding: 0px 5px 0px 0px;}
h3	{ font-size: 98%; text-decoration: underline; padding:1px 0px 0px 8px; margin: 4px;}
h4	{ font-size: 130%; padding:6px 0px 0px 0px; margin: 0px;}
h5	{ font-size: 110%; text-decoration: bold; font-family: Arial;}
h6	{ font-size: 90%; font-weight: lighter; font-family: Arial; padding: 0px 0px 0px 0px; margin: 0px;}
p   { font-family:Arial; font-size: 98%; text-decoration: none; padding: 0px 10px 0px 0px; margin: 0px; text-align: left; vertical-align: top; }


a, a:link, a:visited		{ text-decoration: underline; color: #282A74; }
a:hover				{ font-family: Arial; text-decoration: underline; color: #E55A28;}

blockquote                      { padding: 6px 12px; }
hr                              { margin: 0px; padding: 0px; height: 0px; border: solid #282A74; border-width: 1px 0px 0px 0px; }
li, ul                              { padding: 0px 0px 0px 8px; font-size: 80%; list-style-type: none; margin: 0px 0px 0px -10px;}

.skip_to_main			{ position: absolute; left: -999px; }


/* ---- Main site containers ---- */

table.site_contain		{ width: 800px; border: 0px; padding: 0px; margin: 0px; font-size: 80%; line-height: 160%; }
td.site_contain_main		{ text-align: left; border: 0px; padding: 0px; margin: 0px; vertical-align: top; }
table.site_contain_footer	        { background: #DADAEE; font-size: 70%; text-align: center; border-top: 7px solid #282A74; padding: 15px; margin: 0px; vertical-align: top; }
td.site_contain_footer	        { width: 100%; background: #DADAEE; font-size: 70%; text-align: center; border-top: 7px solid #282A74; padding: 15px; margin: 0px; vertical-align: top; }

td.border        { background: #333333; }


/* ---- Header Phone number area ---- */

td.site_contain_phone		{ font-size: 110%; font-weight: bold; text-align: left; border: 0px; padding: 4px 14px 2px 14px; margin: 0px; vertical-align: top; }
td.site_contain_phone a, td.site_contain_phone a:link, td.site_contain_phone a:visited { text-decoration: none; }
td.site_contain_phone a:hover	{ text-decoration: underline; }

/* ---- Main content ---- */

td.site_contain_content	                { text-align: left; border: 0px; padding: 15px; margin: 0px; vertical-align: top; }

table.content_main			{ line-height: 160%; width: 100%; border: 0px; padding: 0px; margin: 0px; vertical-align: top;}
td.content_nav_td				{ vertical-align: top; padding: 0px; width: 132px; }
td.content_main_td			{ vertical-align: top; padding: 0px 0px 0px 25px; width: 100%; }
td.header_banner           { padding: 0px; text-align:left;}
td.header_logo           { padding: 0px; text-align: right; }

table.home_content_main { width: 100%; border: 0px; padding: 0px; margin: 0px; }
table.home_content_main td	{ vertical-align: top; margin: 0px; }
table.home_content_main h2	{ margin-top: 0px; }

/* ---- Site navigation ---- */

table.site_nav				{ width: 100%; border: 0px; padding: 0px; margin: 0px; }
table.site_nav td			{ vertical-align: top; }
td.site_nav_normal			{ font-size: 96%; padding: 1px 0px 1px 10px; border-bottom: 1px solid #282A74; }
td.site_nav_select			{ font-size: 96%;  background: url('../img/bullet_blue.gif') no-repeat 2px 2px; padding: 2px 0px 2px 10px; border-bottom: 1px solid #282A74; font-weight: bold; }
td.site_nav_spacer			{ padding: 12px 0px 0px 0px; }

table.site_nav a, table.site_nav a:link, table.site_nav a:visited { text-decoration: none; }
table.site_nav a:hover	{ text-decoration: none; color: #E55A28; }

/* ---- Borders and Bulletpoints ---- */

p.opening { font-size: 95%; text-align: center; padding: 0px;}

td.content_main_td img { border: 1px solid; #282A74;}
td.home_content_bullet { background: url('../img/bullet_blue.gif') no-repeat 2px 1px; padding: 2px 5px; }
td.image_top { vertical-align: top; padding: 15px 0px 10px 15px;}

table.hours {background-image:url('../img/Hours_Logo.gif');}
td.hours {background-image:url('../img/Hours_Logo.gif');}