/* CSS Document */
/*

contents
--------------------------------------------
1) general layout / brower fixes .......line 15
2) header ..............................line 44
3) middle content ......................line 92
4) footer ..............................line 125
6) photos ..............................line 261



1) general layout / brower fixes
-------------------------------------------- */

* { 
	behavior: url(../css/iepngfix.htc);
 }

html, body {
	height:100%;
	width:100%;
}

body {
	margin:0px 0px 0px 0px;
	background-color:#EFE0DA;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

table td {
	padding-left: 3px;
	padding-right: 3px;
}

#secondBG {
	background-image:url(../images/page_corner.gif);
	position:absolute;
	height:135px;
	width:135px;
	top:-5px;
	left:-10px;
	z-index:10002;
}

/*
2) header
-------------------------------------------- */

#topBar {
	background-image:url(../images/bar_bg.gif);
	position:absolute;
	width:100%;
	height:20px;
	z-index:50;
	top:40px;
	z-index:10001;
}

#logoMate {
	position:relative;
	width:900px;
	height:100%;
	margin:0px auto 0px auto;
}

#logo {
	position:absolute;
	background-image:url(../images/logo.png);
	height:300px;
	width:300px;
	top:-180px;
	left:20px;
	background-repeat:no-repeat;
}

#navigation {
	position:relative;
	height:220px;
	width:100%;
	top:40px;
	background-image:url(../images/pattern_bg.gif);
	background-repeat:repeat-x;
	z-index:10000;
}


#buttons {
	position:relative;
	width:900px;
	height:220px;	
	margin:0px auto 0px auto;
}
/*
3) middle content
-------------------------------------------- */
#middleBar {
	position:absolute;
	background-image:url(../images/bar_bg.gif);
	width:100%;
	height:20px;
	top:180px;
	left:0px;
	z-index:40;
}

#contentBar {
	padding-top:20px;
	background-image:url(../images/middle_bg.gif);
	width:100%;
	min-height:59px;
	position:relative;
	z-index:30;
	background-repeat:repeat-x;
	background-color:#F2F2F2;
}

#content {
	position:relative;
	width:900px;
	min-height:590px;
	margin:0px auto 0px auto;
	padding-bottom:40px;
}


/*
4) footer
-------------------------------------------- */

#copyright {
	position:absolute;
	margin:0px auto 0px auto;
	width:900px;
	bottom:20px;
	padding-left:330px;
	font-size:11px;
	line-height:18px;
}


#copyright a {
	font-size:11px;
	color:#7F0E0E;
	text-decoration:none;
}

#copyright a:hover {
	font-size:11px;
	color:#7F0E0E;
	text-decoration:underline;
}

#bottomBar {
	position:relative;
	background-image:url(../images/bar_bg.gif);
	width:100%;
	height:20px;
	bottom:0px;
}

#bottomLinks {
	position:absolute;
	margin:0px auto 15px auto;
	width:900px;
	bottom:130px;
	padding-left:330px;
	font-size:12px;
	line-height:18px;
}


#bottomLinks a {
	font-size:12px;
	text-decoration:none;
	color:#7F0E0E;
}

#bottomLinks a:hover {
	font-size:12px;
	color:#7F0E0E;
	text-decoration:underline;
}


/*
5) text layout
-------------------------------------------- */

#copy {
	position:relative;
	left:50px;
	height:100%;
	padding-bottom:150px;
	margin-left:280px;
	font-size:14px;
	line-height:22px;
}

#copy a {
	font-size:14px;
	color:#7F0E0E;
	text-decoration:none;
}

#copy a:hover {
	font-size:14px;
	color:#7F0E0E;
	text-decoration:underline;
}

p#breadcrumbs, p#breadcrumbs a {
	font-size:12px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 5px 0px;
	color:#7F0E0E;
	font-weight:normal;
	line-height:32px;
	text-decoration:none;
}

p#breadcrumbs a:hover {
	font-size:12px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 5px 0px;
	color:#7F0E0E;
	font-weight:normal;
	line-height:32px;
	text-decoration:underline;
}

h1 {
	font-size:30px;
	margin:0px 0px 15px 0px;
	padding:0px 0px 15px 0px;
	font-weight:normal;
	line-height:32px;
	background-image:url(../images/h1Border.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	width:620px;
}

h2 {
font-size: 18px;
}

h3 {
font-size: 14px;
}

.captions, .captions a {
	font-size: 11px;
	font-style: italic;
	text-decoration:none;
}

.captions a:hover {
text-decoration:underline;
}

ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 30px;
}

li {
	line-height:20px;
	padding-bottom:2px;
	list-style-position: outside;
}


#navigation li {
	line-height:20px;
	padding-bottom:0px !important;
}

.caption {
font-size:10px;
}
/*
6) photos
-------------------------------------------- */

#photo1 {
	position:absolute;
	height:310px;
	width:261px;
	top:75px;
	left:25px;
}

#photo2 {
	position:absolute;
	height:310px;
	width:261px;
	top:325px;
	left:25px;
}

#photo3 {
	position:absolute;
	height:310px;
	width:261px;
	top:575px;
	left:25px;
}

/* rounded boxes */
		.ex1 {

	width: 171px;

	background-color: #efefef;

}



.ex1 h3 {

text-align:center;

color:#999;

padding-top:5px;

}

.ex1 p.first-ele {

	background: 

		transparent url(../testing/images/blue_top.gif) 

		no-repeat 

		top left;

		color:#999;

		margin:0;

		padding-bottom:10px;

}

.ex1 p.last-ele {

	padding: 25px 0 0 70px;

	background: transparent 

		url(../testing/images/blue_bot.gif) 

		no-repeat 

		bottom left;

		margin:0;

}

/* ASB adding alert class */
.alert {
	color:#FF0000;
}

/* ASB adding columns on forms pages */
#rightDiv {
	margin-left:  20%;
}

#leftDiv {
	float: left;
	widows: 20%;
}