@font-face {
  font-family: Ubuntu;
  src: url('http://enathisky.org/media/cpulp/fonts/ubuntu-r.ttf') format("truetype"); 
  src: local('Ubuntu');
}
/** GLOBAL RESETS **/
:link,:visited {text-decoration:none}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;font-weight:400;}
ul,dl,dt,dd,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
a img,:link img,:visited img {border:none}

/** GLOBAL SETS **/
.clear {clear:both;}
.hidden {display:none;}
body {font-size:15px;color:#222;font-family:'Ubuntu',Ubuntu,"Bitstream Vera Sans","DejaVu Sans",Tahoma,sans-serif;background-color:#91ba36;text-align:center;}
#wrapper {border:1px solid #CCC;background-color:#eee;margin-top:20px!important;margin:auto;padding:25px;}
a:link, a:visited {color:#1762A2;text-decoration:none;}
a:hover, a:focus {color:#1a1a1a;text-decoration:underline;}
@media screen{
	body{margin:0 0 50px 0;}
	#wrapper {max-width:90%;box-shadow: 0 3px 6px rgba(50, 50, 50, 1.0);}
}
@media only screen and (max-device-width: 480px) {
	html, body {padding: 3px;color: #000;margin: 0;}
	#wrapper {width:90%;}
}
@media only screen and (device-width: 768px) {
	html, body {padding: 3px;color: #000;margin: 0;}
	#wrapper {width:90%;}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	html, body {padding: 3px;color: #000;margin: 0;}
	#wrapper {width:90%;}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	html, body {padding: 3px;color: #000;margin: 0;}
	#wrapper {width:90%;}
}

#header {position:relative;height:180px;}
#homepage #header {position:relative;height:415px;}

#header #nav {position:absolute;top:10px;left:0;list-style:none;}
#header #nav li {float:left;margin:0 10px 0 0;font-size:13px;text-transform:uppercase;font-weight:bold;}
#header #nav li a {display:block;line-height:30px;padding:0 10px;}
#header #nav li a:link, #header #nav li a:visited {border:1px solid #D23939;color:#E17979;text-decoration:none;}
#header #nav li a:hover, #header #nav li a:focus {color:#FFFFFF;text-decoration:none;}
#header #nav li.current a  {border:1px solid #FFC4C4;color:#FFFFFF;text-decoration:none;}

#header a.logo:link, #header a.logo:visited, #header a.logo:hover {position:absolute;top:68px;left:0;
color:#fff;
font-size:52px;
text-transform:uppercase;
letter-spacing:-2px;
text-decoration:none;
}
#header span.logo2 {position:absolute;top:70px;left:2px;
color:#7C1B1B;
font-size:52px;
text-transform:uppercase;
letter-spacing:-2px;
}
#logo-header{display:block;}
#logo-desc{display:block;top:124px;left:2px;color:#fff;position:absolute;}

#content {text-align:left;}

#content h1 {font-size:40px;line-height:40px;letter-spacing:-1px;margin:25px 0 15px 0;}
#content h2 {font-size:25px;line-height:37px;letter-spacing:-1px;margin:25px 0 10px 0;}
#content h3 {font-size:18px;color:#1a1a1a;margin:25px 0 10px 0;}
#content h4 {font-size:16px;color:#1a1a1a;margin:25px 0 10px 0;}
#content h5 {font-size:14px;color:#1a1a1a;margin:25px 0 10px 0;}
#content h6 {font-size:10px;color:#1a1a1a;margin:25px 0 10px 0;}

#content #page-content {float:left;width:625px}
.page-meta {line-height:40px;text-transform:uppercase;color:#999;font-size:11px;border-top:1px dotted #ccc;padding-top:15px;margin-top:15px;}
.page-meta span {text-transform:none;color:#BA0000;}

#content .page-text {font-size:14px;line-height:22px;margin-bottom:50px;}
#content .page-text p, #content .page-text ul, #content .page-text ol {margin:0 0 22px 0;}
#content .page-text ul, #content .page-text ol {margin-left:25px;}
#content .page-text ul ul, #content .page-text ol ul, #content .page-text ul ol, #content .page-text ol ol {
	margin:0 0 0 25px;
}
#content .page-text blockquote {
	margin:0 0 22px 20px;
	line-height: 19px;
	font-size:13px;
	color:#666;
	font-style:italic;
	border-left:2px solid #ccc;
	padding:0 0 0 15px;
	}
#content code {border:1px dotted #ececec;padding:2px;font-family: Consolas, Monaco, "Courier New", Courier, monospace;font-size: 12px;background:#f9f9f9;color:#000;}
#content pre code {line-height:17px;padding:15px;border:1px dotted #ececec;font-family: Consolas, Monaco, "Courier New", Courier, monospace;font-size: 12px;background:#f9f9f9;color:#000;margin-bottom:22px;display:block;}

#content .page-text img {margin:0 0 20px 0;border:1px solid #1a1a1a;}
#content .page-text p{text-align:justify;}
#sidebar {width:325px;float:right;border:1px solid #ccc;background:#f6f6f6;margin-bottom:50px;}

.section {padding:30px 10px 20px 10px;text-align:left;}
.section p, .section ul, .section ol {line-height:20px;margin:0 0 20px 0;}
.section ul, .section ol {margin-left:20px;}
.section ul ul, .section ol ul, .section ul ol, .section ol ol {
	margin:0 0 0 20px;
}
.section h2 {color:#BA0000;font-size:22px;line-height:22px;letter-spacing:-1px;margin:0 0 15px 0;padding:0;}
.section h3 {color:#BA0000;font-size:19px;margin:0 0 10px 0;}
.section h4 {color:#BA0000;font-size:15px;margin:0 0 10px 0;}
.section h5 {color:#BA0000;font-size:13px;margin:0 0 10px 0;}
.section h6 {color:#BA0000;font-size:10px;margin:0 0 10px 0;}

.section blockquote {
	margin:0 0 20px 20px;
	line-height: 19px;
	font-size:12px;
	color:#666;
	font-style:italic;
	border-left:2px solid #ccc;
	padding:0 0 0 15px;
	}
.section code {border:1px solid #ececec;padding:2px;font-family: Consolas, Monaco, "Courier New", Courier, monospace;font-size: 12px;background:#f9f9f9;color:#000;}
.section pre code {line-height:17px;padding:15px;border:1px solid #ececec;font-family: Consolas, Monaco, "Courier New", Courier, monospace;font-size: 12px;background:#f9f9f9;color:#000;margin-bottom:22px;display:block;}

.credits {font-size:11px;text-transform:uppercase;color:#666;padding-top:15px;margin-top:30px;border-top:1px dotted #ccc;}
.credits p {margin:0 0 0 0;line-height:16px;padding:5px 0 0 0;}
.credits a:link, .credits a:visited {color:#666;}
.credits a:hover {color:#333}
.breadcrumbs a{font-size: 8pt;text-decoration: none;}
.breadcrumbs a:hover{text-decoration:underline;}
#gallery-cycle-pubs.gallery-cycle {
    height: 200px;
    width: 150px;
}
#gallery-cycle-pubs.gallery-cycle .gallery-container {
    height: 200px;
    position: relative;
    width: 150px;
}
#gallery-cycle-pubs.gallery-cycle .gallery-text {
    height: 180px;
    width: 130px;
}
#gallery-cycle-pubs.gallery-cycle .gallery-image {
    height: 200px;
    width: 150px;
}
#gallery-cycle-pubs.gallery-cycle .gallery-control {
    bottom: 0;
    right: 0;
}
.resource-person-photo{width:150px;display:block;}
#banner img{margin:5px; width:89px;}
.lastmodifiedlabel{font-size:7pt; border-style: none;color:#666; padding:5px;}
ul {list-style-type: none;}
ul li{padding:10px;}
#footer{font-size:9pt;border-top:1px solid #555;padding:10px;}