/* *** basic styles *** */

body {
	margin: 0;
	padding: 0;
	}

body,td,th,p,ul,li {
	font-family: georgia, helvetica, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #220;
	line-height: 1.4;
	}

table, th, td {
	margin: 0;
	padding: 0;
	}

.contentarea {
	padding-left: 25px; 	
	}

/* *** background-images for sections *** */

#content-about {
	background-image: url(/jpg_gifs/about/image_6.jpg);
	}

#content-events {
	background-image: url(/jpg_gifs/events/image_6.jpg);
	}

#content-index {
	background-image: url(/jpg_gifs/index/image_6.jpg);
	}
	
#content-membership {
	background-image: url(/jpg_gifs/membership/image_6.jpg);
	}	

#content-news {
	background-image: url(/jpg_gifs/news/image_6.jpg);
	}

#content-publications {
	background-image: url(/jpg_gifs/publications/image_6.jpg);
	}

#content-resources {
	background-image: url(/jpg_gifs/resources/image_6.jpg);
	}


/* *** links *** */

a:link, a:visited, a:active {
	color: #000;
	}

a:hover {
	color: #600;
	}


/* *** headings *** */

h1,h2,h3,h4,h5,h6 {
	font-family: "times new roman", serif;
	}


/* *** styles for menu pages only *** */

.menu {
	background-color: transparent;
	}

.menu h1 {
	background: url(/jpg_gifs/misc/flourish2.gif) no-repeat center left;
	color: #330;
	font-weight: bold;
	font-size: 1.8em;
	font-style: normal;
	margin-top: 0;
	margin-bottom: 3px;
	padding-left: 35px;
	text-transform: uppercase;
	}

/* plain text in menu italicized to set it apart from links */
.menu p {
	font-size: 1.2em;
	font-style: italic;
	margin: 7px 0;
	}

.menu ul {
	list-style-type: circle;
	margin: 0 0 8px 5px;
	padding-left: 15px;
	}

.menu ul li {
	font-size: 1.15em;
	line-height: 1.1;
	margin-bottom: 5px;
	font-style: italic;  /* non links italicized */
	}

.menu ul li a {
	font-style: normal;  /* links not italicized */
	}

.menu ul a {
	border-bottom: none;
	text-decoration: none;
	}
	
.menu ul a:hover {
	border-bottom: none;
	color: #600;
	text-decoration: underline;
	}


.menu ul li ul {
	list-style-type: disc;
	margin-top: 5px;
	}

.menu ul li ul li {
	font-size: 1.0em;
	margin-bottom: 3px;
	}

.menu ul li ul li ul {
	margin-top: 3px;
	}

.menu ul li ul li ul li {
	font-size: 0.9em;
	margin-bottom: 3px;
	}

/* links in menu to download documents */
li.document {
	margin-left: -17px;
	padding-left: 19px;
	padding-bottom: 3px;
	background: url(/jpg_gifs/misc/document-icon.gif) no-repeat top left;
	list-style-type: none;
	}

/* links in menu to return homepage */
#home {
	width: auto;
	}
	
#home a {
	border: dotted 1px #333;
	display: block;
	margin: 0 10px;
	padding: 3px;
	text-align: center;
	text-decoration: none !important;
	width: auto;
	}

#home a:hover {
	background-color: #D8AD56;
	border-style: solid;
	text-decoration: none !important;
	}


/* *** styles for content pages only *** */

.content {
	background-color: transparent;
	padding-right: 15px;
	scrollbar-face-color: #DAAE56;
	scrollbar-arrow-color: #000;
	scrollbar-track-color: #EABC61;
	scrollbar-highlight-color: #EABC61;
	scrollbar-darkshadow-color: #EABC61;
	}

.content h1, h1 {
	color: #330;
	font-weight: normal;
	font-style: italic;
	font-size: 1.6em;
	}

.content li {
	line-height: 1.25;
	margin-bottom: 7px;
	}

.content a:link, .content a:visited, .content a:active {
	color: #000;
	border-bottom: dotted 1px #333;
	text-decoration: none;
	}

.content a:hover {
	color: #600;
	border-bottom: solid 1px #600;
	text-decoration: none;
	}


/* *** styles for single, non-frame (i.e. no menu) pages .. these can be long *** */
/* examples: homepage, graduate programs page */

#longpage {
	height: 420px;
	overflow: auto;
	padding-right: 20px;
	}

#longpage h1 {
	background: url(/jpg_gifs/misc/flourish2.gif) no-repeat center left;
	font-weight: bold;
	font-size: 1.9em;
	margin-bottom: 3px;
	padding-left: 35px;
	}


/* *** iframe *** */
#content {
	width: 500px;
	height: 440px;
	padding: 0;
	margin: 0;
	}
	
#nav {
	width: 220px;
	height: 440px;
	padding-right: 20px;
	}

/* *** miscellaneous *** */

#footer {
	background: url(/jpg_gifs/general/image_9.gif) repeat-x top left;
	font-size: 10px;
	height: 50px;
	padding-left: 40px;
	}

#flourish {
	margin-right: 5px;
	}

.image-left {
	float: left;
	margin: 0 10px 5px 0;
	}
	
.image-right {
	float: right;
	margin: 0 0 5px 10px;
	}

.no-dec {
	border: none;
	text-decoration: none;
	}