/* CSS Document */

html, body {
	margin: 0; 
	padding: 0; 
	border: 0;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 80%;
	text-align:center;
	 color: #711b7c;
	 background-color: #307972 /*f1e9f2*/;
}

p  { 
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

#topbar {
	height: 20px;
	clear:both;
	background-color: #ECF4EA;	/*width: 955px !important;
	width: 945px;*/
}

h1 {
	margin: 5px 0 10px 0;
	 color:#711b7c;
	font-size: 120%;
}

h2 {
	margin: 10px 0 10px 0;
	 color:#711b7c;
	font-size: 110%;
}

dt {
	margin: 0 0 10px 10px;
	font-weight: bold;
}

dd {
	margin: 0 0 0 35px;
}

.imgcentre {
	vertical-align: middle;
	text-align: center;
	position: relative;
	top: 72px;
} 

.imgleft {
	float: left;
	padding: 0 15px 15px 0;
} 

.imgright {
	float: right;
	padding: 0 15px 15px 15px;
} 

.clear { 
	clear: both; 
}
#centre {
	text-align:center;
	width:500px;
	margin:auto;
}

.widetop {
	width: 100%; 
	background-image: url(../images/cars.jpg); /*  need this*/
	background-repeat: no-repeat;
	height:auto;
	background-position: right top;	
	height: 160px;
}

.wide {
	width: 100%;
	
}

.top {
	height: 170px;
	width: 100%; 
	
}

.bottom {
	font-size: 80%;
	color:#307972;
	text-align: center; 
	position: relative;
}

#center a:link, #center a:visited,  #center a:active {
	color: #711b7c;

}

#center a:hover {
	 color:#fff;
	background: #8db5b2/*307972*/;
} 

.left a:link, .left a:visited,  .left a:active {
	color: #711b7c;
	text-decoration: none;
	display: block;
	padding: 5px 0 5px 0;
	line-height: 1.5em;
}

.left a:hover {
	 color:#fff;
	text-decoration: none;
	background: #8db5b2/*307972*/;
	display: block;
	padding: 5px 0 5px 0;
	line-height: 1.5em;
} 

.bottom a:link, .bottom a:visited,  .bottom a:active {
	color: #307972;
	text-decoration:none;

}

.bottom a:hover {
	color: #307972;
	text-decoration:underline;

}




.left ul {
	list-style: none;
	display: block;
	color: #711b7c;
	font-weight: bold;
	line-height: 1.5em;
	padding: 5px 0 5px 0;
	width: 125px!important; 
	width: 135px; 
}


.left li {
	list-style: none;
	display: block;
	color: #711b7c;
	font-weight: bold;
	line-height: 1.5em;
	padding: 5px 0 5px 0;
	border-top:#711b7c 1px solid;
	border-left:#711b7c 1px solid;
	border-right:#711b7c 1px solid;
	border-bottom-style:none;
}

/* ie7 hack */
html>body .left ul {
	*display: inline;
}



.left  li.menubottom  {
	border-bottom:#711b7c 1px solid; 
}

#wrapper {
	margin: 0 auto;
	width: 965px;
	text-align: left;
	height:auto;
	border:2px ridge #307972 /*D9D9D9*/;
	background-color: #ECF4EA /*e6f3f2*/;
	background-image: url(../images/footer.jpg); /*  need this*/
	background-repeat: no-repeat;
	height:auto;
	background-position: left bottom;
	height: auto;	

}

* html #wrapper {   /*** IE5.x/win box model fix ***/
width: 957px;
wid\th: 955px;
}

#outer {
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	margin-left: 151px;    /*** Critical left col dimension value 151***/
	width: 950px;   /*** Critical left and right col/divider dimension value (moves inversly)478px 653  ***/
	
	
}

* html #outer {   /*** IE5.x/win box model fix ***/
width: 802px;   /*** Critical left and right col/divider dimension value (moves inversly)480 655***/
wid\th: 800px;   /*** Critical left and right col/divider dimension value (moves inversly)478 653***/
}

#float-wrap {
	float: left;
	width: 800px;   /*** Critical left and right col/divider dimension value (moves inversly) 478 653***/
	margin-right: -1px;   /*** Static fix ***/
	
		
	
}

#center {
	text-align: left;
	padding: 0 20px  0 0;
	margin: 20px 0 0 0;
	float: right;
	width: 98%;   /*** Critical left and right col/divider dimension value (moves inversly) 478 ***/
	/* \*/
	margin-left: -1px; 
	/* Hidden from IE-mac */

}



.left {
	padding: 20px 0 0 0;
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width: 125px;    /*** Critical left col/divider dimension value  152***/
	margin-left: -151px;    /*** Critical left col/divider dimension value -151 ***/
	display: block;
	height: 445px;
}

* html .left {
	float:left;	
}

*>html .left {width:124px;}   /*** Fix only for IE/Mac ***/

.container-left {
	width: 125px;    /*** Critical left col dimension value ***/
	 /***padding-bottom: 20px;   To keep content from going underneath the AP bottom boxes ***/
	text-align: center;
	margin: 0 0 0 3px !important;
	_margin: 0 0 0 -37px;
	
}

/* ie7 hack */
html>body .left a {
 *margin-left: -15px;
 *width: 120px;
}

#right {
	color: #711b7c;
	font-style: italic;
	line-height: 1.5;
	float: left; 
	padding: 20px 0  0 0;
	position: relative; /*** IE needs this or the contents won't show outside the parent container. 152 ***/
	width: 125px;    /*** Critical right col/divider dimension value ***/
	margin-right: -124px;    /*** Critical right col/divider dimension value -150***/
	margin-left: -1px;   /*** Static fix ***/
}

/* \*/
* html #right {
margin-left: 0px; 
margin-right: -500px; 
mar\gin-right: -125px;
}
/* */

#container-right { 
/* \*/width: 125px;/* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
margin-left: 3px;    /*** Critical right divider dimension value ***/
 /*** padding-bottom: 20px;  To keep content from going underneath the AP bottom boxes ***/
}

/* \*/
* html #container-right {
fl\oat: right;
margin-left: 2px; 
mar\gin-left: 0px; 
}

/* \*/
* html h2 {height: 1%;}
/* */


/*** This is a fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html .left {margin-right: -3px;}
/* */


.italics-test, .italics-test-side {
font-style: italic; 
text-align: justify; 
background: #ccd;
border: 1px solid red;
}


/* \*/
* html .italics-test, * html .italics-test-side {
overflow: hidden;
width: 100%;
o\verflow: visible;
w\idth: auto;
hei\ght: 1px;
}
/* */
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #711B7C;
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 67px;
}
.menu2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-right: 0px;
	margin-left: 0px;
	line-height: 20px;
	padding: 0px;
}