* {
padding : 0;
margin : 0;
}
body {
margin : 0;
padding : 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
background : #31759c;
}
#wrapper {
background : #ffffff;
margin : 0 auto;
width : 760px;
}
p {
margin : 10px 10px;
}
.largeorange {
font-size : 110%;
color : #ff9900;
font-weight : bold;
text-decoration : underline;
}
h1 {
color : #3d94c6;
font-size : 18px;
font-weight : bold;
padding-left : 17px;
margin : 10px 10px;
background : url(images/sm_arrow.png) no-repeat 0 50%;
}
h2 {
text-align : center;
background : #3d94c6;
border : 2px solid #9cbfcb;
display : block;
font-size : 110%;
color : #fff;
margin : 0;
font-weight : bold;
text-transform : uppercase;
}
h5 {
font-size : 110%;
text-transform : uppercase;
}
#header {
position : relative;
margin:20px auto;
height : 130px;
width:760px;
background : #31759c;
}
#logo {
position : absolute;
padding-top : 15px;
}
#logo a {
background : none;
}
#header a span {
background : none;
}
#header ul {
border : none;
position : absolute;
margin : 0;
padding : 0;
list-style : none;
right : 0;
bottom : 0 !important;
bottom : 5px;
font : bold 13px Arial, 'Trebuchet MS', Tahoma, verdana, sans-serif;
}
#header li {
display : inline;
margin : 0;
padding : 0;
border : none;
}
#header a {
float : left;
background : url(images/tab_left.png) no-repeat left top;
margin : 0;
padding : 0 0 0 4px;
text-decoration : none;
}
#header a span {
float : left;
display : block;
background : url(images/tab_right.png) no-repeat right top;
padding : 6px 15px 3px 8px;
color : #fff;
}
#header a span {
float : none;
}
#header a:hover span {
color : #fff;
}
#header a:hover {
background-position : 0% -42px;
}
#header a:hover span {
background-position : 100% -42px;
}
#header #current a {
background-position : 0% -42px;
color : #fff;
}
#header #current a span {
background-position : 100% -42px;
color : #fff;
}
#main-body {
font-size : 95%;
line-height : 1.6em;
padding : 0;
width : 760px;
}
#sidebar {
float : left;
font-family : Verdana, sans-serif;
font-size : 90%;
margin-left : 4px;
padding-top : 10px;
width : 165px;
}
#mainNav {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 100%;
width : 165px;
padding : 0;
margin : 0;
}
#mainNav h3 {
text-align : center;
background : #3d94c6;
border : 2px solid #9cbfcb;
display : block;
font-size : 110%;
color : #fff;
margin : 0;
font-weight : bold;
text-transform : uppercase;
}
#mainNav ul {
list-style : none;
}
#mainNav li {
background : url(images/sm_arrow.png) no-repeat 10px 50%;
padding-left : 25px;
border-bottom : 1px dashed #fea81c;
}
#mainNav li a {
font-size : 11px;
padding-top : 2px;
padding-bottom : 2px;
text-decoration : none;
font-weight : bold;
color : #000000;
}
#mainNav li a:hover {
color : #fea81c;
}
#getintouch {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 100%;
width : 165px;
padding : 0;
margin : 0;
}
#getintouch h3 {
text-align : center;
background : #3d94c6;
border : 2px solid #9cbfcb;
display : block;
font-size : 110%;
color : #fff;
margin : 0;
font-weight : bold;
text-transform : uppercase;
}
#getintouch ul {
list-style : none;
}
#getintouch li {
background : none;
padding : 0;
border : none;
}
#getintouch li a {
font-size : 11px;
padding-top : 2px;
padding-bottom : 2px;
text-decoration : underline;
font-weight : bold;
color : #2a6486;
}
#getintouch li a:hover {
color : #fea81c;
}
#content {
padding : 10px;
float : right;
width : 565px;
}
#content ul {
padding-left : 35px;
}
#footer {
width : 760px;
clear : both;
text-align : right;
background : #3d94c6;
padding-top : 2px;
padding-bottom : 1px;
}
#copy {
background : #31759c;
text-align : center;
padding-top : 10px;
font-size : 11px;
color : #fff;
}
table {
border-collapse : collapse;
width : 540px;
border : 1px solid #aeaeae;
}
caption {
font-size : 14px;
font-weight : bold;
margin-top : 15px;
margin-bottom : 2px;
text-align : left;
color : #fea81c;
}
col {
border-right : 1px solid #aeaeae;
}
thead {
color : #fff;
font-weight : bold;
background-color : #3d94c6;
border-top : 2px solid #9cbfcb;
border-bottom : 2px solid #9cbfcb;
}
th {
font-weight : normal;
text-align : left;
}
th, td {
padding : 0.1em 1em;
}
.odd {
background-color : #edf5ff;
}
tr:hover {
background-color : #fea81c;
color : #fff;
}
thead tr:hover {
background-color : #3d94c6;
color : inherit;
}
.container {
overflow : hidden;
margin-bottom : 10px;
}
.box {
line-height : 1.3em;
width : 245px;
}
.floatLeft {
margin-top : 5px;
margin-left : 30px;
float : left;
}
.floatRight {
float : right;
margin-top : 5px;
margin-right : 30px;
}
.imgsmallhp {
margin-right : 15px;
}
.imagecontainer {
text-align : center;
overflow : hidden;
margin-bottom : 10px;
}
.MapBuilder {
font : normal small verdana, arial, helvetica, sans-serif;
font-size : 10pt;
margin : 0;
}
.MapBuilder a {
text-decoration : none;
color : #0066cc;
background-color : transparent;
}
.MapBuilder a:hover {
color : #f60;
background-color : transparent;
}
.MapBuilder h1 {
font-weight : bold;
font-size : 16pt;
color : #369;
border-bottom : 2px solid #369;
}
.IW {
width : 350px;
}
.IWContent {
height : 120px;
overflow : auto;
}
.IWCaption {
font-weight : bold;
font-size : 12pt;
color : #369;
border-bottom : 2px solid #369;
}
.IWFooter {
margin-top : 5px;
font-size : 8pt;
}
.IWDirections {
background-color : #fff;
}
#content a img {
border : 1px solid #cccccc;
margin : 1px;
padding : 3px;
}
#langbar {
color : #fff;
}
#langbar a {
float : none;
background : none;
margin : 0;
padding : 0 5px 0 0;
text-decoration : none;
}

.service img {border:2px solid #3D94C6;}


/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	width:200px;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: grey;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
img.bt { vertical-align: middle; }