/* 
  -----------------------------------
  PopMenu Magic Style Sheet
  by Project Seven Development
  www.projectseven.com
  Bartlett Page Pack
  Vertical 2 Column Fluid
  -----------------------------------
*/

body {
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #000000;
	margin: 36px 0;
	padding: 0;
	background-image: url(../images/bart_pbg.jpg);
}


/*We used text align center on the body (for IE5). This centers
the wrapper- and all the text inside. So we set text align to
turn off centering for elements inside the wrapper DIV.
Then to center the layout for modern browsers, we set left
and right margins to "auto". Width 750px sets the overall layout width
and the width of the 2 columns, plus and padding or borders must not
exceed this value.*/
#wrapper {
/*		margin-top: 0;
	margin-bottom: 0;
	margin-left: 0px;
	margin-right: 0;
	background-image: url(/Images/bart_pbg.jpg);
*/
}



/*The mainbox DIV contains all of the elements that comprise the larger
rounded box: the Bartlett logo, main content area, copyright notice.
Mainbox is set to have a left margin of 224px.
This allows it to be positioned to the right of sidebar, which is
absolutely positioned. There is no width assignment, allowing
mainbox to gorow & shrink depending on the width of the browser window.

The background image is positioned at the top left edge & tiles
vertically along the Y-Axis - creating the border effect on the
left edge of the box.

Min-width is set to 400px. This prevents the box from getting too narrow -
to the point that it would either break the layout or make text
impossible to read. When a user makes the browser window narrow,
mainbox will shrink in width until it reaches 400px - then the
browser will spawn a horizontal scrollbar. MSIE 6 does not support
min-width, but we have included a special workaround. See the
readme_first file included with this PagePack for details.*/
/*#mainbox {
	background-image: url(../images/bart_leftmidBG.gif);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #FFFFFF;
	min-width: 400px;
}
*/

#mainbox {
	margin: 0 10px 0 200px;
	background-image: url(/images/bart_leftmidBG.gif);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #FFFFFF;
	min-width: 400px;
}


/*The masthead DIV contains the background images that comprise the
mainbox's upper curve, as well as the logodiv.
Masthead's background image tiles left to right along the X-Axis
creating the masthead's textured backdrop.*/
#masthead {
	background-image: url(/images/bart_mhBG.jpg);
	background-repeat: repeat-x;
	background-color: #BCB7B1;
	clip: rect(0px,auto,auto,auto);
/*	text-decoration: none;
	font-family: "Trebuchet MS";
*/}

/*The logodiv carries the embedded logo image & a right-aligned
background image that creates the abstract pear scene & the
top right corner of the top curve.*/
#logodiv {
	background-image: url(/images/bart_logoBG.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 0px;
/*	font-family: "Trebuchet MS";
*/}

/*The maincontent DIV is nested inside mainbox & renders below
the masthead. The background image is positioned at the top right
edge & tiles vertically along the Y-Axis - creating the drop
shadow effect on the right edge of the box. Padding is set
6 pixels wider on the right to accomodate for the space taken
up by the right edge drop shadow background.*/
#maincontent {
	padding: 10px;	/*background-image: url(../images/bart_mid.jpg);
	background-repeat: repeat-y;
	background-position: right top;*/
	font-size: 1.em;	
	list-style-type: disc;
	list-style-position: inherit;
	text-decoration: none;
	color: #333333;
	background-color: #FFFFFF;
	font-family: "Trebuchet MS";
	font-style: normal;
line-height: 1.em;
}

/*Paragraph margins are set.*/
#maincontent p {
	margin: 8px 0px 12px 0px;
	/*font-family: "Trebuchet MS";*/
/*	list-style-position: outside;
	list-style-type: disc;
*/	text-decoration: none;
	text-align: left;
	text-indent: 0pt;
	font-style: italic;
	/*	color: #000000;
*/	font-size:medium;
	line-height: 1.25;
	color: #000;
}

/*The copyrightdiv carries the textured background along the bottom
edge of the mainbox. Nested inside this DIV is the
copyrightnotice DIV.*/
#copyrightdiv {
	background-image: url(/images/bart_copyBG.gif);
	background-repeat: repeat-x;
	background-color: #BCB7B1;
	font-family: "Trebuchet MS";
}

/*Copyrighnotice contains the embedded copyright notice, which
also creates the bottom left curve of the main box. We also set
a background image that completes the bottom curve.*/
#copyrightnotice {
	background-image: url(/images/bart_brCorner.gif);
	background-repeat: no-repeat;
	background-position: right top;
/*	font-family: "Trebuchet MS";
*/}


/*The sidebar is positioned absolutely. No matter how wide or tall
your browser window is, this box will always be 36px from the top
edge of the window & 24px in from the left. Add the width to the left
position & the result equals the total horizontal area sidebar
occupies: 24 + 180 = 204px. This is why mainbox was given a left
margin of 224px - serving to position its left edge 20px to the right
of the sidebar. The background image creates the drop shadow
along the box's right edge.*/
#sidebar {
	background-image: url(/Images/bart_small_mid.gif);
	background-repeat: repeat-y;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
	width: 180px;
	position: absolute;
	z-index: 7;
	left: 8px;
	top: 10px;
	background-color: #BCB7B1;
	font-family: Trebuchet MS;
	font-size: small;
	visibility: visible;
	line-height: 1.25;

}

