/***Reset***/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1;}
/*ol, ul {list-style:none;}*/
blockquote, q {quotes:none;}
/* remember to define focus styles! */
:focus {outline:0;}
/* remember to highlight inserts somehow! */
ins {text-decoration:none;}
del {text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse; border-spacing:0;
}
/******/


body {
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#e7e8e9;
padding: 0 0 10px 0;
}
.clear {
clear:both;
}
#container {
margin:0 auto;
padding:0;
width:770px;
background-color:#fff;
}
#header {
margin:0;
padding:30px 0 0 20px;
}
#logo {
width:127px;
margin:0;
padding:0 70px 30px 0;
float:left;
}
#logo img {
border:0;
}
#title {
width:500px;
margin:0;
padding:0 0 30px 0;
float:left;
}
#title p {
margin:0;
padding:0;
font-family:Times, Arial, Helvetica, sans-serif, serif;
font-size:2.3em;
color:#e62790;
}
.black_text {
color:#e62790;
}
#main_image {
clear:both;
margin:0 0 10px 0;
padding:0;
}
#nav {
margin:0;
padding:0;
float:left;
}
#nav ul {
margin:0;
padding:0;
list-style:none;
}
#nav ul li {
margin:0 2px 0 0;
padding:0;
float:left;
background:url(../images/navigation_right.gif) no-repeat top right transparent;
}
#nav ul li a {
margin:0;
padding:4px 26px 5px 26px;
display:block;
background:url(../images/navigation_left.gif) no-repeat top left transparent;
font-size:0.75em;
text-decoration:none;
color:#fff;
}
#nav ul li a:hover {
text-decoration:underline;
}
#nav ul li a:visited {
color:#fff;
background-color:transparent;
}

#nav ul li.selected {
margin:0 2px 0 0;
padding:0;
float:left;
background:url(../images/navigation_black_right.gif) no-repeat top right transparent;
}
#nav ul li.selected a {
margin:0;
padding:4px 26px 5px 26px;
display:block;
background:url(../images/navigation_black_left.gif) no-repeat top left transparent;
font-size:0.75em;
text-decoration:none;
color:#fff;
}
#nav ul li.selected a:hover {
text-decoration:underline;
}
#nav ul li.selected a:visited {
color:#fff;
background-color:transparent;
}




#content_wrapper {
margin:0;
padding:0;
}
#left_collumn {
width:197px;
margin:0;
padding:25px 0 30px 20px;
float:left;
}
#left_collumn h1 {
margin:0 0 20px 0;
padding:0;
font-size:1.4em;
color:#333;
line-height:140%;
font-weight:normal;
text-align:center;
}
#left_collumn ul {
padding:20px 0 0 20px;
list-style:url(../images/bullet.gif);
}
#left_collumn ul li {
margin:0 0 10px 0;
padding:0;
}
#left_collumn ul li a {
font-size:0.75em;
color:#ed1c24;
text-decoration:none;
}
#left_collumn ul li a:hover {
color:#000;
}
#right_collumn {
width:530px;
margin:0;
padding:30px 20px 30px 0;
float:left;
}
#right_collumn h1 {
margin:0 0 15px 0;
padding:0;
font-size:1.4em;
color:#333;
line-height:140%;
font-weight:normal;
}
#right_collumn h2 {
margin:0 0 10px 0;
padding:0;
font-size:0.9em;
color:#333;
line-height:140%;
}
#right_collumn h3 {
margin:0 0 10px 0;
padding:0;
font-size:0.9em;
color:#333;
line-height:140%;
}
#right_collumn p {
margin:0 0 10px 0;
padding:0;
font-size:0.75em;
color:#333;
line-height:140%;
}
#right_collumn ul {
margin:0 0 10px 15px;
font-size:0.75em;
color:#333333;
line-height:140%;
}
#right_collumn p a, p.pdf a  {
color:#ed1c24;
text-decoration:none;
}
#right_collumn p a:hover, p.pdf a:hover {
color:#000;
}
#right_collumn p a:visited, p.pdf a:visited {
color:#ed1c24;
}

#right_collumn p.pdf {
margin:0 0 10px 0;
padding:0 0 0 22px;
background:url(../images/pdf_icon.gif) no-repeat left bottom #fff;
}
#right_collumn p.pdf span {
color:#999;
font-size:0.73em;
padding:0 0 0 5px;
}
p.left_logo {
width:255px;
float:left;
margin:0;
padding:0;
}
p.right_logo {
width:255px;
float:left;
margin:0;
padding:0;
}
#footer {
clear:both;
width:730px;
margin:0 auto;
padding:5px 0 10px 0;
border-top:1px solid #ccc;
}
#footer img {
margin:0 20px 0 0;
padding:0;
border:none;
}

/***********/
/* The containing box for the gallery. */
#gallery {position:relative; width:530px; height:220px; margin:0; background:#fff url(../images/photos-2009/HPMA-0810.jpg) 1px 11px no-repeat;}
#gallery ul {width:220px; padding:0;  margin:5px; list-style-type:none; float:right;}
#gallery li {float:left;}
#gallery a.gallery span {position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#fff;}
#gallery a.gallery, #gallery a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default;}
#gallery a.slidea {background:url(../images/photos-2009/HPMA-0810-sm.jpg); height:65px; width:100px;}
#gallery a.slideb {background:url(../images/photos-2009/HPMA-0823-sm.jpg); height:65px; width:100px;}
#gallery a.slidec {background:url(../images/photos-2009/HPMA-0842-sm.jpg); height:65px; width:100px;}
#gallery a.slided {background:url(../images/photos-2009/HPMA-0847-sm.jpg); height:65px; width:100px;}
#gallery a.slidee {background:url(../images/photos-2009/HPMA-0860-sm.jpg); height:65px; width:100px;}
#gallery a.slidef {background:url(../images/photos-2009/HPMA-0894-sm.jpg); height:65px; width:100px;}
#gallery a.slideg {background:url(../images/photos-2009/HPMA-08129-sm.jpg); height:65px; width:100px;}
#gallery a.slideh {background:url(../images/photos-2009/HPMA-08159-sm.jpg); height:65px; width:100px;}
#gallery a.slidei {background:url(../images/photos-2009/HPMA-08167-sm.jpg); height:65px; width:100px;}
#gallery a.slidej {background:url(../images/photos-2009/HPMA-08178-sm.jpg); height:65px; width:100px;}
#gallery a.slidek {background:url(../images/photos-2009/HPMA-08201-sm.jpg); height:65px; width:100px;}
#gallery a.slidel {background:url(../images/photos-2009/HPMA-08223-sm.jpg); height:65px; width:100px;}
#gallery a.slidem {background:url(../images/photos-2009/HPMA-08210-sm.jpg); height:65px; width:100px;}

* html #gallery a.slided {width:100px; w\idth:100px;}
#gallery a.sliden {background:url(../images/photos-2009/HPMA-08219-sm.jpg); height:65px; width:100px;}
#gallery a.gallery:hover {border:1px solid #fff;}
#gallery a.gallery:hover span {position:absolute; width:300px; height:194px; top:10px; left:0; color:#000; background:#fff;}
#gallery a.gallery:hover img {border:1px solid #fff; float:left; margin-right:5px;}
#gallery a.slideb:hover img {float:right;}
/**********/