@charset "utf-8";
/*HTML ELEMENTS*/

html { background-color: #003d66; color: #000000; font-family: Verdana, Arial, serif; text-align: center; }

body, object, img, form, fieldset { padding: 0; margin: 0; border: none; }

/*header stylings -- see also biggest, bigger, and big under global classes*/
h1, h2, h3 { font-weight: bold; margin:0; padding:0; color: #505050; background-color: #ffffff; }
h1 { font-size: 20px; display:none; }
h2 { font-size: 14px; }
h3 { font-size: 12px; }

table { border-collapse: collapse; width: 100%; border-spacing:0; }
table tr td, table tr th { text-align: center; margin: 0 auto 0 auto; padding: 4px 4px 4px 2px; }
table tr.shaded td { color: #000000; background-color: #eeeeee; }
table tr th { color: #505050; background-color: #ffffff; font-size: 13px; }

a:link { color: #b37b00; text-decoration: underline; }
a:visited { color: #574800; }
a:hover, a:focus { color: #0099ff; text-decoration: none; }
a:active { color: #574800; text-decoration: none; }

p { margin: 0 0 10px 0; padding: 0; }

ul, ol {padding:0; margin:5px 0 5px 10px;}
ul li, ol li {padding:0; margin:2px 0 2px 10px;}
ul li, ol.notNumbered li { list-style-type: square; }

/*GLOBAL CLASSES*/

a.button { font-family: 'Lucida Sans', Verdana, Arial, serif; font-size: 13px; font-weight: bold; text-decoration: none; color:#ffffff; background-color:#767676; border:2px solid #0099ff; padding: 1px 3px 1px 3px; }
a.button:hover, a.button:focus { color:#ffffff; background-color:#b0b0b0; }
a.button:active { position: relative; top: 2px; left: 2px; }

.alert{color:#ff3000;}

div#urgent{ font-weight: bold; font-size: 14px; text-align: center; margin: 0 auto 0 auto; padding: 0; }

.biggest { font-weight: bold; font-size: 20px; padding: 0; margin: 0; }
.bigger { font-weight: bold; font-size: 13px; margin: 0; padding: 0; }
.big { font-weight: bold; font-size: 12px; margin: 0; padding: 0; }

.bigTitle { color: #505050; font-weight: bold; font-size: 22px; text-align: center; margin: 0 auto 0 auto; padding: 0; }

.finePrint { text-align: center; font-size: 9px; }

div.halfLeft { float: left; margin: 20px 20px 0 10px; width: 320px; }
div.halfRight { float: left; margin: 20px 10px 0 20px; width: 320px; clear: right; }
div.quarterLeft { float: left; margin: 20px 10px 0 5px; width: 160px; }
div.quarterRight { float: left; margin: 20px 10px 0 5px; width: 160px; clear: right; }

.right { text-align: right; }

div.spacer { padding: 0; margin: 0; border: none; height: 0; width: 0; clear: both; }

table tr td.half { width: 50%; }

/*UNIVERSAL PAGE ELEMENTS*/
div#container { background: transparent url(images/page.png) repeat-y scroll top center; text-align: center; margin: 0 auto 0 auto; width: 800px; padding: 0 20px 0 20px; }

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/padding.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
#nav {font-size:11px; padding-bottom:0; width:800px; position: relative; top: -3px; }

/* remove all the bullets, borders and padding from the default list styling */
#nav ul {padding:0;margin:0;list-style-type:none; height:35px; background:transparent;}

/* style the sub-level lists */
#nav ul ul {padding:0;margin:0;width:100px;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#nav ul li {padding:0;margin:0;float:left;height:35px;line-height:35px; display:block;}

/* style the sub level list items */
#nav ul ul li {padding:0;margin:0;display:block;width:100px;height:auto; line-height:1px;}

/* style the links for the top level */
#nav a, #nav a:visited {font-family: 'Lucida Sans', Verdana, Arial, serif;display:block;float:left;height:100%; font-size:13px; font-weight:bold; text-align:center;text-decoration:none;color:#ffffff;padding:0;border-top:0;border-bottom:0;}
#nav a.normal, #nav a.normal:visited {width:98px; background:#767676 url(../images/topNavNormalNormal.png) center center;}
#nav a#left, #nav a#left:visited, #nav a#right, #nav a#right:visited {width:99px; background:#767676 url(../images/topNavNormalEdge.png) center center;}
#nav a.normal, #nav a.normal:visited, #nav a#left, #nav a#left:visited {border-right:1px solid #0099ff;}
#nav a.normal, #nav a.normal:visited, #nav a#right, #nav a#right:visited {border-left:1px solid #0099ff;}

/* style the sub level links */
#nav ul ul a, #nav ul ul a:visited {display:block;background:#767676; color:#ffffff;width:100px;height:100%;font-size:12px;;line-height:16px;padding:0;border-top:1px solid #0099ff;}


/* style the level hovers */
/* first */
#nav li:hover, #nav li:focus {position:relative;}
#nav :hover > a, #nav :focus > a {color:#ffffff;}
#nav :hover > a.normal, #nav :focus > a.normal {background:#767676 url(../images/topNavHoverNormal.png) center center;}
#nav :hover > a#left, #nav :hover > a#right, #nav :focus > a#left, #nav :focus > a#right {background:#767676 url(../images/topNavHoverEdge.png) center center;}
/* second */
#nav ul ul li:hover, #nav ul ul li:focus {position:relative;}
#nav ul ul :hover > a, #nav ul ul :focus > a {color:#ffffff;background:#b0b0b0;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#nav ul ul {visibility:hidden;position:absolute;height:0;top:35px;width:100px;}

/* make the second level visible when hover on first level list OR link */
#nav ul :hover ul, #nav ul :focus ul{visibility:visible; height:auto; padding:0;}

div#mainsection { color: #000000; background-color: #ffffff; text-align: left; margin: 0 50px 0 50px; width: 700px;  padding: 15px 0 20px 0; border-bottom: 1px solid #cccccc; font-size: 11px; }

div#flashButton { float: right; width: 110px; margin:0; background-color:#767676; border-top:0; border-bottom:2px solid #0099ff; border-left:2px solid #0099ff; border-right:0; position: relative; top: -3px; }

div#flashButton a { display:block; text-align: center; font-family: 'Lucida Sans', Verdana, Arial, serif; font-size:12px; font-weight:bold; text-decoration:none; color:#ffffff; width:100%; }

div#flashButton a:hover, div#flashButton a:focus { color:#ffffff; background-color:#b0b0b0; }

div#footer { color: #000000; background: transparent url(images/footer.png) no-repeat scroll bottom center; text-align: center; margin: 0 auto 0 auto; padding: 0 20px 40px 20px; font-size: 11px; width:800px; }

div#footerMenu { color: #cccccc; text-align: left; margin:0 0 0 50px; padding:0; }

a.audio, a.dlAudio, a.dlDoc, a.dlVideo, a.external, a.feed, a.mail, a.video { background-repeat: no-repeat; background-position: center right; }
a.audio{padding-right: 14px; background-image: url(../images/audio.png);}
a.audio:hover, a.audio:focus{padding-right: 14px; background-image: url(../images/audioHover.png);}
a.dlAudio{padding-right: 13px; background-image: url(../images/dlAudio.png);}
a.dlAudio:hover, a.dlAudio:focus{padding-right: 13px; background-image: url(../images/dlAudioHover.png);}
a.dlDoc{padding-right: 12px; background-image: url(../images/dlDoc.png);}
a.dlDoc:hover, a.dlDoc:focus{padding-right: 12px; background-image: url(../images/dlDocHover.png);}
a.dlVideo{padding-right: 12px; background-image: url(../images/dlVideo.png);}
a.dlVideo:hover, a.dlVideo:focus{padding-right: 12px; background-image: url(../images/dlVideoHover.png);}
a.external{padding-right: 12px; background-image: url(../images/external.png);}
a.external:hover, a.external:focus{padding-right: 12px; background-image: url(../images/externalHover.png);}
img a.external{background-image:none;}a.feed{padding-right: 12px; background-image: url(../images/feed.png);}
a.feed:hover, a.feed:focus{padding-right: 12px; background-image: url(../images/feedHover.png);}
a.mail{padding-right: 16px; background-image: url(../images/mail.png);}
a.mail:hover, a.mail:focus{padding-right: 16px; background-image: url(../images/mailHover.png);}
a.video{padding-right: 12px; background-image: url(../images/video.png);}
a.video:hover, a.video:focus{padding-right: 12px; background-image: url(../images/videoHover.png);}

span.render {position:relative; overflow:hidden; color: white;}
span#audio{background:transparent url(../images/audioHover.png) -110px -60px no-repeat;}
span#dlAudio{background:transparent url(../images/dlAudioHover.png) -110px -60px no-repeat;}
span#dlDoc{background:transparent url(../images/dlDocHover.png) -110px -60px no-repeat;}
span#dlVideo{background:transparent url(../images/dlVideoHover.png) -110px -60px no-repeat;}
span#external{background:transparent url(../images/externalHover.png) -110px -60px no-repeat;}span#feed{background:transparent url(../images/feedHover.png) -110px -60px no-repeat;}
span#mail{background:transparent url(../images/mailHover.png) -110px -60px no-repeat;}
span#video{background:transparent url(../images/videoHover.png) -110px -60px no-repeat;}
span#navHoverNormal{background:transparent url(../images/topNavHoverNormal.png) -110px -60px no-repeat;}
span#navHoverEdge{background:transparent url(../images/topNavHoverEdge.png) -110px -60px no-repeat;}


/*SPECIFIC PENNSTATECRU.ORG PAGES*/

/*index*/
div#happening{ line-height: 130%; padding-top:18px; }
span#whatsHappening { float: left; color: #505050; background-color: #ffffff; font-weight: bold; font-size: 12px; margin-left: 20px; }

/*our-staff*/
div.staffPictureLeft { float: left; margin: 0 10px 0 0; padding: 0; width: 400px; }
div.staffTextRight { float: left; margin: 0 0 0 10px; padding: 0; width: 280px; clear: right; }
div.staffTextLeft { float: left; margin: 0 10px 0 0; padding: 0; width: 280px; }
div.staffPictureRight { float: left; margin: 0 0 0 10px; padding: 0; width: 400px; clear: right; }

/*small-groups*/
table#smallGroups {border-style:none;}
table#smallGroups tr th#location, table#smallGroups tr td.location { width: 40%; text-align: left; }
table#smallGroups tr th#time, table#smallGroups tr td.time { width: 23%; text-align: left; }
table#smallGroups tr th#leaders, table#smallGroups tr td.leaders { width: 20%; text-align: left; }
table#smallGroups tr th#phone, table#smallGroups tr td.phone { width: 17%; }

/*events*/
#arrPrev { margin: 0; padding: 0; text-align: left; float: left; width: 33%; }
#monthName { font-size: 20px; color: #505050; font-weight: bold; text-align: center; margin: 0 auto 0 auto; padding: 0; float: left; width: 33%; }
#arrNext { margin: 0; padding: 0; text-align: right; float: left; clear: right; width: 33%; }
table#calendar { text-align: center; margin: 0 auto 0 auto; width: 630px; border-right: 1px solid #505050; border-top: 1px solid #505050; }
table#calendar tr td, table#calendar tr th { text-align: right; border-left: 1px solid #505050; border-bottom: 1px solid #505050; height: 100px; width: 90px; }
table#calendar tr td { font-size: 9px; vertical-align:top; color: #505050; }
table#calendar tr td#today { background-color: #eeeeee; }
table#calendar tr td.past { text-decoration: line-through; }
table#calendar tr th { text-align: center; height: auto; }

/*talks*/
table#talks tr th#speaker, table#talks tr td.speaker { width: 15%; }
table#talks tr th#title, table#talks tr td.title { width: 27%; }
table#talks tr td.description { text-align:left; }

/*music*/
table#music tr td { text-align: left; vertical-align:middle; margin:0; padding:5px 2px 5px 2px; }
table#music tr td.musicLeft { width: 60%; }
table#music tr td.muiscRight { width: 40%; }

/*videos*/
div.videoBox { float: left; margin: 0 0 0 25px; padding: 0; width: 200px; }
div.videoIcon { font-weight: bold; font-size: 13px; text-align: center; margin: 0 auto 0 auto; padding: 0; }
a.videoAnchor { text-decoration: none; }
a.videoAnchor span.videoTitle { text-decoration: underline; }
a.videoAnchor:hover span.videoTitle { text-decoration: none; }

/*media-player*/
div#vid, div#videoOptions, div#talks, div#music, div#audioOptions { float:left; padding:0; }
div#vid{ margin:0 10px 5px 0; width:462px; }
div#videoOptions{ margin:0 0 0 10px; width:216px; }
div#talks, div#music{ margin:0 10px 5px 0; width:348px; background-repeat: no-repeat; padding: 342px 0 0 0; }
div#talks {background-image: url(images/talksLogoPlayer.jpg)}
div#music {background-image: url(images/musicLogoPlayer.jpg)}
div#audioOptions{ margin:0 0 0 10px; width:330px; }
div#copyrightNotice {text-align:center; margin:0 auto 0 auto;}

/*cru-link*/
input.cruLink { width:200px; padding:0; margin: 0 10px 0 0; }

/*contact-us*/
input#senderName { width:260px; }
input#email { width:210px; }