/*The menubar DIV is the container for our menu. Left & right margins are
set to 1px so that the menu fits inside the white borders of the sidebar.
Font-size is set to .9em for the entire menu.*/
#menubar {
	margin: 0px 1px;
	font-size: 1em;
	font-family: "Trebuchet MS";
}

/*The sidecontent DIV comes after (below) the menu. Padding is set so text or
or other content is not flush against the sidebar's borders. Font-size is
set to .75em - small, but readable. Right margin is set to 8px to move the
entire DIV left to compensate for the space taken up by the sidebar box's
drop shadow.*/
#sidecontent {
	padding: 0px 5px 10px 10px;
	font-size: .75em;
	margin-right: 8px;
	line-height: 1;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	border-color: #666666;
	font-variant: normal;
	text-decoration: none;
	outline-style: inherit;
	font-family: "Trebuchet MS";
}

/*Margins set for all paragraphs inside sidecontent.*/
#sidecontent p {
	margin: 6px 0px 8px 0px;
	color: #FFFFFF;
	line-height: 1;
	font-size: .9em;	/*font-size: small;
	font-family: "Trebuchet MS";*/
}

/*Sidebarfooter contains an embedded image that creates the sidebar's
bottom curve. Setting the font-size to a tiny size prevents this
DIV from growing too tall when users resize text. Without this
workaround, certain user text sizes would cause an artifact to
appear at the bottom of the sidebar.*/
#sidebarfooter, #copyrightnotice {
	font-size: 1%;
	font-family: "Trebuchet MS";
}

/*The pear class is assigned to a paragraph inside the sidecontent DIV
& sets a faded pear graphic as the background. You can assign this
class to other elements on your page if you want to.*/
.pear {
	background-image: url(../images/bart_pear.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
/*	font-family: "Trebuchet MS";
*/}

/*Footer styles*/
#footer {
	clear: both;
	margin: 0px 0px 0px 260px;
	padding: 16px 0 0 0;
	font-size: 0.75em;
	line-height: 1;
/*	font-family: "Trebuchet MS";
*/}
#footer p {
	margin: 0px 0px 3px 0px;
/*	font-family: "Trebuchet MS";
*/}

/*Heading Styles*/
/*/*h1, h2, h3, h4, h5{
	margin: 0px;
/*	font-family: "Trebuchet MS";
	color: #666666;
	text-align: left;
	line-height: 1.25em;
	font-style: normal;
	font-size: 1.6em;
}
*/
h1 {
	/*	margin: 0px;
*/	font-size: xx-large;
	color: #666666;
	/*	font-family: "Trebuchet MS";
*/	font-style: normal;
	/*	line-height: 1;
*/	font-weight: bold;
	line-height: 1.25;
}


h2 {
	margin: 24px 0px 0px 0px;
	font-size: x-large;
	color: #B4686E;
	/*	font-family: "Trebuchet MS";
*/	font-style: normal;
	/*	line-height: 1;
*/	font-weight: bold;/*	text-align: left;
*/}
h3 {
	color: #666666;
	/*	font-family: "Trebuchet MS";
*/	line-height: 1;
	font-weight: bold;
	font-style: oblique;
	font-size: large;
	margin: 24px 0px 0px 0px;
}

h4 {
	font-size: medium;
	color: #000000;
	font-family: "Trebuchet MS";
	line-height: 1;
	font-weight: bold;
}
h5 {
	font-size: small;
	color: #000000;
	font-family: "Trebuchet MS";
	line-height: 1;
	font-style: inherit;
	font-weight: bold;
}
#sidebar h3 {
	color: #000000;
	font-size: medium;
}

#sidebar h4 {
	color: #FFFFFF;
	font-size: medium;/*	font-size: 1.25em;
*/}

/*Link Styles. Applies to links except
those that are in the main menubar.*/
a:link {
	color: #B4686E;
	text-decoration: none;
	font-style: italic;
	/*font-size: medium;*/
}
a:visited {
	color: #B4686E;
	text-decoration: none;
	font-style: italic;	/*font-size: medium;*/
}
a:hover, a:active, a:focus {
	color: #999999;
	text-decoration: underline;
	font-style: italic;
	font-family: "Trebuchet MS";
	text-align: left;
}
#sidecontent a:link {
	color: #000000;
	text-decoration: none;
	/*font-size: 1em;*/
	font-style: italic;
	/*	font-family: "Trebuchet MS";
*/	line-height: 1;
}
#sidecontent a:visited {
	color: #333333;
	text-decoration: none;
	/*font-size: 1em;*/
	line-height: 1;
	font-style: italic;
/*	font-family: "Trebuchet MS";
*/}
#sidecontent a:hover, #sidecontent a:active, #sidecontent a:focus {
	color: #FFFFFF;
	/*font-size: 1em;*/
	font-style: italic;
	line-height: 1;
	font-family: "Trebuchet MS";
	left: 0px;
}
#footer a:link {
	color: #FFFFFF;
}
#footer a:visited {
	color: #EEEEEE;
}
#footer a:hover, #footer a:active, #footer a:focus {
	color: #333333;
}
.list {
	font-family: "Trebuchet MS";
	line-height: 1.10em;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	list-style-type: disc;
	color: #000000;
	outline-style: none;
	outline-width: thick;
	outline-color: #666666;
	font-style: italic;
	font-size: 1em;
}
.center {
/*	font-family: Trebuchet MS;
*/	text-align: center;

/*	ß
*//*	text-decoration: none;
*/	
}