@charset "UTF-8";
/* CSS Document */

/* Reset */
html,body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,img { margin: 0px; padding: 0px; }

/* Global */
body { font-family: Geneva, Arial; font-size: 12px; color: #1f1f1f; line-height: 20px; background-image: url('../'); background-color: #ffffff; background-repeat: no-repeat; background-attachment: fixed; }
p { padding-bottom: 20px; }
hr { width: 100%; height: 1px; background-color: #000000; padding: 0px; margin: 0px; border: none; }
img { border: none; }

/* Header */
#header { clear: both; position: relative; width: 100%; height: 25px; background-color: #356aa0; text-align: center; color: #ffffff; }
#header a { display: inline-block; height: 25px; padding-top: 2px; font-size: 11px; }

/* Body */
#body { position: relative; width: 910px; margin: 0 auto; overflow: hidden; }

/* Menu */
#menuContainer { float: left; position: relative; width: 910px; margin-bottom: 5px; }
#menu { font-family: Geneva, Helvetica, Arial, sans-serif; float: right; margin-left: 10px; max-width: 780px; }
#menu ul { list-style: none; margin: 0px; padding: 0px; }
#menu ul li { float: left; margin-left: 4px; }
#menu ul li a { -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; display: block; padding: 15px 10px 10px 10px; text-decoration: none; color: #084582; background-color: #ffffff; font-size: 14px; text-align: center; min-width: 40px; }
#menu ul li a:hover { background-color: #356aa0; color: #ffffff; }
#menu ul li a.selected { background-color: #356aa0; color: #ffffff; }

/* Layouts */
#page { background: #ffffff; width:850px; padding: 0px 30px; margin-top: 20px; float: left; -moz-border-radius: 5px; border-radius: 5px; }
.cols3_left { float: left; position: relative; width: 200px; padding-right: 25px; margin-top: 30px; margin-bottom: 20px; }
.cols3_mid { float: left; position: relative; width: 400px; margin-top: 30px; }
.cols3_right { float: right; position: relative; width: 200px; padding-left: 25px; margin-top: 30px; }

.cols2_left { float: left; position: relative; width: 200px; padding-right: 25px; margin-top: 30px; margin-bottom: 20px; }
.cols2_right { float: right; position: relative; width: 625px; margin-top: 30px; }

.portlet { margin-bottom: 20px; font-family: Geneva, Helvetica, Arial, sans-serif; }

/* Web Stats */
#webstats { display: none; clear: both; width: 850px; text-align: center; height: 30px; }

/* Footer */
#footer { float: left; position: relative; width: 850px; padding: 20px 30px; margin-top: 10px; border-top: 0px solid #356aa0; text-align: center; font-size: 10px; color: #000000; }
#footer a { color: #000000; text-decoration: underline; }
#footerCol1 { float: left; width: 200px; text-align: left; }
#footerCol2 { float: left; width: 450px; }
#footerCol3 { float: right; width: 200px; text-align: right; }


/* Fonts and Links */
a:link { color: #084582; text-decoration: none; }
a:visited { color: #084582; text-decoration: none; }
a:hover { color: #084582; text-decoration: underline; }

.fontHeader, h1 { font-size: 18px; color: #356aa0; font-weight: normal; line-height: 30px; }
.fontSubHeader, h2 { font-size: 16px; color: #356aa0; font-weight: normal; }
h3 { font-size: 12px; color: #1f1f1f; }
.fontFooter, h4 { font-size: 10px; color: #000000; font-weight: normal; }

/* Admin */
.adminTextarea { font-size: 12px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; padding: 6px; border: solid #CCCCCC 1px; margin: 0px; line-height: 20px; }
.adminTextbox { font-size: 12px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; padding: 6px; border: solid #CCCCCC 1px; margin: 0px 0px 5px 0px; }
.adminSelect { margin: 0px 0px 5px 0px; }

.adminRightBut { position: relative; float: right; text-align: right; }
.adminLeftBut { position: relative; float: left; }

#adminBut { position: relative; float: left; background: #ffffff; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#adminBut a { display: inline-block; font-size: 11px; padding: 10px 10px 4px 10px; text-decoration: none; color: #084582; font-size: 11px; text-align: center; }
#adminBut a:hover { text-decoration: underline; }
#adminBut a.selected { background-color: #356aa0; color: #ffffff; }

a.adminLink { color: #333333; }
a.adminLink:hover { text-decoration: underline; }

.adminHR { width: 100%; height: 1px; background-color: #cccccc; padding: 0px; margin: 0px; border: none; }

.adminHeader { font-size: 16px; color: #333333; }
.adminSubHeader { font-size: 14px; color: #333333; }
.adminFooter { font-size: 11px; color: #666666; }
.adminBodyFont { font-size: 12px; color: #000000; }
.adminFontError { color: #FF0000; }
.adminFontSuccess { color: #009900; }

/* Yoopa Platform */
.underconstruction { float: left; width: 850px; padding: 30px; background: #ffffff; margin-top: 30px; text-align: center; -moz-border-radius: 5px; border-radius: 5px; }

/* Yoopa Dashboard */
.mp3player_title { font-size: 10px; color: #000000; margin-bottom: 5px; }

/* Yoopa Gallery */
#gallery { list-style-type: none; margin: 0; float: left; padding: 0; }
#gallery>li.gallery_item { margin-left: 5px; margin-right: 6px; float: left; width: 145px; }

.gallery_content { clear: both; position: relative; overflow: hidden; width: 145px; height: 145px; }
.gallery_content>a { display: inline-block; padding: 4px; border: 1px solid #000000; }
.gallery_content>a:hover { border-color: #084582; }
.gallery_content>a div.youtube { position: absolute; float: left; top: 0px; left: 0px; margin-top: 89.5px; margin-left: 14.5px; width: 58px; height: 26px; border: 0px solid #000000; }

#gallery>li.gallery_title { float: left; width: 625px; text-align: left; }
.gallery_separator { padding-bottom: 3px; border-bottom: 1px solid #356aa0; }