/* 

style sheet for may-june 2008 howler

version:  1.0
created:  May 20, 2008
updated:  
author:   geoffrey petrie (gpetrie@unm.edu)

*/

body {
	padding: 0;
	margin: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #dddddd;
	color: #000000;
}

#wrapper {
	width: 750px;
}

a:link {
	color: #aa5511;
	text-decoration: underline;
}

a:visited {
	color: #887766;
	text-decoration: underline;
}

a:visited h1 {
	text-decoration:none;
}

a:hover {
	color: #aa5511;
	text-decoration: none;
}

a:active {
	color: #887766;
	text-decoration: underline;
}

a[href^="http:"] {
	background: url(images/externalLink.gif) no-repeat right top;
	padding-right: 7px;
}

a[href^="https:"] {
	background: url(images/externalLink.gif) no-repeat right top;
	padding-right: 7px;
}

a[href^="http://www.unmalumni.com"], a[href^="http://unmalumni.com"] {
	background-image: none;
	padding-right: 0;
}

.clear {
	clear: both;
}

#header {
	padding-bottom: 10px;
}

/* to the right of the image */

.rightContent {
	display: block;
	margin: 0;
}

.rightContent h1{
	padding: 0;
	margin:0;
	background-color: transparent;
	color: #aa5511;
	font-size: 16px;
}

.rightContent h2{
	padding: 0;
	margin: 15px 0 0 0;
	color: #aa5511;
	font-size: 16px;
}

.rightContent p{
	margin: 0.4em;
}

/*below the image */

.lowerContent {
	display: block;
	float: left;
	margin: 0 0 5px 10px;
	width: 200px;

}

.lowerContent h1{
	padding: 0;
	margin:0;
	background-color: transparent;
	color: #aa5511;
	font-size: 16px;
}

.lowerContent h2{
	padding: 0;
	margin: 15px 0 0 0;
	color: #aa5511;
	font-size: 16px;
}

.lowerContent p{
	margin: 0.4em;
}

.historyFlash {
	display: block;
	float: left;
	margin: 0 0 5px 10px;
	width: 400px;
}

.historyFlash h1{
	padding: 0;
	margin:0;
	background-color: transparent;
	color: #aa5511;
	font-size: 16px;
}

.historyFlash h2{
	padding: 0;
	margin: 15px 0 0 0;
	color: #aa5511;
	font-size: 16px;
}

.historyFlash p{
	margin: 0.4em;
}

#footer {
	font-size:9px;
	padding: 5px 0 5px 1px;
	border-top-width: 1px;
	border-top-style:dotted;
	border-top-color: #aa5511;
	width: 750px;
}

#footer p {
	margin: 2px;
}

#footer:hover {
	color: #334422;
}

#content {
	padding: 0;
	margin: 0 0 0 10px;
	display: block;
	position: relative;
	top: -10px;
}

#content h1{
	padding: 0px;
	margin: 0px;
	background-color: transparent;
	color: #aa5511;
	font-size: 36px;
	text-transform: lowercase;
}

#content p {
	margin: 0.5em;
}

#content h2{
	padding: 0;
	margin: 15px 0 0 5px;
	color: #aa5511;
	font-size: 18px;
}

#content h3{
	padding: 0;
	margin-left: 5px;
	font-size: 15px;
}

/*	images	*/

.img_aright{
	background-position: right;
	padding-left: 10px;
}

.img_aleft{
	background-position: left;
	padding-right: 10px;
}

#featureImg {
	float: left;
	border: thin;
	border-style: solid solid solid none;
	border-color: #aa5511;
	margin: 0 10px 30px 0;
	display: block;
}

.featureCaption {
	font-size:10px;
	position: absolute;
	top: 759px;
	left: 370px;
}

.caption450 {
	font-size:10px;
	font-style: italic;	
	width: 440px;
}

.caption350 {
	font-size:10px;
	font-style: italic;	
	width: 340px;
}

.caption300 {
	font-size:10px;
	font-style: italic;	
	width: 290px;
}

#title_img {
	float: left;
	border: thin;
	border-style: solid solid solid none;
	border-color: #aa5511;
	margin: 0 20px 5px 0;
	display: block;
}

.titleCaption {
	font-size:10px;
	font-style: italic;	
	width: 480px;
}

/* 

the noDec class kills the decoration on the h1 and h2 links 
I feel like this is more of a hack than it is a resolution to this problem
there should be a way to add this to the rightContent class

*/

a.noDec:link {
	color: #aa5511;
	text-decoration:none;
}

a.noDec:visited {
	color: #aa5511;
	text-decoration:none;
}

a.noDec:hover {
	color: #aa5511;
	text-decoration:none;
}

a.noDec:active {
	color: #aa5511;
	text-decoration:none;
}

.goodBreak {
	display:block;
	margin:0;
	padding:0;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #aa5511;
}

.change_bold{
	color:#aa5511;;
	font-size:16px;
	font-weight:bold;
}

.change_question{
	color:#aa5511;
	font-size:16px;
	font-weight:bold;
}

/*	css for forms	
fieldset {
	margin-left: 5px;
	padding: 5px;
}

label {
	display: block;
	font-weight: bold;
}

legend {
	font-weight: bold;
}

input{
	width: 200px;
	background-color: #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	border: 1px solid #aa5511;
}

textarea {
	height: 150px;
	width: 400px;
	background-color: #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	border: 1px solid #aa5511;
}

input.buttons {
	width: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #cccccc;
	color: #000000;
}

input:focus, textarea:focus{
	background:	#aabbcc;
	color: #000000;
}*/