/* CSS Document */

body {margin: 0; background: url(../img/bck_body.gif) repeat-x #ddefff; font: 13px/19px 'Droid Sans', Arial, Helvetica, sans-serif; color: #484747;}
p, form {margin: 0;}
h1 {margin: 0 20px 5px 30px; font-size: 22px; line-height: 26px; font-weight: bold;}
h2 {font-size: 16px; line-height: 23px; margin: 0 20px 25px 30px; font-weight: normal;}
h2.small {font-size: 13px; line-height: 19px; margin: 0 20px 25px 30px; font-weight: normal;}

h3 {margin: 0; margin-bottom: 15px; clear: both; background: #1a73c7; color: #fff; padding: 15px 0 15px 30px; font-size: 22px; line-height: 18px; font-weight: bold;}
h4 {font: bold 16px/18px 'Droid Sans', Arial, Helvetica, sans-serif; color:#a6012f; border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; margin: 40px 0 20px;}

.red {color:#a6012f !important;}
.blue {color: #011f5b !important;}
#main {width: 880px; margin: 0 auto;}
a { cursor: pointer;}
.clear {clear: both;}



#top {height: 145px;}
#top .logo {display: block; float: left; background: url(../img/img_logo_pennlaw.gif) no-repeat left center; height: 50px; width: 220px; margin-top: 40px;}
#top .slogan {float: right; background: url(../img/img_slogan.gif) no-repeat right center; height: 50px; width: 355px; margin-top: 50px;} 

#menu {list-style: none; margin: 0; padding: 0; background: url(../img/bck_menu.png) no-repeat #1a73c7; border: 25px solid #fff; border-bottom: 0; border-top-width: 23px; font-size: 15px; color: #56a7f0; text-align: center; padding-top: 20px; height: 40px;}
#menu li {display: inline;}
#menu li a {color: #fff; text-decoration: none; padding: 0 6px;}
#menu li a:hover {color: #c4deff; text-decoration: underline;}
#menu li a.active {color: #c4deff; text-decoration: none;}


#content {padding: 0 25px; background: #fff; padding-top: 16px; position: relative; overflow: hidden;}
#content .titHome {background: url(../img/bck_tit_home.gif) repeat-x #e8e8e8; height: 257px; padding-left: 30px; margin-bottom: 20px; color: #edb4c3;}
#content .titHome img.imgDetail {position: absolute; top: 5px; right: 354px;}
#content img.img {float: right;}
#content img.tit {float: left; margin-top: 35px; margin-bottom: 7px;}
#content .titHome p {display: block; font-size: 17px; line-height: 21px;}
#content .titHome p strong {font-size: 18px; color: #fff; line-height: 25px;}
#content .titHome p.link {color: #edb4c3; font-size: 14px; margin-top: 12px;}
#content .titHome p.link a {color: #fff; text-decoration: none;}
#content .titHome p.link a:hover {color: #edb4c3; text-decoration: underline;}
#content a {color: #484747;}
#content a:hover {color: #a6012f;}


#content p.big {font-size: 15px; line-height: 23px; padding: 0 60px 0 30px;}
#content p.small {font-size: 11px; line-height: 15px; margin: 20px 30px 0; border-top: 1px solid #e5e5e5; padding-top: 20px;}

#content div.tit {background: url(../img/bck_tits.gif) repeat-x #e8e8e8; height: 107px; padding-left: 30px; border-bottom: 20px solid #fff;}
#content div.tit img.tit {margin-top: 35px;}



#content .grayBox {background: #f1f1f1; padding: 20px 20px 20px 33px; overflow: hidden; margin-bottom: 20px;}
#content .grayBox h3 {clear: none; margin: 0; padding: 0; margin-bottom: 20px; color: #a6012f; background: none;}
#content .grayBox ul {width: 370px; list-style: none; padding: 0; margin: 0;}
#content .grayBox li {padding: 0; margin: 0; border-top: 1px solid #fff; padding: 10px 0;}
#content .grayBox li.red {color:#a6012f; border-top: 2px solid #ccc; margin-top: 20px;}
#content .grayBox li a {}
#content .grayBox .photos {float: right; width: 360px; text-align: right; position: relative;}
#content .grayBox .photos img {border: 10px solid #fff; margin-bottom: 12px;}
#content .grayBox .book {width: 342px; margin-top: 5px;}

#content .book {display: block; background: url(../img/bck_book.gif) repeat-x #8e0128; color: #fff; padding: 14px; padding-bottom: 15px; text-decoration: none !important;}
#content .book:hover {color: #e5e5e5;}
#content .book strong {font-size: 15px;}



table.fees {margin-left: 25px; width: 90%;}
table.fees td {padding: 10px 5px; vertical-align: top;}
table.fees .label {width: 35%; padding-right: 30px; border-bottom: 1px solid #e5e5e5;}
table.fees .fee {border-bottom: 1px solid #e5e5e5;}
table.fees .small {font-size: 11px; color: #a6012f;}
table.fees .small a {color: #a6012f !important;}
table.fees .small a:hover {color: #474747 !important;}
input.btn {background: url(../img/bck_book.gif) repeat-x #8e0128; color: #fff; padding: 10px 15px; font-size: 20px; font-weight: bold; border: 0;}
.smallText {font-size: 11px; line-height: 14px;}


table.payment {width:50%; margin:0 0 10px 0; font-size:11px; border:1px solid #CCCCCC;}
table.payment th, table.payment td {padding:2px 10px 2px 0px; border-bottom:1px solid #CCCCCC;}
table.payment th {text-align:left; padding-left:5px;}

.accomodation,
.info {clear:both; overflow:hidden; _height:100%; width:100%;  padding-bottom: 15px;}
.info p {margin-bottom: 10px;}
.accomodation p.smaller,
.info p.smaller {line-height: 15px; padding:0 0 5px 0; font-size:11px;} 
.info p.contact {text-align:center; padding-right:60px; border-top:1px solid #e5e5e5; padding-top:20px; font-size:11px;}
.accomodation p  {margin-bottom: 10px; font-size:12px;}
.accomodation .photoLeft,
.info .photoLeft {float: left; padding: 10px; border: 1px solid #e5e5e5; background: #fff; margin-right: 20px;}
.accomodation ul,
.info ul {list-style:square; margin:10px 0; padding-left: 20px; float: left;}
.info ul a {font-weight: bold; text-decoration: none;}
.info ul a:hover {text-decoration: underline;}
.info li.book {list-style: none !important; width: 125px !important; padding: 0 !important; margin-top: 20px;}
.info li.book strong {font-size: 20px !important;}
.info li.small {list-style:none!important; color:#a6012f; font-size: 11px; padding-top:20px;}



#footer {clear: both; background: url(../img/bck_footer.gif) no-repeat center top #011f5b; height: 100px; text-align: center; color: #fff;}
#footer p {margin: 0; padding-top: 55px; line-height: 13px;}
#footer .div {color: #384c76; padding: 0 5px;}
#footer a {color: #fff; text-decoration: none;}
#footer a:hover {color: #e7d29d; text-decoration: underline;}

#formarea{margin: 0 30px 0 30px;}
.guest {border-bottom: 1px solid #E5E5E5; padding: 10px 0 20px 0; overflow: hidden; _height: 100%; clear: both;}
.guestoneline {border-bottom: 1px solid #E5E5E5; padding: 10px 0 10px 0; }

#formarea .btn2 {background: url(../img/bck_book.gif) repeat-x #8e0128; color: #fff; padding: 10px 15px; font-size: 20px; font-weight: bold; border: 0; float:right; margin-bottom:30px; }
.button {height: 80px;}
.guestoneline label,
.guest label {float: left;  width: 410px;}
select {width:208px; margin-bottom:5px;}
input  {margin-bottom:5px;}
p.line {border-bottom: 1px solid #E5E5E5; padding: 10px 0;}

.comments{padding-top: 10px; margin-top:10px;}
#comments-list .comments {display: block; border-bottom: 1px solid #E5E5E5; margin: 0 30px 0 30px}
#comments-list .comments .text { font-size: 12px; float:left; padding:30px 0 20px 0; width: 430px}
#comments-list .comments .author {color: #484747; font-size: 12px;  padding:30px 0 20px 0; font-weight: bold; float:right; text-align: left; width: 320px}
#comments-list .comments .author p {font-weight: normal}
#grayline {clear:both; border-bottom: 1px solid #E5E5E5; margin: 0 20px 0 20px;}

#pagenavigate { list-style: none; margin:0 60px; padding:0; float:right; }
#pagenavigate li{ float:left; padding: 4px;}
#pagenavigate li a, a:hover{ color: #A6012F}

#terms {font-size: 11px; color: #a6012f;}
#terms a {color: #a6012f;}
#terms a:hover {color: #474747;}

.conference{padding-top: 10px; margin-top:10px;}
#conference-list .conference {display: block; margin: 0 30px 0 30px;}
#conference-list .conference .text { font-size: 12px; float:left; padding:10px 0 10px 0; width: 200px;}
#conference-list .conference .author {color: #484747; font-size: 12px;  padding:10px 0 10px 0; float:right; text-align: left; width: 400px; margin-right:100px;}
#conference-list .conference .author p{font-weight: normal;}
#conference-list .conference .text2 { font-size: 12px; float:left; padding:10px 0 10px 0; width: 650px;}
#conference-list .conference p {margin-top:10px;}
#grayline{ clear:both; border-bottom: 1px solid #E5E5E5; margin: 0 20px 0 20px;}

#guest label {width: 150px; float: left;}