body {
 margin:0 auto;
 padding:0;
 border:0; /* This removes the border around the viewport in old versions of IE */
 width:100%;
 background-color: #cecece;
 background-image:url('../imgs/grad-bg.png');
 background-repeat:repeat-x;
 background-position:left top;
 width:980px; /* Minimum width of layout - remove line if not required */
 /* The min-width property does not work in older versions of Internet Explorer */
 font-family: Verdana, ariel, sans;
 font-size:80%;
}

img, p, h1, h2, h3, a, ul, li {
margin:0;
padding:0;
}

h1 {
font-size: 1.8em;
padding: 15px;
font-weight:normal;
}

h2 {
font-size: 1.5em;
padding: 15px;
font-weight:normal;
}

h3 {
font-size: 1.2em;
padding: 15px;
font-weight:normal;
}

p {
padding-bottom: 10px;
padding-top:0;
line-height:150%;
}

ip span {
font-style:italic;
}

a {
text-decoration:none;
color:#00f;
}

a:hover {
text-decoration:underline;
}

a { outline: none !important; } 

ip img {
float: left;
padding:15px;
padding-top:5px;
padding-bottom:5px;

}

#header {
padding:0;
margin:5px 0 0 0;
background-color: #000; 
ibackground-image: url("../imgs/headerbg.jpg");
ibackground-repeat:repeat-x;
}

#header img {
position: relative;
float:left;
border:none;
padding-left:10px;
}


#header .telephone-number{
float:right;
margin:25px 25px 0 0;
padding:0; 
color:white;
font-size: 1.4em;
}

#nav-bar {
float:left;
width:100%;
margin:5px 0;
ibackground-image: url("../imgs/nav-bar.png");
ibackground-position:left bottom;
background-repeat:repeat-x;
iheight:30px;
background-color: #000; 
 background-image:url('../imgs/content-background-bottom.png');
ibackground-repeat:no-repeat;
}

#inav-bar {
float:right;
margin: 0;
background-color: #000; 
position:bottom right;
}

#nav-bar ul {
padding-left:15px;
list-style-type:none;
}

#nav-bar li {
float:left;
}

#nav-bar li a {
display: block;
padding: 5px;
padding-right: 20px;
} 

#nav-bar a {
color:white;
} 

ul {
padding-bottom:0.6em;
list-style:none;
}

li {
padding-left:2em;
padding-bottom:0.4em;
}

.col2 li {
padding-left:0;
}

#contact-left {
width:510px;
float:left;
}

#contact-right {
width:360px;
float:right;
}

#contact-right dl {
float:left;
margin: 0;
padding: 0;
list-style-type: none;
white-space: nowrap;
}

#contact-right dt {
line-height:1.5em;
letter-spacing:0.0px;
}

#contact-right dd {
margin: 0;
padding: 0;
}

#contact-right dd input {
width:330px;
border:1px solid #ddd;
border:1px solid #d788db;
border:1px solid #ec677a;
}

#contact-right dd input#sendit {
width:332px;
border:1px solid #000000;
border:1px solid #ec677a;
color:#fff;
background-color: #9354b0;
}

#contact-right dd select {
width:330px;
border:1px solid #ddd;
border-style:solid;
}

#contact-right dd textarea {
width:330px;
border:1px solid red;
margin-bottom:10px;
}

.box {
border:1px solid #d8d8d8;
padding: 0 5px;
margin:0;
background-color:white;
height:6em;
background-color:#f5f5f5;
}

.box:hover {
background-color:#d8d8d8;
}

.box a:hover {
color:black;
}

.box a {
display: block;
height: 100%;
width: 100%;
}

.box img {
border:none;
height:100%;
float:left;
margin:0;
padding:0;
padding-right:10px;
}

.ibox hr {
height:0px;
clear:both;
color:#eee;
margin:0;
padding:0;
}







h1, h2, h3 {
 margin:.8em 0 .2em 0;
 padding:0;
}

p {
margin:.4em 0 .8em 0;
padding:0;
}

img {
 margin:10px 0 5px;
}

/* Header styles */
#header {
 clear:both;
 float:left;
 width:100%;
}

#header {
}

#header p,
#header h1,
#header h2 {
 padding:.4em 15px 0 15px;
 margin:0;
}

