/* CSS Document */

html {height:100%;}

body {height:100%; margin:0px; padding:0px; background-color:#d5ded9; background-image:url(images/back.jpg); background-repeat:repeat-x; 
text-align:center; font-family:Georgia, "Times New Roman", Times, serif; color:#4d4d4d;}

.buttons  {color:#FFFFFF;}

a  {text-decoration:none; color:#205774;}

a:hover  {text-decoration:underline; color:#2a759c;}

a img {border:none;}

ul#nav  {background:url(images/buttons.gif); margin:0 0 0 40px; padding:0;}
ul#nav li  {float:left; list-style-type:none;}
ul#nav li a  {height:32px; display:block; text-indent:-9999px; outline:none;}

li#navHome a, li#navAbout a, li#navPort a, li#navRes a, li#navContact a {background:url(images/buttons.gif)}

li#navHome a  {background-position:0 0; width:60px; left:0 }
li#navHome a:hover  {background-position:0 -32px }
body#pageHome li#navHome a  {background-position:0 -64px }

li#navAbout a  {background-position:-60px 0; width:68px; left:60px }
li#navAbout a:hover  {background-position:-60px -32px }
body#pageAbout li#navAbout a  {background-position:-60px -64px }

li#navPort a  {background-position:-128px 0; width:107px; left:128px }
li#navPort a:hover  {background-position:-128px -32px }
body#pagePort li#navPort a  {background-position:-128px -64px }

li#navRes a  {background-position:-235px 0; width:80px; left:235px }
li#navRes a:hover  {background-position:-235px -32px }
body#pageRes li#navRes a  {background-position:-235px -64px }

li#navContact a  {background-position:-315px 0; width:80px; left:315px }
li#navContact a:hover  {background-position:-315px -32px }
body#pageContact li#navContact a  {background-position:-315px -64px }

#center  {width:750px; padding:0; margin:0 auto; height:auto !important; height:100%; min-height:100%;}

#wrap  {width:750px; background-image:url(images/wrapBack.gif); background-repeat:repeat-y; height:auto !important; height:100%; min-height:100%;
margin:0; padding:0; text-align:center; float:left}

#banner {width:750px; height:170px; margin-right:auto; margin-left:auto; padding:0; text-align:left; background-image:url(images/banner.jpg);}

#underBannerIndex  {width:750px; height:37px; margin-right:auto; margin-left:auto; padding:0; text-align:left; background-image:url(images/underBannerIndex.jpg);}

#underBanner  {width:750px; height:37px; margin-right:auto; margin-left:auto; padding:0; text-align:left; background-image:url(images/underBanner.jpg);}

#navLeft  {float:left; width:491px; height:43px; margin:0; padding:0; text-align:left; background-image:url(images/navBackLeft.gif);}

#navRight {float:left; width:259px; height:43px; margin:0; padding:0; text-align:left; background-image:url(images/navBackRight.gif);}

#navRightIndex  {float:left; width:259px; height:43px; margin:0; padding:0; text-align:left; background-image:url(images/navBackRightIndex.gif);}

#mainIndex  {float:left; width:680px; margin:0; padding:0 0 0 35px; text-align:left;}

#main  {float:left; width:680px; margin:0 0 0 36px !important; margin:0 0 0 18px; padding:0; text-align:left; min-height:480px;
		background-image:url(images/mainBack.gif); background-repeat:no-repeat; background-color:#FFFFFF;}

#main h1  {font-size:.85em; line-height:1.4em; margin:0; padding:15px 0 25px 10px;}

#main h2  {font-size:.75em; margin:0; padding:15px 0 10px 10px;}

#main h3  {font-size:.8em; margin:0; padding:0 0 10px 10px;}

#main p  {font-size:.75em; line-height:1.4em; margin:0; padding:0 10px 10px 15px;}

#main ul  {font-size:.75em; line-height:1.5em; margin:0 25px 25px 35px; padding:0; list-style-type:circle;}

#main li  {margin:0; padding:0 0 5px 0;}

#leftColumn  {float:left; width:446px; height:480px; margin:0; padding:25px 0 0 10px; text-align:left; background-image:url(images/leftColumnTop.gif); background-repeat:no-repeat;}

#leftColumn p  {font-size:.75em; line-height:1.4em; margin:0px; padding:0 10px 10px 7px;}

#rightColumn  {float:left; width:224px; margin:0; padding:0; text-align:left;}

#rightColumn p  {font-size:.75em; line-height:1.4em; margin:0px; padding:0 15px 15px 20px;}

#rightColumnTop  {float:left; width:224px; height:100px; margin:0; padding:0; text-align:left; background-image:url(images/rightColumnTop.gif);}

#rightColumnMain  {float:left; width:224px; height:380px; margin:0; padding:0; text-align:left; 
				   background-image:url(images/rightColumn.gif); background-repeat:repeat-y;}

#rightColumnBottom  {float:left; width:224px; height:20px; margin:0; padding:0; text-align:left; background-image:url(images/rightColumnBot.gif);}

#printable  {float:right; margin:0 10px 0 0; padding:0;}

#printable p  {font-size:.7em; margin:0; padding:0; text-align:left;}

#motionDisplay  {height:500px; width:650px; margin:5px 0 0 15px; padding:0;}

#motionTable  {padding:0; margin:0;}

#motionTable p  {padding:0; margin:0; border-bottom:#4d4d4d 1px solid;}

.motionThumbs  {padding:0; margin:5px 0 0 1px; border:#4d4d4d 1px solid;}

#stillDisplay  {height:450px; width:650px; margin:0 0 0 15px; padding:0; overflow:hidden;}

#nav1 {width:700px; margin-right:auto; margin-left:auto; margin-top:0; margin-bottom:0; padding:0 0 0 0; text-align:left;}

#webwork  {width:615px; margin:15px 0 10px 20px ;padding:15px 0 0 5px; border-top:1px solid #d5ded9}

#footer  {clear:both; width:720px; height:60px; text-align:left; margin-left:auto; margin-right:auto; padding:15px 0 0 30px; background-image:url(images/foot.gif); background-repeat:no-repeat;}

#footer p  {font-size:.7em; margin:0; padding:5px 35px 0 0; line-height:1.4em; text-align:right;}


.webpic  {float:right; padding:0; margin:0 0 0 10px;}