/* ---------- remove all the default styling ----------- */

/* remove link and image styles */
a  { text-decoration:none; border:none; }
img { border:none; }

/* remove list styles */
ul,ol { list-style:none; }

/* reset heading font sizes */
h1,h2,h3,h4,h5,h6,pre,code { font-size:100%; }

/* remove margins and padding */
* { margin:0; padding:0;}

/* de-italicize */
address,em { font-style:normal; }

/* -------------------- body styles -------------------- */
/* NOTE: set font-size to 76% so that 1em=12px           */
body {
	background: #c8c8c8;
	color: #666666;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 76%;
	margin: 10px 0px 0px 0px;
}
a {
	color: #333333;
	text-decoration: underline;
}
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: inherit;
}
/* --------------- container styles --------------- */
/* NOTE: container is 750px wide and centered using      */
/*       negative margins                                */
#main-container {
	background: #FFFFFF url(../images/SGSLogoBanner.jpg) 25px 10px no-repeat;
	position: absolute;
	left: 50%;
	padding: 75px 0px 0px 25px;
	width: 725px;
	margin-left: -375px;
}
#main-container h1{
	color: #cc0000;
	font-size: 200%;
	font-weight: normal;
}
/* ----------------- body styles ----------------- */
#content {
	background: url(../images/FeaturedGundog.jpg) 200px 10px no-repeat;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	float: left;
	padding: 0px 0px 20px 0px;
	width: 700px;
}
#content a:hover { color: #cc0000;}
#content p { margin: 9px 0px 9px 0px;}
#content .intro { font-size: 120% }
#content .featuredgundog {
	color: #CCCCCC;
	margin-top: 209px;
	float:left; 
	text-align:right;
	text-decoration: none;
	text-transform: uppercase; 
	font-size: 80%;
	height: 20px;
	width: 535px;
}
#content h3 {
	clear: left;
	color: #CC0000;
	display: block;
	margin-top: 10px;
	text-transform: uppercase;
}
#content .colheading{
	border-bottom: 1px solid #666666;
	padding-bottom: 3px;
	margin-bottom: 9px;
	display: block;
}
#content .imgtnleft{
	float: left;
	margin: 10px 5px 0px 0px;
	text-align: center;
}
#content .imgtnright{
	float: right;
	margin: 10px 0px 0px 5px;
	text-align: center;
}
#content .imgrightcaption{
	float: right;
	font-size: 80%;
	color: #C30;
	margin: 10px 0px 0px 5px;
	text-align: center;
	width: 255px;
}
#content .rightsubhead{
	float: right;
	margin: 5px 0px 0px 0px;
	font-style: italic;
}

#content ul {margin-bottom: 10px;}

/* ----------------- navigation styles ----------------- */
#nav-main {
	float: left;
	width: 160px;
}
#nav-main .membership { background: url(../images/navMembership.gif) no-repeat;}
#nav-main .breeders { background: url(../images/navBreeders.gif) no-repeat;}
#nav-main .showinfo { background: url(../images/navShowInfo.gif) no-repeat;}
#nav-main .photogallery { background: url(../images/navPhotoGallery.gif) no-repeat;}
#nav-main .memberlinks { background: url(../images/navMemberLinks.gif) no-repeat;}
#nav-main .juniorhandler { background: url(../images/navJuniorHandler.gif) no-repeat;}
#nav-main .links { background: url(../images/navLinks.gif) no-repeat;}
#nav-main .contactus { background: url(../images/navContactUs.gif) no-repeat;}
#nav-main .last {  border-bottom: 1px solid #666666;}

#nav-main ul {	margin: 0px 0px 0px 0px;}
#nav-main li {
	border-bottom: 1px dotted #666666;
	padding: 5px 5px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 100%;
	text-align: right;
	width: 160px;
}
#nav-main li a {
	color: #666666;
	display: block;
	text-decoration: none;
	padding-top: 20px;
	width: 150px;
}
#nav-main li a:hover{
	background-position: right top;
	color: #cc0000;
}
#nav-sec {
	background:url(../images/sgs-bodytop2.jpg) no-repeat;
	height: 20px;
	padding: 30px 0px 0px 520px;
	width: 180px;
}
#nav-sec li{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	width: 60px;
}
#nav-sec li a {
	color: #999999;
	padding: 0px 0px 0px 15px;
	text-decoration: none;
}
#nav-sec li a:hover{
	background-position: top left;
	color: #cc0000;
}
#nav-sec .home { background: url(../images/home-icon.gif) bottom left no-repeat;}
#nav-sec .sitemap {background: url(../images/sitemap-icon.gif) bottom left no-repeat;}
/* ----------------- one column styles ----------------- */

