/*****************************************************************************************
									Tag selectors - global to all pages 
******************************************************************************************/
body {
	font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:center;	/* override in divPage */
}
h1, h2, h3, h4, h5, h6	{
	font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
}
h1 {
	font-size:16pt;
	text-align:center;
}

p {
	margin-top: 0px;
}
p.withLeading { 
	margin-top: 1em; 
}
p.noFollowing { 
	margin-bottom: 0px; 
}

img {
	display:block;
	border:none;
}

table {
	border-collapse:collapse;
}

ul { 
	margin-top:0;
	margin-bottom:0;
}
li {
	margin-top: 3px;
	margin-bottom: 3px;
}
ul ul li {
	list-style-type: square;
}
ul ul ul li { 
	list-style-type: circle; 
}

span.code { 
	font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif; 
	font-weight: bold
}




/*****************************************************************************************
						Class selectors - global to all pages, unless noted 
******************************************************************************************/
.hidden {
	visibility: hidden;
}
.inline {
	display:inline;
}
.centered {
	text-align:center;
}
.rightAlignPadded {
	text-align:right; 
	padding-right:5px;
}

.command /* simulate hyperlink */ {
	text-decoration:underline;
	color:Blue;
	cursor:hand;
}
.expand /* hyperlink when rolled over */ {
	text-decoration:none;
	color:#020769;
}
.expand:hover {
	text-decoration:underline;
	cursor:hand;
}



/*****************************************************************************************
						ID-based selectors, first of master page (organized by 
						specific page part) then of pages
******************************************************************************************/
/* Global */
#divPage {
	width:800px;
	text-align:left;
}
#divPositioning {
	position:absolute;
}

/* Header Elements */
#divHeader {
	background-image:url(images/logo.jpg);
	background-repeat:no-repeat;
	left:475px;
	width:650px;
	height:85px;
	position:absolute;
}

/* Main Menu */
#divMenuBar {
	width:150px;
	height:600px;
	float:left;
	background-image:url(images/sidebar.jpg);
	position:absolute;
	text-align:center;
}
#divMenuBar a {
	position:absolute;
	height:10px;
	width:80px;
	margin-top:-1px;
	color:Black;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
#divMenuBar a:hover {
	background-color:White;
}
#divMenuBar #lnkHome {
	top:76px;
	left:56px;
}
#divMenuBar #lnkShop {
	top:112px;
	left:56px;
}
#divMenuBar #lnkLinks {
	top:149px;
	left:56px;
}
#divMenuBar #lnkContact {
	top:185px;
	left:56px;
}

/* Content Area */
#divContent {
	position:absolute;
	left:150px;
	top:85px;
	width:628px; /* box model so left+total width=800 */
	height:453px; /* ditto, so top+total height+footer=600 */
	padding:10px;
	background-image:url(images/backgroundPresents.jpg);
	background-position:75px bottom;
	background-repeat:no-repeat;
	overflow:auto;
}

/* Footer - also absolute pos but "slipped into" content area */
#divFooter {
	position:absolute;
	left:150px;
	top:560px;
	width:650px;
	height:35px;
	background-color:#B733AB;
	font-family:StempelGaramond Roman Arial Sans-Serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding-top:5px;
}
#divFooter a {
    color:Black;
}


/* Page Specific rules */
#divNotices {
    float:right; 
    width:210px; 
    text-align: center;
    height:440px;
    overflow:auto;
    background-color:#B733AB;
    padding:5px 8px;
}
#divNotices a {
    color:Black;
}