body { width: 980px; margin: 10px auto 10px auto; font-family: Arial, Helvetica, sans-serif; font-size: medium; color: #000000; }
input { font-family: Arial, Helvetica, sans-serif; font-size: small; }
select { font-family: Arial, Helvetica, sans-serif; font-size: small; }
form { font-family: Arial, Helvetica, sans-serif; font-size: small; }
#pgcontainer { margin: 0px; padding: 0px; }
#pgcontainer #hdr { float: left; width: 100%; height: 200px; background: #0344C5 url(images/hdr-graphic.jpg) left top; margin: 0 0 4px 0; }
#pgcontainer #hdr h1 { margin: 10px 0 0 10px; }
#pgcontainer #hdr h2 { margin: 5px 0 0 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; font-size: 140%; }

#pgcontainer #topnav { float: left; width: 100%; height: 100px; background-color: #333333; }	
#pgcontainer #topnav h3 { color: #FFFFFF; width: 275px; font-size: 115%; float: left; padding: 10px 10px 0 10px; }
#pgcontainer #topnav #topmenu { float: left; height: 90px; margin: 10px 0 0 10px; padding: 0px; }
#pgcontainer #topnav #topmenu ul { list-style-type: none; padding: 0px; margin: 0px; }
#pgcontainer #topnav #topmenu li { float: left; display: inline; padding: 0 10px 0 0; }
#pgcontainer #topnav #topmenu a { width: 96px; height: 90px; }
#pgcontainer #topmenu .aboutus a { text-indent: -99999999px; display: block; background: url(images/tab-about.gif) no-repeat left center; overflow: hidden; }
#pgcontainer #topmenu .services a { text-indent: -99999999px; display: block; background: url(images/tab-services.gif) no-repeat left center; overflow: hidden; }
#pgcontainer #topmenu .scheduling a { text-indent: -99999999px; display: block; background: url(images/tab-scheduling.gif) no-repeat left center; overflow: hidden; }
#pgcontainer #topmenu .repository a { text-indent: -99999999px; display: block; background: url(images/tab-repository.gif) no-repeat left center; overflow: hidden; }
#pgcontainer #topmenu .conference a { text-indent: -99999999px; display: block; background: url(images/tab-conference.gif) no-repeat left center; overflow: hidden; }
#pgcontainer #topmenu .contact a { text-indent: -99999999px; display: block; background: url(images/tab-contact.gif) no-repeat left center; overflow: hidden; }
#pgcontainer #topmenu ul li a:hover { background-position: top; }

#pgcontainer #maincontent { float: left; width: 100%; background: #9EB7E9 url(images/content-bg1.gif) repeat-x; }
#pgcontainer #maincontent #leftpanel { float: left; width: 280px; margin: 10px 10px 0 0; padding: 0px; }
#pgcontainer #maincontent #map24x7 { float: left; width: 280px; height: 160px; margin: 0; padding-top: 25px; background: url(images/us-map.gif) no-repeat; text-align: center; }
#pgcontainer #maincontent #map24x7 h4 { font-family: Georgia, "Times New Roman", Times, serif; line-height: 90%; color: #000000; text-align: center; font-size: 135%; margin: 0; }
#pgcontainer #maincontent #map24x7 h5 { font-family: Arial, Helvetica, sans-serif; line-height: 50%; color: #333333; text-align: center; font-size: 100%; margin: 0; }
.maptelephone { font-family: Georgia, "Times New Roman", Times, serif; font-stretch:condensed; letter-spacing: -3px; font-weight: bold; color: #000000; font-size: 130%; margin: 0; }
.maparea{ font-family: Arial, Helvetica, sans-serif; color: #666666; text-align: center; font-size: 130%; margin: 0; }

#pgcontainer #maincontent #gogreen { float: left; width: 280px; height: 120px; margin: 0; padding: 0px; text-align: center; }
#pgcontainer #maincontent #gogreen a { height: 120px; text-indent: -99999999px; display: block; background: url(images/gogreen2.gif) no-repeat center top; overflow: hidden;}
#pgcontainer #maincontent #gogreen a:hover { background-position: center -120px; }

#pgcontainer #maincontent #content { float: left; padding: 10px; width: 665px; margin: 0px; }
#pgcontainer #maincontent #content h4 { color: #FFFFFF; font-family: "Times New Roman", Times, serif; font-size: 160%; padding: 0px; margin: 0 0 5px 0; }
#pgcontainer #maincontent #content h5 { font-size: 115%; color: #0344C5; font-weight: bold; padding: 0px; margin: 4px 0 4px 0; }
#pgcontainer #maincontent #content ul { margin-top: 0px; margin-bottom: 0px; }
#pgcontainer #maincontent #content p { font-size: 95%; color: #000000; padding: 0px; margin: 0 0 10px 0; }

#pgcontainer #ftr { float: left; width: 100%; border-top: 1px solid #0344C5; margin: 0 0 5px 0; padding: 10px 0 0 0; overflow: hidden; position: relative; }
#pgcontainer #ftr ul { list-style-type: none; text-align: center; padding: 0px; clear: left; float: left; margin: 0px; position: relative; left: 50%; }
#pgcontainer #ftr li { color: #666666; font-size: 80%; text-align: center; float: left; padding: 0px; margin: 0 10px 0 0; list-style-type: none; position: relative; right: 50%; }
#pgcontainer #ftr a { font-weight: bold; color: #0344C5; font-size: 100%; }


#pgcontainer #copyright { float: left; width: 100%; position: relative; text-align: center; }
#pgcontainer #copyright p { font-size: 80%; margin: 10px 0 0 10px; color: #999999; padding: 0px; }

.blktxtbold { font-weight: bold; color: #000000; }
.blue1txtbold { font-weight: bold; color: #0344C5; }
.blue1txt { color: #0344C5; }
.orangetxt { color: #FF9900; }
.redtxt { color: #CC0000; }

#contactform { width: 600px; text-align: left; margin: 0px; padding: 0px; }
#contactform h2 { line-height: normal; }
#contactform p { line-height: 130%; }

.contactformbox { margin: 0px; padding: 0px; }
.cform { overflow: hidden; padding: 10px 0 0 0; }
.contactus { margin: 0px; padding: 0px; }
.cform dl dt { width: 130px; float: left; white-space: nowrap; color: #000000; padding: 0; text-align: right; margin: 2px 8px 0 0; }
.cform dl dd { margin-bottom: 4px; }
.cform dl dd select { width: auto; }

#pgcontainer #maincontent #content #courtreporting { float: left; width: 310px; margin-right: 20px; }
#pgcontainer #maincontent #content #digital { float: left; width: 310px; }

.picture-l { float: left; margin: 0 10px 10px 0; border: 4px solid #0344C5; }
.pic-1 { margin: 5px; border: 4px solid #0344C5; }

#pgcontainer #maincontent #content #office1 { float: left; width: 200px; margin-right: 10px; }
#pgcontainer #maincontent #content #office2 { float: left; width: 200px; margin: 0px; padding: 0px; }
#pgcontainer #maincontent #content #contactinfo { float: left; margin-top: 10px; width: 600px; }

