/* Start of CMSMS style sheet 'pennau_styles' */
@charset "utf-8";
/* CSS Document */

/****************************************************************************************************************************************** GLOBAL RESETS */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
margin:0; 
padding:0;
}

fieldset, img, abbr, acronym { 
border:0 none;
}
	
table { 
border-collapse:separate; 
border-spacing:0;
}

:focus { 
outline:0;
}

address, caption, cite, code, dfn, th, var { 
font-style:normal; 
font-weight:normal;
}
	
caption, th { 
text-align:left;
}

h1, h2, h3, h4, h5, h6 { 
font-size:100%; 
font-weight:normal;
}

blockquote:before, blockquote:after, q:before, q:after { 
content:"";
}
	
span.hidden, .special_message { 
display:none;
}

legend.hidden { 
display:none;
}

label.hidden { 
display:inline; 
left:-9000px; 
position:absolute;
}

.nomargin { 
margin:0 !important;
}

.fleft { 
float:left;
}

.fright { 
float:right;
}

.clr { 
clear:both; 
height:0; 
line-height:0; 
visibility:hidden;
}

*[style], pre /* override inline styles */{ 
font-size:inherit !important; 
font-family:Arial, Helvetica, sans-serif !important;
}

.clearfix:after, dl:after { 
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;}
	
#ie6 .clearfix, #ie6 dl, #ie7 .clearfix, #ie7 dl { 
display:inline-block;
}

a:link {

}

a:visited {

}

a:hover {

}

a:active {

}

/*********************************************************************************************************************** Site Styles */

body {
margin:0 0 20px 0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
}

#wrapper {
width:910px;
margin:0 auto;
background-image:url(uploads/images/site_assets/content_shadow.gif);
background-repeat:repeat-y;
position:relative;
}

h1 {
background-image:url(uploads/images/site_assets/pennau_crafts_coffee.gif);
background-repeat:no-repeat;
background-position:right;
height:60px;
padding-top:55px;
margin:0 20px 0 0;
text-indent:-9999px;
}

#nav {
background-color:#447c8a;
padding:0;
margin:0 14px 0 7px;
text-align:right;
}

#nav ul {
list-style-type:none;
padding:5px 10px 5px 0;
margin:0;
}

#nav ul li {
display:inline;
margin:0 10px 0 0;
padding:0;
}

#nav ul li a {
color:#fff;
text-decoration:none;
font-size:18px;
}

#nav ul li a:hover {
text-decoration:underline;
}

#nav ul li.menuactive a {
color:#85D2F5;
}

/* logo/ribbon */
h2 {
position:absolute;
width:191px;
height:321px;
top:0;
left:20px;
background-image:url(uploads/images/site_assets/logo_float.png);
background-repeat:no-repeat;
text-indent:-9999px;
}

/* page name under logo/ribbon */
h3 {
position:absolute;
width:111px;
height:40px;
padding:15px 0 0 0;
margin:0;
top:280px;
left:60px;
text-align:center;
background-color:#aeaead;
font-size:14px;
color:#fff;
}

/* main header image */
h4 {
margin-left:7px;
margin:0 0 0 7px;
padding:0;
height:243px;
background-repeat:no-repeat;
text-indent:-9999px;
}

#pennau_content {
position:relative;
overflow:auto;
margin:30px 14px 0 7px;
padding:0 15px 15px 15px;
xbackground-image:url(uploads/images/page_visuals/welsh_girl.jpg);
xbackground-repeat:no-repeat;
xbackground-position:bottom left;

}

#pennau_content #page_content {
width:445px;
float:left;
}

#pennau_content #page_content_wide {
width:660px;
float:left;
}

#pennau_content #left_nav {
width:145px;
float:left;
margin:9px 30px 10px 0;
}

#pennau_content #left_nav ul {
list-style-type:none;
}

#pennau_content #left_nav ul li {
text-align:right;
margin:0 0 15px 0;
}

#pennau_content #left_nav ul li a {
color:#447c8a;
font-size:18px;
text-decoration:none;
}

#pennau_content #left_nav ul li a:hover {
}

#pennau_content #left_nav ul li.menuactive a {
color:#B50052;
}

#pennau_content #thumbnails {
width:220px;
float:right;
}

#pennau_content #thumbnails img {
margin:0 0 10px 0;
}

#pennau_content h5,
#pennau_content #page_content h5 p {
font-weight:normal;
color:#B50052;
font-size:28px;
margin:0 0 25px 0;
}


#pennau_content #page_content  p.sub,
#pennau_content #page_content  p.sub p,
#pennau_content #page_content_wide p.sub,
#pennau_content #page_content_wide p.sub p,
#pennau_content #page_content  p.sub_opening,
#pennau_content #page_content  p.sub_opening p,
#pennau_content #page_content_wide p.sub_opening,
#pennau_content #page_content_wide p.sub_opening p {
font-size:18px;
color:#999;
line-height:200%;
margin:0 0 25px 0;
}

#pennau_content #page_content_wide p.sub_opening,
#pennau_content #page_content_wide p.sub_opening p {
margin:0 0 5px 0;
}

#wrapper #pennau_content #page_content_wide p.extra_opening,
#wrapper #pennau_content #page_content_wide p.extra_opening p {
margin:35px 0 25px 0;
color:#333;
font-style:italic;
}



#pennau_content p.body,
#pennau_content #page_content p.body p,
#pennau_content #page_content p  {
font-size:14px;
color:#666;
line-height:200%;
margin:0 0 10px 0;
}

#wrapper #footer {
margin:0 14px 0 7px;
height:120px;
background-image:url(uploads/images/site_assets/footer_circles.gif);
background-repeat:no-repeat;
background-position:top;
background-color:#447c8a;
}

#wrapper #footer p {
color:#fff;
font-size:12px;
text-align:center;
padding:50px 120px 10px 120px;
line-height:200%;
}

#wrapper #footer p a {
color:#ccc;
}

#wrapper #footer p a:hover {
color:#ccc;
text-decoration:none;
}

.highlight,
span.highlight {
color:#B50052;
}

#page_content_wide .highlight {
color:#B50052;
}

#page_content ul,
#page_content_wide  ul  {
padding:0;
margin:8px 0 0 25px;
}

#page_content ul li,
#page_content_wide  ul li {
margin:0 0 8px 0;
}



/* End of 'pennau_styles' */