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

body {margin:0; padding:0;}
.mainwrapper1 {width:1024px; margin:0 auto; position:relative;}
.mainwrapper {width:1024px; margin:0 auto; position:relative; background:url(images/slicebg.jpg) repeat-y;}
.mainwrapper2 {width:1024px; margin:0 auto; position:relative; background:url(images/slicebg2.jpg) repeat-y;}
.header {margin:0; padding:0;}
.mainheader {margin:0; padding:0; background:url(images/home-header.jpg) no-repeat; min-height:115px; max-height:115px;}

.middle3 {margin:0; padding:0;}
.right	{float:right; width:238px; max-width:238px; background-color:#BCC5CA; min-height:400px;}
.middle {float:right; width:548px; max-width:548px; min-height:400px;}
.left {float:right; width:238px; max-width:238px; background-color:#BCC5CA; min-height:400px;}
.right-at {float:right; width:238px; max-width:238px; background:url(images/tall-bg.jpg) repeat-x; background-color:#D7DCE0; min-height:600px;}
.left-at {float:right; width:238px; max-width:238px; background:url(images/tall-bg.jpg) repeat-x; background-color:#D7DCE0; min-height:600px;}
.right-o {float:right; width:238px; max-width:238px; background:url(images/tall-bg.jpg) repeat-x; background-color:#D7DCE0; min-height:800px;}
.left-o {float:right; width:238px; max-width:238px; background:url(images/tall-bg.jpg) repeat-x; background-color:#D7DCE0; min-height:800px;}
.right-c {float:right; width:238px; max-width:238px; background:url(images/tall-bg.jpg) repeat-x; background-color:#D7DCE0; min-height:940px;}
.left-c {float:right; width:238px; max-width:238px; background:url(images/tall-bg.jpg) repeat-x; background-color:#D7DCE0; min-height:940px;}
.right-a {float:right; width:238px; max-width:238px; background:url(images/tall-bg.jpg) repeat-x; background-color:#D7DCE0; min-height:930px;}
.left-a {float:right; width:238px; max-width:238px; background:url(images/tall-bg.jpg) repeat-x; background-color:#D7DCE0; min-height:930px;}
.right-a2 {float:right; width:238px; max-width:238px; background:url(images/tall-bg.jpg) repeat-x; background-color:#D7DCE0; min-height:1105px;}
.left-a2 {float:right; width:238px; max-width:238px; background:url(images/tall-bg.jpg) repeat-x; background-color:#D7DCE0; min-height:1105px;}
.right-s {float:right; width:238px; max-width:238px; background:url(images/tall-bg.jpg) repeat-x; min-height:1310px; background-color:#D7DCE0;}
.left-s {float:right; width:238px; max-width:238px; background:url(images/tall-bg.jpg) repeat-x; min-height:1310px; background-color:#D7DCE0;}

.searchbox {position:absolute; left:785px; top:50px;}
.searchbox input {filter:alpha(opacity: 85); opacity: 0.85;}

.searchbox2 {position:absolute; left:785px; top:40px;}
.searchbox2 input {filter:alpha(opacity: 85); opacity: 0.85;}

.leftlinks1 {padding:5px 0 5px 40px;}
.leftlinks1 ul {list-style-type:none; text-align:left; margin:0; padding:0;}
.leftlinks1 ul li {padding-bottom:14px; font:14px Arial, Helvetica, sans-serif; font-weight:bold;}
.leftlinks1 a { text-decoration:none; color:#000000;}
.leftlinks1 a:hover { text-decoration:none;}

.leftlinks2 {padding:5px 0 5px 40px;}
.leftlinks2 ul {list-style-type:none; text-align:left; margin:0; padding:0;}
.leftlinks2 ul li {padding-bottom:14px; font:bold 14px Arial, Helvetica, sans-serif; text-transform:uppercase;}
.leftlinks2 a { text-decoration:none; color:#0c3e71;}
.leftlinks2 a:hover { text-decoration:none; color:#ffffff;}

.leftlinks3 {padding:5px 5px 5px 14px;}
.leftlinks3 b {font:bold 14px Arial, Helvetica, sans-serif; padding-left:5px;}
.leftlinks3 ul {list-style-type:none; text-align:left; margin:0; padding:0 0 0 5px;}
.leftlinks3 ul li {padding-top:3px; padding-bottom:1px; font:12px Arial, Helvetica, sans-serif;}
.leftlinks3 a { text-decoration:none; color:#333333;}
.leftlinks3 a:hover { text-decoration:none; color:#ffffff;}

.midbox {padding:2px 20px 20px 20px;}
.title1 {font:bold 18px Arial, Helvetica, sans-serif; padding-right:20px;}
.title2 {font:bold 14px Arial, Helvetica, sans-serif; padding-right:20px;}

.titlelinks {font:16px Arial, Helvetica, sans-serif; color:#FF0000;}
.titlelinks a {font:bold 12px Arial, Helvetica, sans-serif; color:#333333; text-decoration:none;} 
.paragraph {font:14px Arial, Helvetica, sans-serif; line-height:150%; color:#605b5d;}
.paragraph2 {font:14px Arial, Helvetica, sans-serif; color:#605b5d;}
.grey2 {color:#605b5d;}

.contactbox {padding-left:20px; margin-top:110px;}
.contactbox2 {padding-left:20px; margin-top:20px;}
.contacttitle1 {font:bold 14px Arial, Helvetica, sans-serif; color:#333333; padding-bottom:8px;}
.contacttitle2 {font:bold 14px Arial, Helvetica, sans-serif; color:#000000; padding-bottom:8px;}
.contactform input {width:178px; margin-bottom:3px; padding:3px;}
.contactform select {width:186px; margin-bottom:3px; padding:3px;}
.offset {padding-right:20px;}

.footer {clear:both;}
.footerimage {background:url(images/red-footer.jpg) no-repeat; height:63px; text-align:center; font:16px Arial, Helvetica, sans-serif; color:#FFFFFF; line-height:60px;}
.footerbg {background:url(images/footer-bg.jpg) repeat-y; text-align:center; color:#333333; font:12px Arial, Helvetica, sans-serif; padding-top:10px; padding-left:70px;}
.footerbg a {color:#333333; text-decoration:none;}
.footerbg a:hover {color:#666666; text-decoration:none;}
.footerimage2 {background:url(images/red-footer2.jpg) no-repeat; height:63px; text-align:center; font:16px Arial, Helvetica, sans-serif; color:#FFFFFF; line-height:60px;}


.grey {font:bold 16px Arial, Helvetica, sans-serif; color:#333333;}
.maplink {font:bold 16px Arial, Helvetica, sans-serif; color:#195489; text-align:left;}
.maplink a {font:bold 16px Arial, Helvetica, sans-serif; color:#195489; text-decoration:none;}


.midbox ul {font:14px Arial, Helvetica, sans-serif;}
.picbox {border:1px solid #CCCCCC; min-height:125px;}
.picbox img {float:left; padding:10px;}
.picbox h3 {color:#666666; font:18px Arial, Helvetica, sans-serif; vertical-align:top; padding-top:5px; padding-bottom:8px; margin:0;}
.details {font:bold 14px Arial, Helvetica, sans-serif; color:#333333; margin:0; padding:2px;}
.details2 {font:bold 14px Arial, Helvetica, sans-serif; color:#333333; margin:0; padding:2px; text-indent:4px;}
.email {font:14px Arial, Helvetica, sans-serif; clear:both; margin:0 0 10px 10px;}
.email a {text-decoration:none;}
.vcard {float:right; background-color:#bfbfbf; padding:6px; width:75px; text-align:center; font:bold 10px Arial, Helvetica, sans-serif; height:14px;}
.vcard a {text-decoration:none; color:#000000;}

.midbox-s {padding:2px 20px 20px 20px;}
.midbox-s li.ul1 {list-style-type:decimal; font:14px Arial, Helvetica, sans-serif; padding-bottom:8px; color:#605b5d;}
.midbox-s li.ul2 {list-style-type:upper-alpha; font:14px Arial, Helvetica, sans-serif; padding-bottom:8px; color:#605b5d;}
.midbox-s ul {font:14px Arial, Helvetica, sans-serif;}

/**HOME PAGE**/
.main-right {float:right; width:560px; min-height:366px; max-height:366px; background:url(images/pic1.jpg) no-repeat;}
.main-right2 {float:right; width:560px; min-height:366px; max-height:366px; background:url(images/pic2.jpg) no-repeat;}
.main-right3 {float:right; width:560px; min-height:366px; max-height:366px; background:url(images/pic3.jpg) no-repeat;}
.main-right4 {float:right; width:560px; min-height:366px; max-height:366px; background:url(images/pic4.jpg) no-repeat;}
.main-right5 {float:right; width:560px; min-height:366px; max-height:366px; background:url(images/pic5.jpg) no-repeat;}
.main-left {float:left; width:464px; min-height:366px; max-height:366px; background:url(images/logobg1.jpg) no-repeat; position:relative;}
.main-left2 {float:left; width:464px; min-height:366px; max-height:366px; background:url(images/logobg2.jpg) no-repeat; position:relative;}
.main-left3 {float:left; width:464px; min-height:366px; max-height:366px; background:url(images/logobg3.jpg) no-repeat; position:relative;}
.main-left4 {float:left; width:464px; min-height:366px; max-height:366px; background:url(images/logobg4.jpg) no-repeat; position:relative;}
.main-left5 {float:left; width:464px; min-height:366px; max-height:366px; background:url(images/logobg5.jpg) no-repeat; position:relative;}
#main-left-link {position:absolute; top:20px; left:40px; width:390px; height:72px; background-color:transparent; border:none;}
#main-left-link2 {position:absolute; top:330px; left:980px; width:33px; height:30px; background-color:transparent; border:none;}
#main-left-link3 {position:absolute; top:323px; left:980px; width:33px; height:30px; background-color:transparent; border:none;}
#main-left-link4 {position:absolute; top:330px; left:983px; width:33px; height:30px; background-color:transparent; border:none;}
#main-left-link5 {position:absolute; top:323px; left:980px; width:33px; height:30px; background-color:transparent; border:none;}
#main-left-link6 {position:absolute; top:323px; left:980px; width:33px; height:30px; background-color:transparent; border:none;}
.mainlinks {position:relative; top:48px; left:85px;}
.mainlinks a {color:#57585a; text-decoration:none; font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; padding:8px;}
.main-text { position:relative; top:100px; padding:25px; font:16px Arial, Helvetica, sans-serif; width:390px; line-height:200%;}
.main-more {position:relative; top:80px; left:340px; font:bold 14px Arial, Helvetica, sans-serif; color:#FF0000;}
.main-more a {text-decoration:none; color:#FF0000;}

.mainfooter {background:url(images/bot-grad.jpg) no-repeat; clear:both; min-height:148px; max-height:148px;}

.practicearea {position:relative; left:480px; padding-top:6px; font:bold 14px Arial, Helvetica, sans-serif;}

.menu, .menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.menu li {
	margin: 0;
	padding: 0 0 0 0;
	border: 0;
	display: block;
	float: left;	/* move all main list items into one row, by floating them */
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 1000;		/* thus we need to apply explicit z-index here... */
	right:25px;
	
}

.menu li:hover {
	z-index: 100;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu li li {
	float: none;/* items of the nested menus are kept on separate lines */
	padding:10px 10px 10px 25px;
	background:url(images/tiny.png) repeat;
	width:150px;
}

.menu a {color:#000000; text-decoration:none; padding:10px 0 10px 0; }
.menu li li a{color:#FFFF00; text-decoration:none;}

.menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	left: 0;	/* while hidden, always keep them at the bottom left corner, */
	bottom: 0;		/* 		to avoid scrollbars as much as possible */ 
}

.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	bottom: 22px;	/* 1st level go above their parent item */
}

.menu li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
	bottom: 0;
	left: 100%; 
}
.menu li a:hover {color:#FFFFFF;}
span.non a:hover {color:#000000;}

.footer-right {float:right; width:500px; position:relative; top:70px; font:bold 20px "Times New Roman", Times, serif; color:#FFFFFF;}
.footer-left {float:left; width:425px; padding:15px 0 0 50px; color:#FFFFFF; font:14px Arial, Helvetica, sans-serif; line-height:150%;}
.footer-left a {font:bold italic 14px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none;}

.main-footer {text-align:right; width:1024px; padding:8px 0 8px 0; font:14px Arial, Helvetica, sans-serif; color:#333333; clear:both;}
.main-footer a {color:#333333; text-decoration:none;}
.main-footer a:hover {color:#999999; text-decoration:none;}

.no-bullet {list-style-type:none; padding:0;}
.no-bullet a {text-decoration:none; color:#1a1818;}
.no-bullet li {line-height:150%;}

.menu a:hover span.example2 {position:absolute; top:-172px; left:0; z-index:-1; background:url(images/pic9.jpg) no-repeat; width:594px; min-height:366px;}
.menu a:hover span.example3 {position:absolute; top:-217px; left:0; z-index:-1; background:url(images/pic6.jpg) no-repeat; width:594px; min-height:366px;}
.menu a:hover span.example4 {position:absolute; top:-260px; left:0; z-index:-1; background:url(images/pic7.jpg) no-repeat; width:594px; min-height:366px;}
.menu a:hover span.example5 {position:absolute; top:-303px; left:0; z-index:-1; background:url(images/pic8.jpg) no-repeat; width:594px; min-height:366px;}

.icon { position:relative; left:47px; top:4px;}
.icon2 { position:relative; left:40px; top:4px;}
.icon3 { position:relative; left:55px; top:4px;}
.icon4 { position:relative; left:55px; top:4px;}

.newstitle {color:#666666; font:bold 12px Arial, Helvetica, sans-serif;}
.sitemapleft {float:left; width:230px;}
.sitemapright {float:right; width:230px;}
.sitetext {font:14px Arial, Helvetica, sans-serif; line-height:150%; color:#605b5d;}
.sitetext2 li {font:14px Arial, Helvetica, sans-serif; margin:4px 0 0 4px; color:#000000;}