#header ul {
 clear:left;
 float:left;
 width:100%;
 list-style:none;
 margin:10px 0 0 0;
 padding:0;
}

#header ul li {
 display:inline;
 list-style:none;
 margin:0;
 padding:0;
}

#header ul li a {
 display:block;
 float:left;
 margin:0 0 0 1px;
 padding:3px 10px;
 text-align:center;
 background:#eee;
 color:#000;
 text-decoration:none;
 position:relative;
 left:15px;
 line-height:1.3em;
}

#header ul li a:hover {
 background:#369;
 color:#fff;
}

#header ul li a.active,
#header ul li a.active:hover {
 color:#fff;
 background:#000;
 font-weight:bold;
}

#header ul li a span {
 display:block;
}


/* right col column container */
.colmask {
 position:relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
 clear:both;
 float:left;
 width:978px; /* width of whole page */
 overflow:hidden; /* This chops off any overhanging divs */
 min-height:400px;
 border:1px solid #aaa;

}

/* 2 column right menu settings */
.rightmenu {
 background:#f5f5f5;
}

.rightmenu .colleft {
 float:left;
 width:200%;
 margin-left:-233px;
 position:relative;
 right:100%;
 background-color:#fff;
}

.rightmenu .col1wrap {
 float:left;
 width:50%;
 position:relative;
 left:50%;
 padding-bottom:1em;
}

.rightmenu .col1 {
 margin:0 15px 0 248px;
 overflow:hidden;
}

.rightmenu .col2 {
 float:right;
 width:190px;
 position:relative;
 left:216px;
}

/* 100% spread column container */
	.singlepagecolmask {
		clear:both;
		float:left;
		width:978px;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		border:1px solid #aaa;
		background:#fff;
	 min-height:400px;
	}
	/* common column settings */
	.singlepagecolleft {
		float:left;
		width:100%;
		position:relative;
	}
	.singlepagecol1 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}

/* 50% spread column container */
	.doublepagecolmask {
		clear:both;
		float:left;
		width:978px;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		border:1px solid #aaa;
 min-height:400px;
		background:#fff;
	}
	/* common column settings */
	.doublepagecolright,
	.doublepagecolleft {
		float:left;
		width:100%;
		position:relative;
	}
	.doublepagecol1,
	.doublepagecol2  {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}
	/* 2 Column (double page) settings */

	.doublepagecolleft {
		right:50%;			/* right column width */
				/* left column background colour */
	}
	.doublepagecol1 {
		width:46%;			/* left column content width (column width minus left and right padding) */
		left:52%;			/* right column width plus left column left padding */
	}
	.doublepagecol2 {
		width:46%;			/* right column content width (column width minus left and right padding) */
		left:56%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}


/* Footer styles */


#footer {
text-align:center;
font-size:70%;
 clear:both;
 float:left;
 width:100%;
 color:#666;
}

#footer p {
 padding:10px 0 0 0;
 line-height:100%;
}

#footer a {
 padding:10px 30px 0 30px;
 color:#666;
}




#about-left {
float:left;
width:450px;
padding:0 0 0 15px;
margin-bottom:20px;
}

#about-right {
float:left;
width:450px;
}

#about-left .about-date {
font-size:1.5em;
font-weight:normal;
width:29%;
float: left;
display:block;
}

#about-left .about-text {
width:70%;
float:right;
display:block;
}

#about-left a {
text-decoration:none;
}

#about-left a:hover {
text-decoration:underline;
}

#about-right img {
float: right;
position:relative;
margin:0 0 10px 17px; 
}


#contact_left {
height:500px;
margin-bottom:20px;
border-right:1px solid #ddd;
}

#contact_right li {
margin:0;
padding:0;
}

#contact_left ul {
margin:0 0 0 0;
padding:0;
}

#contact_left li {
text-decoration:none;
list-style:none;
margin:5px 0 0 0;
padding:0;
}

.breadcrumbs {
font-size:60%;
color:white;
}

.breadcrumbs p {
display: block;
padding: 5px;
padding-right: 20px;
} 

.links-item {
float:left;
width:100%;
padding:0 0 1em 0;
}

.links-item img {
float:left;
margin:0;
padding:0;
border: none;
}

.links-item p {
float:left;
}

.links-item img.img-right {
float:right;
}