/*
Theme Name: Saga Custom Wordpress Theme
Description: Custom Wordpress theme designed for the Saga Humane Society
Version: 1.0
Author: Paul Jewitt
Author URI: http://animamedia.org
*/


body { margin: 0px 0px 20px; padding: 0px; font-family: Arial,Helvetica,sans-serif; font-size: 14px; background-color: rgb(255, 255, 255); line-height: 18px; color: rgb(102, 102, 102); background-image:  url(images/bgpage.jpg); background-repeat: repeat-y; background-position: top left; }


.boxwarp { margin: 0px 30px; padding: 0px; width: 1100px; }
.boxlogo { margin: 0px; padding: 0px; float: left; }
.boxheader { margin: 0px; padding: 0px; height: 360px; background-image:  url(images/bghead.jpg); }

.boxlanguage { margin: 0px; padding: 15px 0 0 20px; color: #fff; float: left; font-size: 14px; letter-spacing: -0.15px;}

#nav {
width: 1000px;
}

#nav ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#nav li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#nav li a, #nav li a:link, #nav li a:visited {

	display: block;
font-size: 14px;
color:#ffffff;
font-weight:bold;
	text-transform: none;
    margin: 0px;
	padding: 9px 8px 8px 8px;
	}

#nav li a:hover, #nav li a:active {

	color: #C1E88A;
    margin: 0px;
	padding: 9px 8px 8px 8px;
	text-decoration: none;
	}
	
#nav li li a, #nav li li a:link, #nav li li a:visited {
	background: #C1E88A;
	width: 170px;
	color: #467800;

	text-transform: none;
	float: none;
	margin: 0px;
	padding: 7px 8px 7px 8px;
	border-bottom: 1px solid #467800;
	border-left: 1px solid #467800;
	border-right: 1px solid #467800;

	}
	
#nav li li a:hover, #nav li li a:active {
	background: #C1E88A;
	color: #fff;
	padding: 7px 8px 7px 8px;
	}

#nav li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	margin: 0px;
	padding: 0px;
	}

#nav li li { 
	}

#nav li ul a { 
	width: 140px;
	}

#nav li ul a:hover, #nav li ul a:active { 
	}

#nav li ul ul {
	margin: -32px 0 0 171px;
	}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	}

#nav li:hover, #nav li.sfhover { 
	position: static;
	}



#headergood {position: absolute; margin: 0px 0 0 200px; 
}

#headergood a{color:#fff;}
#headergood a:hover {color:#598ED1;}

.boxclear { margin: 0px; padding: 0px; clear: both; float: none; }
.boxmenu { margin: 0px; padding: 0px; height: 70px; background-image:  url(images/bgmenu.jpg); }
.boxstory { margin: 0px; padding: 0px 17px 17px; color: rgb(172, 190, 149); width: 600px; }
.boxcontent { margin: 0px; padding: 0px; }
.boxcontentleft { margin: 0px; padding: 0px 0px 0px 15px; float: left; width: 270px; }
.boxcontentmid { margin: 0px; padding: 20px 0 0 15px; float: left; width: 480px; }

