/* STYLES FOR ART OF DINING WEB SITE */

/* ================ BASIC ================

Note: only basic styles, as supported by older browsers, e.g. Netscape 4
Advanced styles, which are problematic in older browsers, are in a separate style sheet
Advanced style sheet is invoked via "@import" method, which effectively hides it from older browsers
*/

/* IMPORT ADVANCED STYLE SHEET */
/* this rule MUST be first declaration in style sheet */
/* N4 will ignore this rule, more advanced browsers will read it, but will give priority to *importing* (i.e. this) style sheet */
/* @import "pace_advanced_02.css"; */

/* GLOBAL CLASSES */
/* see advanced style sheet for positioning rules */
/* don't declare font attributes on body, as N4 won't recognise them, and may behave badly */

body,html	{margin: 0; padding: 0;} /* keep Opera happy */

body, .body	{
	color: #333;
	background-color: #FFF;
	/* font-family: georgia, serif; */
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	}
#titletext {
	font: bold 14px verdana, arial, helvetica, sans-serif;
	color:#637078;
	padding-top:43px;
	padding-right:20px;
	line-height:18px;
}
#pagetitle {
	font: 26px verdana, arial, helvetica, sans-serif;
	color:#637078;
	padding-top:70px;
	padding-bottom:20px;
	line-height:18px;
}
#pagetitle16 {
	font: 16px verdana, arial, helvetica, sans-serif;
	color:#637078;
	padding-top:70px;
	padding-bottom:20px;
	line-height:18px;
  font-weight: bold;
}
#mainbodydiv {
	background-image:url(images/aod_toprightbg.gif);
	background-repeat:no-repeat;
	background-position:top;
}
#breadcrumb, #breadcrumb * {
	font: normal 10px/11px verdana, arial, helvetica, sans-serif;
	/* color: white; background-color: #430; mfindlay */
	color: #333; background-color: #ee6844;
}
.mainbodytd {
	height:635px; /* mjf2 */
}
#navbg {
	background-image:url(images/aod_new_navbg.jpg);
	background-repeat:repeat-y;
	height:635px; /* mjf2 */
}

#masthead	{

}

#masthead a		{text-decoration: none;}


/* GLOBAL LINK STYLES */
/* Correct order: link, visited, hover, active */
/* typical defaults: link="#00F" vlink="#639/909" (hover: n/a) alink="#F00" */

a:visited {color: rgb(100,50,160);}
a:hover, a:active {text-decoration:none}

