/* typography.css */

body {
	font : 72%/1.5 Verdana, sans-serif;
	color : #402f5f;
	background-color : #402f5f;
}

a {
	color:#cd5767;
	font-weight: bold;
}

a:hover {
	color:#ab1c65;
	font-weight: bold;
}

h2, h3, h5, p, ul, blockquote { 
margin : 0 20px .75em; }

h2, h3 { 
margin-bottom : .15em;
font : 150% "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif; 
letter-spacing : -1px; }

h4 {
	font-size : 90%;
	margin: 0 5px 0.05em;
	color: #106470;
}

h5 {
	font-size : 100%;
	margin-bottom : 0.05em;
	padding-left: 10px;
}

h6 {
	font-size : 120%;
	font-family: Arial, Helvetica, sans-serif;
	color: #106470;
	line-height: normal;
} 

p {
	font-size : 100%;
}

h2 {
	color : #106470;
	font-weight : bold;
}

h3 {
	color : #106470;
	font-size : 105%;
	font-weight : bold;
}

.accent {
font-weight : bold;
}

.italic {
font-style : italic;
}

.underline { 
text-decoration: underline;
}

/* color.css */

html {
	background-color : #402f5f;
}

div#content { 
    background-color : #fff; 
}


div#content_main {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #867c9a;
}


div#site_info {
	background-color : #fff;
}


div#branding {
	height : 181px;
}

h1 { 
position : absolute;
top : -10px; 
left : -80px; }

div#branding {
	position : relative;
	z-index : 1;
	background-repeat: no-repeat;
	background-image: url(images/top.png);
}

div#nav_main { 
position : relative;
}


ul#photo{
	position : relative;
	float : left;
	width : 400px;
	padding : 305px 20px 20px 20px;
	background-color : #FFF;
}

li, h3, p { display : inline; }
li p { color : #666; }

h3 img { 
position : absolute; 
padding : 1px;
height : 100px; 
width : 100px;
outline : 1px solid #ccc; } 

li#photo1 h3 img { top : 10px; left : 10px; }
li#photo2 h3 img { top : 10px; left : 115px; }
li#photo3 h3 img { top : 10px; left : 220px; }
li#photo4 h3 img { top : 10px; left : 325px; }
li#photo5 h3 img { top : 115px; left : 10px; }
li#photo6 h3 img { top : 115px; left : 115px; }
li#photo7 h3 img { top : 115px; left : 220px; }
li#photo8 h3 img { top : 115px; left : 325px; }
li#photo9 h3 img { top : 220px; left : 10px; }
li#photo10 h3 img { top : 220px; left : 115px; }
li#photo11 h3 img { top : 220px; left : 220px; }
li#photo12 h3 img { top : 220px; left : 325px; }

a:hover img { 
z-index : 100; 
width : 160px; 
height : 160px; 
padding : 5px; 
background-color : #fff; 
border : 1px solid #333; }

li#photo1 h3 a:hover img { top : -30px; left : -30px; }
li#photo2 h3 a:hover img { top : -30px; left : 80px; }
li#photo3 h3 a:hover img { top : -30px; left : 180px; }
li#photo4 h3 a:hover img { top : -30px; left : 280px; }
li#photo5 h3 a:hover img { top : 80px; left : -30px; }
li#photo6 h3 a:hover img { top : 80px; left : 80px; }
li#photo7 h3 a:hover img { top : 80px; left : 180px; }
li#photo8 h3 a:hover img { top : 80px; left : 280px; }
li#photo9 h3 a:hover img { top : 180px; left : -30px; }
li#photo10 h3 a:hover img { top : 180px; left : 80px; }
li#photo11 h3 a:hover img { top : 180px; left : 180px; }
li#photo12 h3 a:hover img { top : 180px; left : 280px; }


ul#text {
	list-style-position: outside;
	list-style-type: disc;
	padding-left: 20px;
}

ul#circle {
	list-style-type: circle;
}

ul#minitabs {
	background-color : #402f5f;
	list-style : none;
	margin : 0;
	padding : 0px 30px 10px;
	font-style : italic;
	text-align : right;
	white-space : nowrap;
	font-size: 110%;
}
  
ul#minitabs li {
display : inline;
margin : 0 5px
}

ul#minitabs a {
	text-decoration : none;
	padding : 0 0 3px;
	color : #ffffff;
}
  
ul#minitabs a#current {
color : #594900;
}

ul#minitabs a:hover {
	color : #106470;
}

ul#navlist li {
	display : list-item;
}

#navlist
{
padding-left: 10px;
margin-left: 10px;
width: 300px;
}

#navlist li
{
	list-style: none;
	margin: 0;
	padding: 0.25em;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #867c9a;
}

#navlist li a {
	text-decoration: none;
	color : #867c9a;
	font-weight : bold;
}

#navlist li a:hover {
	text-decoration: none;
	color : #402f5f;
	font-weight : bold;
}

div#site_info {
	position : relative;
	width : 100%;
	height : 136px;
	background-repeat: no-repeat;
	background-image: url(images/minitab.png);
}

div#site_info p { 
position : absolute;
left : 10px; 
top : 10px;
margin : 0; }