#one-col{
	float: left;
	width: 500px;
	margin: 0px 0px 0px 40px;
}
#one-col ul.links {
	width: 450px;
	text-align: center;
}
#one-col ul.links li {
	margin-bottom: 20px;
}
#one-col ul li em{
	font-style: italic;
}
#one-col ul li ul{
	margin-left: 20px;
}
* html #one-col{ margin: 0px 0px 0px 35px;}

/* ----------------- two column styles ----------------- */
#two-col{
	background: url(../images/two-colBackground.gif) repeat-y;
	float: left;
	margin: 0px 0px 0px 40px;
}
* html #two-col{ margin: 0px 0px 0px 35px;}

#two-col-col1{
	color: #333333;
	float: left;
	padding: 0px 5px 10px 5px;
	width: 235px;
}
#two-col-col2{
	float: left;
	display: inline;
	margin: 0px 0px 0px 20px;
	padding: 10px 0px 0px 0px;
	width: 235px;
}
* html #two-col-col2{ margin: 0px 0px 0px 10px;}

#two-col-col2 .news{
	border-bottom: 1px dotted #666666;
	padding-bottom: 10px;
}
#two-col-col2 h4{
	padding-top: 10px;
}
#two-col-col2 .newsimgleft{
	float: left;
	border: #666666 solid 1px;
	padding: 1px 1px 1px 1px;
	margin: 10px 5px 0px 0px;
}
#two-col-col2 .newsdate{
	color: #cc0000;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	letter-spacing: 5px;
	text-transform: uppercase;
}

/* ----------------- committee styles ----------------- */
#committee .fn{ font-weight: bold;}
/* ----------------- Question form styles ----------------- */
#question li{
	margin: 3px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
}
#question label {
	font-size: 90%;
	text-transform: uppercase;
}
#question fieldset { padding: 10px 5px 5px 5px;}
#question legend {
	color: #CC0000;
	font-weight: bold;
	text-transform: uppercase;
}
#question .emailaddress {width: 218px;}
#question textarea {width: 218px; height: 100px;}

/* ----------------- breeder styles ----------------- */
#breeder {
	clear: left;
	float: left;
}
#breeder ul {
	border-bottom: 1px dotted #666666;
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 15px 0px;
}
/* ----------------- show results styles ----------------- */
#showresults {
	text-align: center;
	font-size: 90%;
}
#showresults li {
	float: left;
	height: 180px;
	margin: 20px 0px 0px 0px;
	width: 166px;
}

#showresults a{	text-decoration: none;}

#showresultslist {
	text-align: left;
	clear: both;
}
#showresultslist em{
	font-style: italic;
}
#showresultslist li{
	padding: 3px 0px 3px 0px;
}

/* ----------------- photo gallery styles ----------------- */
#gallery {

}
#gallery .photo {
	background: url(../images/photobackground.gif) no-repeat;
	float: left;
	height: 200px;
	margin-right: 1px;
	width: 165px;
}
#gallery img {
	margin: 5px;
}
#gallery p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 110%;
	margin: 0px 9px 0px 5px;
}
#gallery a:hover img{
	border: #CC0000 1px solid;
	margin: 4px;
}

/* ----------------- breadcrumb styles ----------------- */
#breadcrumb {
	float: left;
	margin: 212px 0px 0px 40px;
	height: 18px;
	width: 500px;
}
* html #breadcrumb{ margin: 212px 0px 0px 35px;}
#breadcrumb li {
  float: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 85%;
  padding-left: 5px;
}
#breadcrumb li a {text-decoration: underline;}
#breadcrumb li a:hover { color: #cc0000; }

/* ------------------ footer styles -------------------- */
#footer {
    clear: both;
	font-size: 90%;
    height: 20px;
	padding-top: 5px;
	width: 700px;
}
#footer p { padding-bottom: 20px;}
#footer .artisan {float: right;}
#footer .artisan a{text-decoration: none; color:#CCCCCC;}
#footer .artisan em{color: #FF0000; font-style: normal;}
#footer .artisan a:hover{color: #FF0000;}

/* ------------------ lightbox styles -------------------- */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #eee;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
/* ---------------------- END -------------------------- */