.boxcontentmid h1 {font-size: 18px; line-height: 20px;padding: 10px 0 5px 0;}
.boxcontentmid h2 {font-size: 18px; line-height: 20px;padding: 10px 0 5px 0;}
.boxcontentmid img{ border: 4px solid #36515D; }
.boxcontentmid h3, h4, h5{font-size: 16px; line-height: 18px;padding: 10px 0 5px 0;
}




.boxcontentright { margin: 0px; padding: 0px 35px; float: right; width: 200px; }
.boxfooter { margin: 0px 15px 0 15px; padding: 30px 0 0 20px;; font-size: 11px; color: rgb(139, 140, 125); background:#fff; }

.boxcontentleftwbdr { border-style: none solid; border-color: rgb(190, 201, 169); border-width: 1px; margin: 0px; padding: 20px; }
.boxfootlink { margin: 0px; padding: 0px; float: right; color: rgb(189, 205, 83); }

.boxlist {font-size: 12px;padding: 10px 0 0 0;}
.boxlist img{ border: 4px solid #36515D; }

.boxlist2 {padding: 0px 0 0 0;}
.meta {font-size: 11px; margin: -10px 0 0 0; }

.boxspc1 { margin:0; padding: 30px 25px 0 25px; width: 220px; background-image:  url(images/bgspc1.jpg); color: #fff; }
.boxspc1 p {font-size: 12px;padding: 0 10px 0 7px;}
.boxspc1 img {margin: 0px 10px 0px 5px; border: 5px solid #fff;}
.boxspc1 h3 {padding: 0 10px 0 7px;color: #fff;}
.boxspc1 a {color: #fff;}

.boxwarphead { margin: 0px 30px; padding: 0px; width: 970px; background-image:  url(images/headimage.jpg); height: 346px; }

a:link, a:active, a:visited { color: rgb(52, 89, 117); text-decoration: none; }
a:hover { color: rgb(0, 0, 0); text-decoration: none; }

a.language:link, a.language:active, a.language:visited { color:#fff; text-decoration: none; font-weight: bold; }
a.language:hover, a.languageon:link, a.languageon:active, a.languageon:visited { color:#C1E88A; text-decoration: none; font-weight: bold; }
a.menu:link, a.menu:active, a.menu:visited { color: #fff; text-decoration: none; }
a.menu:hover, a.menuon:link, a.menuon:active, a.menuon:visited { color:#C1E88A; text-decoration: none; }


a.footlink:link, a.footlink:active, a.footlink:visited { color: rgb(82, 108, 134); text-decoration: none; font-weight: bold; }
a.footlink:hover, a.footlinkon:link, a.footlinkon:active, a.footlinkon:visited { color: rgb(122, 148, 173); text-decoration: none; }
ul { margin: -10px 10px 0px; padding: 10px; }
li { margin: 0px 0px 10px; padding: 0px; color: rgb(102, 102, 102); list-style-type: circle; list-style-image: none; list-style-position: outside; }
ul.menu { margin: 0px; padding: 0px; }
li.menu { margin: 0px 10px; padding: 0px; list-style-type: none; float: left; color: rgb(209, 218, 149); }
li.menusep { margin: 22px 0px 0px; padding: 0px; list-style-type: none; float: left; color: rgb(235, 231, 123); }
ul.submenu { margin: 0px; padding: 0px; }
li.submenu { margin: 0px; padding: 10px 0px 0px 30px; list-style-type: none; background-image:  url(images/bgsubmenu.jpg); height: 25px; color: rgb(255, 255, 255); }
p { margin: 0px 0px 10px; padding: 0px; }

h3 { margin: 0px 0px 5px; padding: 0px 0px 5px; }

h4 { margin: 0px 0px 20px; padding: 0px; }
h4.short { margin: 0px 0px 10px; padding: 0px; }
p.quote { color: rgb(20, 45, 85); font-family: Georgia,"Times New Roman",Times,serif; font-size: 14px; font-weight: normal; }
p.story { margin: 12px 0px 0px; padding: 0px; line-height: 16px; }
p.newstitle { padding: 0px; font-weight: bold; color: rgb(68, 97, 142); margin-bottom: 5px; }
p.date { margin: 0px; padding: 0px; font-size: 10px; color: rgb(153, 153, 153); }
p.headlinetitle { margin: 0px 0px 10px; padding: 0px; font-weight: bold; color: rgb(20, 45, 85); font-family: Georgia,"Times New Roman",Times,serif; font-size: 18px; letter-spacing: 0px; }
p.headlinetitle2 { margin: 0px 0px 10px; padding: 0px; font-weight: bold; color: rgb(102, 102, 102); font-size: 14px; letter-spacing: 0px; }

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 12px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 0px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 0px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }

.clearfix:after {
    content: "."; 
    display:block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */