/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	line-height:18px;
}

div {
	box-sizing:content-box;
	-moz-box-sizing:content-box;
}

#wrapper {
	position: relative;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-color:#FFFFFF;
	border: 1px solid #D8D8D8;
	display: table;
}

#shadowBottom {
	position: relative;
	width: 755px;
	margin-right: auto;
	margin-left: auto;
	background-image:url(images/bg_shadow_bottom.gif);
	background-repeat:no-repeat;
}

#bg_home { width:735px; border-right: 15px solid #488A29; display: table; }
#bg_client { width:735px; border-right: 15px solid #488A29; display: table; }
#bg_staff { width:735px; border-right: 15px solid #488A29; display: table; }
#bg_case { width:735px; border-right: 15px solid #488A29; display: table; }
#bg_contact { width:735px; border-right: 15px solid #488A29; display: table; }

h2 { font-size:15px; font-weight:bold; color:#488A29;}
h3 { font-size:12px; font-weight:bold;}
h4 { font-size:12px; font-weight:bold; color:#DD1B1B;}
h5 { font-size:11px; font-weight:bold; color:#875CD3; padding:0px; margin:0px;}
.smallTxt { font-size:10px; }

.i2ifaces { font-size:12px; font-weight:bold; color:#488A29;}

a { text-decoration: underline; color:#333333;}
a:hover { color:#488A29; }

.keyLink a, .keyLink a:hover { text-decoration: underline; color:#488A29; }

.arrowLink { padding-left:10px; background-image:url(images/bullet_arrow.gif); background-position:left top; background-repeat:no-repeat; padding-bottom:6px; clear:both; }
.arrowLink a { text-decoration: underline; color:#333333; }
.arrowLink a:hover { color:#488A29; }
.arrowLink .active { color:#ffffff; background-color:#488A29; text-decoration:none; }

.logoLink { width:156px;}
.logoLink a { text-decoration: underline; color:#333333; }
.logoLink a:hover { color:#488A29; }
.logoLink .active { color:#ffffff; background-color:#488A29; text-decoration:none; }
.logoLink img { padding-right:5px; }
.logoLink .txt { float:left; width:110px;}

.caseLogo { width:210px; padding-right:15px; float:left; padding-bottom:20px; display:table; }
.caseLogo .logo { float:left; padding-right:10px; }
.caseLogo .txt { float:left; width:110px;}

#header { width: 735px; height: 70px;}
#header #logo { float:left; padding-left:15px; padding-top:19px; }
#header #topNav { float:right; padding-right:20px; padding-top:35px;}
#header #topNav img { padding-right: 7px; padding-left: 12px;}
#topNav a { text-decoration: none; color:#488A29; vertical-align:top; }
#topNav a:hover { text-decoration: underline; }

#body{ width:735px;clear:both;display: table;}

#nav { float:left; width:180px; padding-top:0px; display:table;}
#nav img { padding: 4px 0px 4px 0px;}
#nav img.subNav { padding: 0px 0px 0px 0px;}
#nav img.logo { padding: 0px 0px 10px 15px; border:0px;}

#bodyHome { width:505px; float:right;display: table; }
#bodyRight { width:495px; float:right;display: table;}

#pageFull { width:465px; padding-right:30px; padding-bottom:15px; }
#pageMid { float:left; width:300px; padding-bottom:20px;}
#pageRight { float:left; width:160px; padding: 0px 14px 0px 20px;}
#pageNotice { width:456px; padding-right:24px; padding-bottom:15px; }

.pageTitle { padding-top:20px; }
.noticeboardDate {float:right; padding-top:24px; color:#797979;}

#pageHome { width:470px; padding-right:30px; }
#pageHome p { font-size:12px; padding-left:28px; margin-top:14px; margin-bottom:0px; }

.left {float:left;}
.right {float:right;}


.noticeTitle {font-size:14px; color:#DD1B1B; font-weight:bold;}
.noticeSubtitle {font-size:12px; color:#333333; font-weight:bold;}
.noticeDate { font-size:10px; color:#FFFFFF;}
.noticeHeadline { font-size:18px; color:#488A29; padding-top:25px;}

.employeeHeader { font-size:14px; color:#FFFFFF; }
.employeeName { font-size:18px; font-weight:bold; color:#488A29; padding-top:25px; padding-bottom:8px;}

.casePic {padding-left:17px; display:table;}
.PicB { border:1px #B9B9B9 solid; width:262px;}
.PicS { border:1px #B9B9B9 solid; width:120px; float:left; margin-right:16px;}

li {margin-left:-24px; list-style:disc;}

.cell { padding:0px; margin:0px; border:0px; width:288px; font-style:italic; font-size:12px;}
.client1 { background:#D753B8; color:#FFFFFF; border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; padding-left:15px;}
.client2 { background:#F4D6EC; color:#CC43A6; border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; padding-left:15px;}
.staff1 { background:#DD1B1B; color:#FFFFFF; border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; padding-left:15px;}
.staff2 { background:#FBE6E6; color:#DD1B1B; border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; padding-left:15px;}

#footer {
	position: relative;
	width:752px;
	padding: 4px 0px 4px 0px;
	margin-right: auto;
	margin-left: auto;
	font-size:10px;
	color:#6B6B6B;
	text-align:center;
}
#footer a { text-decoration:underline; color:#6B6B6B; }
#footer a:hover { color:#488A29; }