@charset "utf-8";
/* CSS Document */

body {
	text-align: left;  
	margin:0 auto;
	background-image:url(../images/background/oxblood_gradient.png);
	background-repeat:repeat-x;
	font-family:arial;*/
}

.wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 950px;
	padding-top:20px;
}

.top_banner  {
	background-image:url(../images/background/parchment.gif);
	background-repeat:repeat;
	height: 170px;
}

.left{
	float:left;
	height:600px;
	width: 200px;
}
.left_middle {
	background-image:url(../images/background/parchment.gif);
	background-repeat:repeat;	
	float:left;
	width:200px;
	height:450px;
}
.left_bottom {
	float:left;
	width:200px;
	height:150px;
	background-color:white;
}



.middle {
	float:left;
	width:480px;
	background-image:url(../images/background/middle.png);
	background-repeat:repeat-x;
	background-color:white;
	padding-left:10px;
	padding-right:10px;
	height:600px;
}

.right{
	float:left;
	height:500px;
	width:150px;
}

.right_middle {
	background-image:url(../images/background/parchment.gif);
	background-repeat:repeat;
	float:right;
	width:150px;
	font-size:12px;
	text-align:center;
	height:450px;
}

.right_bottom {
	float:right;
	width:150px;
	height:150px;
	background-image:url(../images/right_bottom_background.png);
	background-color:white;
	text-align:center;
}

.sub_title  {
	font-size:15px;
	font-weight:bold;
	font-variant:small-caps;
}

.title {
	font-size:16px;
	font-weight:bold;
	font-variant:small-caps;
}

.major_title {
	font-family:Times New Roman;
	font-weight:bold;
	font-size:36px;
	text-align:left;
	top:
	}
	
.smaller_text {
	font-size:12px;
}

.left_grad {
	float:left;
	width:40px;
	height:770px;
	background-image:url(../images/background/left_lines.png);
	background-repeat:repeat-y;
}

.right_grad {
	float:left;
	width:50px;
	height:770px;
	background-image:url(../images/background/right_lines.png);
	background-repeat:repeat-y;
}

.top_grad {
	background-image:url(../images/background/upper_lines.png);
	background-repeat:repeat-x;
}

.mid_main {
	float:left;
}


/* ------------------------------------------------- */

.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Arial;
color: white;
background: black url(../images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
text-decoration:none;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(../images/titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #800000;
background: url(../images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 1px solid #dadada;
font-size: 11px;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}









.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(../images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
* html .btn span, * html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }
.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #a00; }
.btn:active { background-color: #444; }
.btn[class] { background-image: url(../images/shade.png); background-position: bottom; }