/* This contains the basic style and layout elements */

/* The normal body, with blue background 	*/
/* Also sets text defaults					*/
body	{
	text-align: center;
	margin: 0 auto;
	right:0;
	left:0;
	padding: 0;
	border: 0;	
	background: #193B67 url(http://www.the-athenaeum.org/shared/images/bg/body2.gif) top center fixed repeat-y;
	color: #193B67;
	/*font: small/1.4 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; */
	font-size:small;
	line-height:1.4;
	font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	}
	
/* Have a green background when editing */
body.edit	{
	background: #5a7f74 url(http://www.the-athenaeum.org/shared/images/bg/edit_body_bg.gif) top center fixed repeat-y;
	}	
	
/* Have a green background when editing */
body.edit_w_1024 {
	background: #5a7f74 url(http://www.the-athenaeum.org/shared/images/bg/edit_body_bg_1024.gif) top center fixed repeat-y;
	}
	
/* Background for 1024 wide pages */
body.w_1024	{
	background: #193B67 url(http://www.the-athenaeum.org/shared/images/bg/body_blue_1024.gif) top center fixed repeat-y;
	width:1424px;
	margin:auto;
	}	

body.w_1024_2	{
	background: #193B67 url(http://www.the-athenaeum.org/shared/images/bg/body_blue_1024.gif) fixed repeat-y;
	background-position:center;
	width:1424px;
	right:0;
	left:0;
	margin:0 auto;
	text-align:center;
	}	
	
/* Background for 1280 wide pages */
body.w_1280	{
	background: #193B67 url(http://www.the-athenaeum.org/shared/images/bg/body_blue_1280.gif) top center fixed repeat-y;
	}		
	
/* Used as the width and background color setting for pages with NO right-hand sidebar */
div#wrapper_no_sb {
	color:		#334166;
	background: #ffffff;
	width: 		742px;
	margin: 	0 auto;
	padding:	0;
	text-align: left;
	}

/* Used as the width and background color setting for 1024 width pages with NO right-hand sidebar */
div#wrapper_no_sb_1024 {
	color: 		#334166;
	background: #ffffff;
	width: 		966px;
	margin: 	0 auto;
	padding: 	0;
	text-align: left;
	}

/* Used as the width and background color setting for pages with NO right-hand sidebar */
/* This goes *inside* the body tag */
div#wrapper_no_sb_960 {
	color:		#334166;
	background: #ffffff;
	width: 		960px;
	margin: 	0 auto;
	padding:	0;
	text-align: left;
	}


	
/* Used as the width and background color setting for 1280 width pages with NO right-hand sidebar */
/* This goes *inside* the body tag */
div#wrapper_no_sb_1280 {
	color: 		#334166;
	background: #ffffff;
	width: 		1222px;
	margin: 	0 auto;
	padding: 	0;
	text-align: left;
	}

/* Used as the width and background color setting for pages with a right-hand sidebar */
/* This goes *inside* the body tag */
div#wrap_sb	{
	color: #334166;
	background: url(/shared/images/bg/wrap_sb.gif) top left repeat-y;
	width: 742px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}


/* Header sylin' */
#header {
	width: 700px;
	height: 90px;
	margin: 0px auto 20px auto;
	text-indent: -9999px;	
}

/* We use these styles to trick the browser into using a picture link with the pic done thru CSS */
h1	{
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	border: 0;
	}
	
h1 a:link, h1 a:visited	{
	display: block;	
	width: 700px;
	height: 90px;
	background: #cc9 url(/shared/images/banners/nike_banner_700by90.jpg) top left no-repeat;
	margin: 0 0 0 12px;
	padding: 0;
	border: 0;
	}


/* These properties allow us to set the background image of a header with CSS, use a text-based link, 	*/
/* and have the text of the link be invisible to the viewer, but clickable anywhere on the image 		*/
#header a:link, #header a:visited	{
	background: url(/shared/images/banners/nike_banner_700by90.jpg) top left no-repeat;
	display: block;	
	width: 700px;
	height: 90px;
	margin: 0px;
	padding: 0;
	border: 0;
	}

