* {
	font-family : Arial, Helvetica, sans-serif;
}

P, TD, TH, DL, BODY, BLOCKQUOTE, PRE, DIV, OL, UL  {
	font-size : 10pt;
	color: #DCD5EB;
}

html, body {
	margin: 0;
	padding: 0;
	background-color: #2B1A50;
	background-image: url(background.jpg);
	scrollbar-base-color: #2B1A50;	
}  

/* Links */ 
a:link, a:visited {
	color: white;
}
a:hover, a:active {
	color: #D11C2C;
}

/* Links for Nav bar */
a:link.nav, a:visited.nav {
        color: #D11C2C;
        text-decoration: none;
}
a:hover.nav, a:active.nav {
        color: white;
        text-decoration: none;
}

small  {
	font-size : 8pt;
	color: #DCD5EB;
}
  
H2, .heading2  {
	font-size : 18pt;
	font-weight : normal;
	color: #D11C2C;
}
  
H3, .heading3  {
	font-size : 14pt;
	font-weight : normal;
	color: #D11C2C;	
}
  
H4, .heading4  {
	font-size : 13pt;
	font-weight : bold;
	color: #DCD5EB;	
}
  
.boldred {
	font-weight : bold;
	color: #D11C2C;	
}
  
.heading_blog  {
	font-size : 14pt;
	font-weight : normal;
	color: #FFFFFF;	
}
  
.heading4red  {
	font-size : 12pt;
	font-weight : bold;
	color: #D11C2C;	
}
  
.photocredit  {
	font-size : 6pt;
	color: #FFFFFF;
}
  
hr {
	border: none;
	color: #D11C2C;
	background-color: #D11C2C;
	height: 1px;
}

/* Remove the space at the top of ul and ol */
ul.compact, ol.compact {
	margin-top: 2px;
}

.align_left {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	float: left;
}

.align_right {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	float: right;
}

select, input, textarea {
	border: 1px solid #842002;
}

/* This is for displaying checkboxes and radio buttons, which look
bad when formatted using the above style */
input.box {
        border: none;
}

.photo_border {
	border: 1px solid black;
}