a:active {color: #ccc;}	/* slightly "off-gray", same as grayed out */

a.inactive,
a.inactive:visited	/* links that need to be grayed out */	{
	color: rgb(204,204,204); text-decoration: underline;
	}

/* HEADINGS */
/* font faces & sizes only; see advanced style sheet for margins */

/* h1, h2, h3, h4, h5, h6	{font-family: helvetica, geneva, arial, sans-serif; line-height: 105%} */
h1, h2, h3, h4, h5, h6	{font-family: "Trebuchet MS", Trebuchet, helvetica, geneva, arial, sans-serif; line-height: 105%; font-weight: normal}
/* h2, h3, h4, h5, h6	{color: rgb(0,51,0)} */
h2, h3, h4, h5, h6	{color: #430}

h1, .h1, #h1	{font-size: 22px; font-weight: bold;}
h2					{font-size: 18px; font-weight: bold;}
h3, .h3			{font-size: 16px; font-weight: bold; color: #8cc8d0}
/* h3	{font-size: 16px; font-weight: bold; color: #975} */
h4, .h4			{font-size: 14px; font-weight: normal}
.pr div#deck, #pr div#deck	{margin: 0.5em 0}
.pr #deck h4, #pr #deck h4	{margin-top: 0; font-weight: normal; line-height: 1; color: #333; letter-spacing: 0px}
h5, .h5			{font-size: 13px; font-weight: bold; letter-spacing: 0px; color: rgb(51,51,102)}
h6, .h6			{font-size: 12px; font-weight: normal; letter-spacing: 1px;}

/* FOOTER */

#footer {padding-top: 4px}

#footer p	{
	font: 11px/1.2 verdana, arial, helvetica, sans-serif;
	/* color: rgb(102,102,51); */
	}

#footer p.copy, #footer p.lastmod {font-size: 10px; line-height: 1.1}

/* GLOBAL MODIFIERS */
/* all standard font sizes specified last */
/* declare all properties on standard block-level tags, for N4's benefit (sigh) */
/* standard elements */

/* set default face, size and line-height for all standard elements */
body							{font-family: verdana, arial, helvetica, sans-serif}
p, td, ul, ol, li, dl, dt, dd 	{font: 12px/1.35 verdana, arial, helvetica, sans-serif;}

img			{display: block; border: 0}					/* fix whitespace problem with imgs in table cells */
.inline 	{display: inline}							/* selectively override previous rule */

/* standard formatting classes - use with all elements to adjust size, white space, etc. */
/* see advanced style sheet for classes with margin declarations*/

.indent		{margin-top: 0px; text-indent: 16px;}	/* first line indented by a small amount */

.inset, dd	{margin-left: 16px;}	/* entire block inset by a small amount */
.insetmore	{margin-left: 28px;}
.insetless	{margin-left: 10px;}
.center		{text-align: center;}

sup, sub	{vertical-align: text-top;}
sub			{vertical-align: text-bottom;}

.small sup, .smaller sup, .smallest sup 	{font-size: 9px; vertical-align: super}
.small sub, .smaller sub, .smallest sub 	{font-size: 9px; vertical-align: sub}

.bold		{font-weight: bold}		/* make it bold */
.italic		{font-style: italic}	/* make it italic */
.normal		{font-weight: normal}	/* make it normal e.g. within Hn tags */

.serif		{font-family: georgia, serif}
.sans		{font-family: verdana, arial, helvetica, sans-serif}
.statusmessage	{
	font: bold small verdana, arial, helvetica;
	color: red;
}


/* custom colours */

.green			{color: #cd3}	/* chartreuse-y green */
.green			{color: #bc2}

.gray				{color: #566}		/* mid gray */
.black			{color: black}
.white			{color: white}

.midgreen		{color: rgb(102,153,51)}	/* PACE green */
.darkgreen		{color: rgb(51,102,0)}		/* dark green */


/* MISC STYLES */

dt	{font-weight: bold;}

/* table formatting e.g. forms */
tr.hthick td			{padding-top: 1em}
tr.h td					{padding-top: 0.75em}
tr.n td					{padding-top: 0}	/* override 'h' e.g. in nested tables */
/* table.form td		{border: 1px dotted blue} */
/* table.form td		{vertical-align: bottom} */
table.form td.text	{text-align: right}
table.form td.left	{vertical-align: bottom; padding-right: 2px; white-space: nowrap; text-align: right}
table.form td.right	{text-align: left; vertical-align: bottom}
table.form td.top		{vertical-align: top}
table.form div.small	{line-height: 1.1}
table.calendar td.date	{padding-right: 1em; font-weight: bold; text-align: right}

th					{text-align: left; vertical-align: bottom; padding-top: 6px; font-size: 12px}
tr.underscore th	{border-bottom: 1px solid black}
td.numbers			{text-align: right; padding-left: 2px; white-space: nowrap}

span.required {color: red;}

.nowrap, .phone, .email		{white-space: nowrap;}
.wrap								{white-space: normal}
/* link information e.g. "(20KB PDF)" in smaller type (use only with default-sized text) */
.linkinfo	{font: 11px verdana, arial, helvetica, sans-serif; white-space: nowrap;}

#main p.breadcrumb	{
	font: 10px/1.1 verdana, arial, helvetica, sans-serif;
	}
	
#main p.breadcrumb a	{
	white-space: nowrap;
	}
	
div.imgright, div.imgleft, div.calloutright, div.calloutleft	{
	/* border: 1px solid red; */
	}

div.imgright, div.imgright p, div.imgleft, div.imgleft p, div.backtotop p,
div.calloutright, div.calloutleft, div.calloutright p, div.calloutleft p, div.calloutright li, div.calloutleft li, #welcome #supportbox li	{
	font: 11px/1.1 verdana, arial, helvetica, sans-serif;
	color: rgb(153,153,153); /* gray */
	}

div.calloutright, div.calloutleft, div.calloutright p, div.calloutleft p, div.calloutright li, div.calloutleft li, dl.schedule-letters p.more, #welcome #supportbox li	{
	font: 11px/1.2 verdana, arial, helvetica, sans-serif;
	color: black; /* gray */
	}

div.imgright h4, div.imgleft h4, div.calloutright h4, div.calloutleft h4, #supportbox h4	{
	font-size: 13px; color: rgb(0,51,0);
	margin-top: 0; margin-bottom: 4px;
	font-weight: bold;
	}

div.imgright .copy, div.imgleft .copy, div.calloutright .copy, div.calloutleft .copy, div.calloutright p, div.calloutleft p	{
	font-size: 11px; line-height: 1.2; color: black;
	}

div.imgright .black, div.imgleft .black, div.calloutright .black, div.calloutleft .black	{
	color: black
	}

div.calloutright, div.calloutleft	{
	background-color: #F7FAF5;	/* v. pale green */
	/* background-color: rgb(234,239,229); */
	/* background-color: #FF2; */
	}

/* USER-ADJUSTABLE FONT SIZES */
/* set font specs in pixels, for 4.0 browsers */
/* see advanced style sheet for keyword-based specs, which are user-adjustable in all 5+ browsers */
/* see global styles, for basic declarations */

/* set font-size only for other elements */
.small, ul.small li						{font-size: 11px; line-height: 1.4}
.x-small, .smaller, ul.smaller li		{font-size: 10px; line-height: 1.4}
.xx-small, .smallest, ul.smallest li	{font-size: 10px; line-height: 1.4}
.large									{font-size: 14px; line-height: 1.1}
.x-large, .larger						{font-size: 16px; line-height: 1.1}
.xx-large, .largest						{font-size: 18px; line-height: 1.1}

/*
.small		{font-size: 12px;}
.smaller	{font-size: 11px; line-height: 14px}
.smallest	{font-size: 10px; line-height: 12px}
.large		{font-size: 14px; line-height: 20px}
.larger		{font-size: 16px; line-height: 22px;}
.largest	{font-size: 20px; line-height: 28px;}
 */