#header966 a:link, #header966 a:visited	{
	background: url(/shared/images/banners/header966.png) top center no-repeat;
	display: block;	
	width: 966px;
	height: 147px;
	margin: 0px;
	padding: 0;
	border: 0;
	}


#main {
	 position:relative;
	 text-align:left;
	 border:1px solid #666666;
	 background-color: #ffffff;
	 width:80%;
	 margin:auto;
	 }
	 
/* Use this as the left-hand content area in a page with the sidebar */	 
div#main_sb	{
	float: left;
	width: 440px;
	padding: 0;
	border: 0;
	margin: 0;
	/* False margin value for all versions of IE Win, including 6.0 */	
	margin-left: 6px;
	}
	 
/* Used for main titles on pages. ID, so only one per page */	 
#title {
	position:relative;
	padding:5px;
	padding-top:15px;
	font-family: Georgia,Verdana,Helvetica,Arial,serif;
    font-weight: normal;
    font-size: 1.7em;
    line-height: 1.25em;
}

.fat_number {
	position:relative;
	padding:2px;
	font-size:16px;
	font-weight:bold;
	font-family:Arial,Helvetica,sans-serif;
	color:#000;
}

.list_title {
	font-size:1.125em;
	line-height:1.5;
	font-family: Helvetica,Arial,sans-serif;
	font-weight: bold;
	padding:0px;
	margin:0px;
}

.subtitle {
	position:relative;
	padding:5px;
	padding-top: 0;
	color:#777777; 
	font-size:15px;
	font-weight: bold;	/* Just a little thicker than normal */
}

.subtitle_10px {
	position:relative;
	padding:5px;
	padding-top: 0;
	color:#777777; 
	font-size:10px;
}

.subtitle_10px a:link, a:visited {
	text-decoration : none;
	color: #777777;
	background: transparent; 
	}

.subtitle a:link, a:visited {
	text-decoration : none;
	color: #777777;
	background: transparent; 
	}

#linkbar {
	position:relative;
	border-style:solid;
	border-color:#BBBEC4;
	border-width:2px 0px;
	padding:5px;
	background-color: #ccc;
	font-size:12px;
}

#linkbar a:hover {
	border-bottom: 1px dotted #333333;
	}

#links {
	 position:relative;
	 display:inline;
	 }
	 
#user_details {
	padding:5px;
	background-color:#B1C8E2;
}	 
	 
/* For messages on the artwork pages */
.msg {
	background: #fff6ac;
	padding: 6px;
	border-top: 5px solid #d8d196;
	border-bottom: 5px solid #d8d196;	
}
	 
	 
	 
/* Default link styles */
a:link, a:visited {
	font-weight : bold; 
	text-decoration : none;
	color: #193B67;
	background: transparent; 
	}

a:hover {
	border-bottom: 1px dotted #333333;
	}

a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #785;
	background: transparent;  
	}

/* Table cells should vertically align to the top by default */
td {
	 vertical-align: top;
}	
	

/* For compatibility.  We need to re-class these links */
a.smLinkGray:active, a.smLinkGray:link, a.smLinkGray:visited {
	font-weight : bold; 
	text-decoration : none;
	color: #eee;
	background: transparent; 	
}

a.smLinkGray:hover {
	border-bottom: 1px dotted #eee;
	}

font.smLinkGray {
	color: #eee;
}

#helpbutton {
	 position:absolute;
	 display:inline;
	 right:0;
	 margin:0px 5px 0px 0px;
	 }

#content {
	position:relative;
    background-color:#fff;
	position:relative;
	padding:8px;
	font-size:12px;
}

	
div#footer	{
	border: 0;
	border-top: 10px solid #eed;
	background: #deddb8;
	color: #193B67;
	padding: 4px;
	margin: 20px 14px 0px;
	text-align: left;
	height:26px;
	}
	
.note {
	background: #c9d2da;
}

/* General style properties to be applied through stylesheets */
.bold {
	display: inline;
	font-weight: bold;
}

.center {
	text-align: center;
}