/* CSS Document */

/********************************/
/* About this Document           */
/* COPAA: Consortium of Practicing and Applied Anthropology Programs */
/* Site Author: University of North Texas Library MultiMedia Development Lab, Denton TX 76203 mmdl@library.unt.edu*/


/********************************/
/*			HTML TAGS			*/
/********************************/

body {
	background-color: #663300;
	color:#000000;
	margin:0;
	padding: 0;
	font-size:100%;
	text-align:center; /*counter ie centering bug */
}

kbd {
	font-size: 1.1em;
	color:#006666;
	background-color: transparent;
	font-family: monospace;
}

legend {
	font-size: 1.2em; 
}
img {
	border: none;
}
address {
	font-style:normal;
}
hr {
	color:#006633;
	background-color:#006633;
}
cite {
	font-style:italic;
}
dd {
	margin-bottom:1em;
}

ul {list-style-image:url(../images/0043_bullet2.png); }

ul ul {list-style-image:url(../images/0180_bullet.png); }

/********************************/
/*			Misc Classes		*/
/********************************/

.hide { /*move content off screen.  Can be heard by screenreaders and seen with styles turned off*/
	position: absolute;
	left: -1000px;
	width: 990px;
	font-size:1px; 
	line-height:1px;
}

.top {
	text-align:right;
	margin: 0;
}
.top a {
		text-decoration:none;
		font-size:.8em;
}

/*************************************/
/*			Container Divs			*/
/*************************************/

#container {
	overflow:auto;/*remind standard compliant browsers to wrap the background around */
	width:980px;
	text-align:left; /*counter ie centering bug */
	margin: 0 auto;
	background-color: transparent;
	color:#000000;
	border: 1px solid #000000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:.9em;
	background-image: url(../images/background.gif);
}
#content {
	float:right;
	display:inline; /*Fixes IE Float and Margin bug */
	padding: 15px 20px 220px 20px;
	width: 500px;
	background-color: #FFFFFF;
	color:#000000;
	background-image:url(../images/contentBackground.gif);
	margin-right:210px;
}

#sideBar {
	float:right;
	margin: 25px 30px 0 0;
	width:177px;
	background-color:#CC6633;
}

#clearer {
	clear:both;
}

#footer {
	float:right;
	display:inline; /*fixes IE6 float and margin bug */
	padding: 10px;
	width: 520px;
	margin-right:210px;
	margin-bottom:20px;
	font-size: .75em;
	color:#000000;
	background-color: #FEFFB3;
	color:#000000;
	text-align:center;
}
#contact {
	float:right;
	background-color:#663300;
	color:#000000;
	width:153px;
	margin: -15px 30px 10px 0px;
	padding:10px;
	border:2px solid #FFFFFF;
	font-size:.78em;
}


/********************************/
/*			Content Styles		*/
/********************************/

#content h2 {
	font-weight: normal;
	font-size:1.3em;
	color:#000000;
	background-color: transparent;

}

#content h3 {
	font-weight: normal;
	font-size:1.2em;
	color:#000000;
	background-color: transparent;
}

#content h4 {
	font-weight: normal;
	font-size:1.15em;
	color:#000000;
	background-color: transparent;
}

#content h5 {
	font-weight: 600;
	font-size:1.0em;
	color:#000000;
	background-color: transparent;
}

#content h6 {
	font-weight: 600;
	font-size:.95em;
	color:#000000;
	background-color: transparent;
}

#content p, #content li, #content dt, #content dd {
	font-size:.9em;
	line-height:1.4em;
}

#content .imgLeft { /*Apply this style to images that need a left float */
	float:left;
	margin:.2em .6em 1em .4em;
	padding:0;
}
#content .imgRight { /*Apply this style to images that need a right float */
	float:right;
	margin: .2em .4em 1em .4em;
	padding:0;
}

#content a, #content a:link {
	color: #663300;
	background-color:transparent;

}

#content a:visited {
	color: #669966;
	background-color:transparent;
}

#content a:hover, #content a:active {
	color:#FFFF99;
	background-color: #670100;
}


.contentNavigation {
	margin: 0 0 1em 0;
	padding:0;
	text-indent: 0;
	text-align:left;
	font-size:.85em;
	list-style-type:none;
	list-style-image:none;
}

.contentNavigation li{
	margin:.0;
	padding:0;
}
.contentNavigation a, .contentNavigation a:link, .contentNavigation a:visited {
	text-decoration:none;
	background-color:transparent;
	color: #663300;
}

.contentNavigation a:hover {
	color:#000000;
	background-color:#FFFF99;
}

/********************************************/
/*	  sideBar (Main Navigation) Styles		*/
/********************************************/

/****************** These styles apply to the rollover images themselves.  This gives the appearance of javascript without the mess *****************/
#navigation1 {
	background-image: url(../images/menu/programs_roll.gif);    /* rollover state */
	width:175px;                    /* image width */
	height:43px;                   /* image height */
}
#navigation2 {
	background-image: url(../images/menu/areas_roll.gif);    /* rollover state */
	width:175px;                    /* image width */
	height:40px;                   /* image height */
}
#navigation3 {
	background-image: url(../images/menu/programresources_roll.gif);    /* rollover state */
	width:175px;                    /* image width */
	height:40px;                   /* image height */
}
#navigation4 {
	background-image: url(../images/menu/studentresources_roll.gif);    /* rollover state */
	width:175px;                    /* image width */
	height:38px;                   /* image height */
}
#navigation5 {
	background-image: url(../images/menu/associations_roll.gif);    /* rollover state */
	width:175px;                    /* image width */
	height:55px;                   /* image height */
}
#navigation6 {
	background-image: url(../images/menu/people_roll.gif);    /* rollover state */
	width:175px;                    /* image width */
	height:41px;                   /* image height */
}
#navigation7 {
	background-image: url(../images/menu/news_roll.gif);    /* rollover state */
	width:175px;                    /* image width */
	height:39px;                   /* image height */
}
#navigation8 {
	background-image: url(../images/menu/about_roll.gif);    /* rollover state */
	width:175px;                    /* image width */
	height:46px;                   /* image height */
}
/* Application: Common Code */

.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */

/************ These styles deal with the mechanics of the list and the links appearance without images turned on ***********/
#sideBar ul {
	list-style-type:none;
	list-style-image:none;
	margin: 0;
	padding: 0;
}

#sideBar li {
	margin:0;
	padding: 0;
}

#sideBar img {
	margin:0;
	padding:0;
}


/********************************/
/*			Footer Styles		*/
/********************************/

#footer ul {
	margin: 1em 0 .3em 0;
}

#footer li {
	list-style-type:none;
	display:inline;
	padding: .5em;
}

#footer a {
	color:#000000;
	background-color: transparent;
}	
/********************************/
/*			Misc Styles		*/
/********************************/

#contact a {
	color:#FFFF99;
	background-color: transparent;
}

#contact address {
	color:#FFFF99;
	background-color: transparent;
}

#mission {
	margin: 10px 29px -120px 29px;

}
#last { /*apply this to the last block level element in the #content section to pull up the cheater margin */
	margin-bottom:-120px;
}
.innerCiteNonItalics {
	font-style: normal;
}
.list { list-style-image: url(../images/0043_bullet2.png); }

.list2 {list-style-image:url(../images/0180_bullet.png); }

.todo {color:#990033; background-color: transparent; font-weight:600; }

.center {text-align:center; }

.bold {font-weight:600;}

.meetingNumber {list-style-type:upper-alpha; }

.listPointer {cursor:pointer; }