/***********************************************/
/* UGL style sheet :: style.css                */
/***********************************************/

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#head {
	width: 768px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

#head img{
	margin: 0px 0px 3px 0px;
	padding: 0px;
	display: block;
}

.complete {
	background-color: #336393;
	height: 107px;
	width: 768px;
	clear: both;
	left: 30px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
.headerlow {
	background-color: #1B335F;
	height: 39px;
	width: 608px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 160px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.headerlinks {
	color: #FFFFFF;
	
}

.logo {
	position: absolute;
	height: 150px;
	width: 131px;
	z-index: 1;
	overflow: visible;
	visibility: visible;
	padding-left: 15px;
}
.style1 {
	font-size: 58px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	padding-right: 25px;
}
.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	padding-right: 30px;
}

/* START Top bar under the logo for the main.php (main page) */
#imagebar {
	padding: 0px;
	margin: 0px 0px 2px 0px;
	float: left;
	clear: both;
}
#images{
	float: right;
}
#images img{
	float: left;
	padding: 0px 0px 0px 3px;
	margin: 0px 0px 3px 0px;
	height: 176px;
	width: 170px;
}

#imagebar .navlinks {
	width: 248px;
	padding: 0px;
	float: left;
	margin: 0px;
}
#imagebar .navlinks ul  {
	width: 248px;
	padding: 0px;
	margin: 0px;
}
#imagebar .navlinks ul li {
	list-style-type: none;
	list-style-position: inside;
	width: 238px;
	float: left;
	padding: 0px;
	margin: 0px 0px 1px 0px;
}
#imagebar .navlinks ul li a{
	color: #FFFFFF;
	/*background-image: url('images/navbackground.jpg'); */
	background-color: #336699;
	padding: 3px 0px 3px 10px;
	overflow: hidden;
	font-size: 0.9em;
	width: 238px;
	float: left;
	margin: 0px; 
}
#imagebar  .navlinks ul li a:hover {
	text-decoration: none;
	background-image: none; 
	background-color: #003366;
	/*float: left;
	width: 239px;
	height: 17px;
	padding: 0px 0px 2px 10px;
	*/
}
/* END Top bar under the logo for the main.php (main page) */

/* Stuff that goes on the right */
#affiliates{
  	float: right;
	display: inline;
	width: 239px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#affiliates h2 {
	width: 229px;
	text-align: left;
	float: left;
	text-decoration: none;
	font-family:arial;
	color: #FFFFFF;
	background-color:#003366;
	border: none;
	padding: 5px;
	margin: 0px 0px 1px 0px;
}
#affiliates #links ul  {
	width: 229px;
	padding: 0px;
	margin: 0px;
	text-align: left;
}
#affiliates #links ul li {
	list-style-type: none;
	list-style-position: inside;
	width: 229px;
	float: left;
	padding: 0px;
	margin: 0px 0px 1px 0px;
}
#affiliates #links ul li a{
	color: #FFFFFF;
	/*background-image: url('images/navbackground.jpg'); */
	background-color: #336699;
	text-decoration: none;
	width: 229px;
		overflow: hidden;
	font-size: 0.9em;
	float: left;
	margin: 0px; 
	padding: 2px 0px 2px 10px;
}
#affiliates #links ul li a:hover {
	text-decoration: none;
	background-image: none; 
	background-color: #003366;
	color: #FFFFFF;
	/*
	float: left;
	width: 229px;
	padding: 2px 0px 2px 10px;
	margin: 0px;
	*/
}
#affiliates img {
	padding: 10px 0px 0px 0px;
	margin: 0px;
}

#content {
	display: inline;
  	width: 500px;
	margin: 3px 0px 0px 0px;
	padding: 0px;
}
#content img {
	border: none;
	margin: 0px;
	padding: 0px;
}
.subPage {
	padding: 0px;
	margin: 0px 0px 0px 11px;
	float: right;
	display: inline;
	width: 509px;
}
.subPage #admin_functions {
	padding: 0px;
	float: right;
	display: inline;
	width: 509px;
}
.subPage #admin_functions a {
	clear: both;
	display: block;
	padding: 5px;
	background-color: #AAAAAA;
}
.subPage #admin_functions form{
	margin: 15px 0px 15px 15px;
	padding: 15px;
	border-style: dashed
}
.subPage #admin_functions form .label{
	padding: 5px 0px 5px 0px;
	font-size: larger;
	font-weight: bolder;
}
.subPage h2{
	text-align: center;
	width: 505px;
}
.subPage h3{
	width: 505px;
}
.subPage p {
	padding: 3px;
}
.subPage .links a {
	display: block;
	padding: 0px 0px 5px 5px;
}
/*#language {
	width: 400px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#language img{
	padding-top:
}
#choose {
	height: 100px;
}
#welsh {
	width: 200px;
	float: left;
}
#english {
	width: 200px;
	float: left;
}
*/
/***** #siteInfo styles Bottom of the page **/
#siteinfo{
	width: 768px;
	display: block;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	color: #777777;
	padding: 0px 0px 0px 0px;
}

/*********** #content styles - Left hand bulk of the main page ***********/
#news {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 525px;
	height: 100%;
	background-color: #003366;
	color: #fff;
}
#news a {
	background-color: #003366;
	color: #fff;
}
#news h2{
	width: 400px;
	padding: 7px;
	margin: 0px;
}
#news .newsItem {
	padding: 0px 0px 10px 10px;
	margin: 0px;
	display: block;
	width: 505px;
}
#news .newsItem h3{
	float: left;
	padding: 10px 5px 0px 5px;
	/*font-size: 1em;*/
	width: 505px;
	margin: 0px;
}
#news .newsItem p{
	clear: both;
	float: left;
	overflow: hidden;
	width: 505px;
	padding: 0px 5px 5px 5px;
	margin: 0px;
}
#news .newsItem .newsItemFooter {
	clear: both;
	float: left;
	text-align: right;
	padding: 5px;
	font-size: smaller;
	width: 500px;
}
#news .newsItem .newsItemFooter a{
	text-decoration: underline;
}
#news #newsFooter {
	float: right;
	clear: both;
	display: block;
	padding: 0px;
	margin: 10px 10px 10px 0px;
}
#news #newsFooter a {
	text-decoration: none;
	padding: 0px;
	margin: 10px;
}
#news #newsFooter img {
	padding: 0px;
	margin: 0px;
	margin-bottom: -2px;
	margin-right: 2px;
}

/*************  Feature style for library showcase ************/

#featureItem {
	width: 500px;
	padding: 0px;	
	margin: 0px;
	float: left;
	/*background-color: #BCF;
	color: #000000;
*/
}
#featureItem #blurb{
 	padding: 0px 0px 10px 10px;
}
#featureItem img {
	float: left;
	margin: 0px;
	padding: 0px 10px 10px 0px;
}
#featureItem #body{
 	padding: 0px 10px 10px 10px;
}
/************* gallery styles ********/
#image {
	text-align: center;
}
#comment {
	text-align: center;
	margin: 10px 0px 0px 0px;
}
.albums {
	float: right;
	width: 509px;
	margin: 0px 0px 20px 0px;
}
.thumbnail {
	width: 100px;
	display: inline;
	float: left;
	margin: 5px 5px 5px 5px;
}
.thumbnail .image{
	float: left;
}
.thumbnail .heading{
	float: left;
	width: 100px;
	text-align: center;
}