/* LAYOUT */

#body {
		background-color: #0000FF;
		background-image: url(/images/graphics/bg.jpg);
		background-attachment: fixed;		
		background-repeat : repeat-x;			
		margin: 20px 0px 20px 0px; /* top right bottom left */		
		font-family: Arial, Verdana, Geneva, Helvetica, Sans-Serif;		
		color:#202020;		
		font-size: 13px;
}		

#wrap {
		width:780px;		
		margin: 0 auto;		
		background-color: #FFFFFF;		
		padding: 3px;		
		text-align: left;
}

#header {
		width:750px;		
		height:120px;		
		margin: 8px 0px 0px 5px;		
		background-image: url(/images/graphics/heade.gif); 		
		padding: 0px 10px 0px 10px; /* top right bottom left */ 		
		background-color: #FFFFFF; 		
		text-align:right;
}

#footer {
		clear:both;		
		width:710px;		
		border-top:1px dotted #ccc;		
		margin: 0px 0px 5px 5px; /* top right bottom left */		
		padding: 10px 0px 5px 50px; /* top right bottom left */		
		color: #666;		
		font-size: 11px;		
		text-align: left;
}

#content {
		width:750px;		
		margin: 0;		
		padding: 0px;
}

.normal_column {
		display: block;		
		float:left;		
		margin: 0px 0px 0px 0px; /* top right bottom left */		
		padding: 15px 10px 30px 40px; /* top right bottom left */
}

#top_image {
		margin: 15px 0px 0px 7px; /* top right bottom left */ 		
		padding: 0px 0px 0px 0px; /* top right bottom left */
}


/* FONTS */


P {margin: 6px 0 10px 0; line-height: 1.3em; padding: 0px 0px 0px 0px; /* top right bottom left */	}
h1 { font-family: Arial, Geneva, Helvetica, Sans-Serif; font-size: 20px; font-weight: normal; color: #202020; margin: 20px 0px 0px 0px; }
h2 { font-family: Arial, Verdana, Geneva, Helvetica, Sans-Serif; font-size: 15px; font-weight: normal; color: #0000FF; margin: 20px 0px 0px 0px; }
h3 { font-family: Arial, Verdana, Geneva, Helvetica, Sans-Serif; font-size: 13px; font-style:italic; color: #000000; margin: 6px 0px 15px 0px;  font-weight: normal; line-height: 1.3em;}
h4 { font-family: Arial, Verdana, Geneva, Helvetica, Sans-Serif; font-size: 11px; font-weight: normal; color: #000000;}		

/* LINKS */

a { color: #105090; text-decoration: none;  }
a:visited { color:#105090; text-decoration: none;  }
a:hover, a:visited:hover { color:#0000FF;}
.normal_column a:hover, .normal_column a:visited:hover { color:#0000FF; border-bottom: 1px dotted #0000FF;}

/* IMAGES */
img {border-style:none;}

/* NAVIGATION TOP*/

#navigation_top {
		width:770px;		
		height: 35px;		
		margin: 0 auto 0 auto;	/* center content */		
		padding: 0px 0px 8px 0px; /* top right bottom left */		
		background-image:url(/images/graphics/navigation_bg.gif);		
		background-repeat : no-repeat;
}  

#navigation_top ul {
		margin:0px 0px 0px 0px; /* top right bottom left */		
		padding: 0px; 		
		list-style:none;
}  

#navigation_top li {
		float:left;		
		margin:0px 1px 0px 1px; /* top right bottom left */		
		padding:0px 0px 0px 0px; /* top right bottom left */
}  

#navigation_top li a {
 		float:left;  		
 		display:block;  		
 		margin:0px 0px 0px 0px; /* top right bottom left */  		
 		padding:11px 20px 10px 20px; /* top right bottom left */  		
 		font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif, Verdana;  		
 		text-decoration:none;		
 		color: #0000FF; 		
 		font-size: 12px;  		
 		font-weight: bold;  		
 		margin:0;
}   

/* Commented Backslash Hack   
   hides rule from IE5-Mac \*/
   #navigation_top a {float:none;}
   /* End IE5-Mac hack */ 
   
#navigation_top a:hover{
		color:#0000FF;
}  

#navigation_top .active, #navigation_top .dir_active {
		background-color: #FFFFFF;
}

#navigation_top .active a, #navigation_top .dir_active a{		
background-color: #FFFFFF;		
color:#0000FF;
}

/* NAVIGATION LEFT*/

#navigation_left {
		display: block;		
		float:left;  		
		margin:0px 0px 0px 0px; /* top right bottom left */		
		padding: 20px 0px 0px 13px; /* top right bottom left */
}

#navigation_left ul {	  	
    margin:0px 0px 0px 0px; /* top right bottom left */		
	  padding: 0px 0px 0px 0px; /* top right bottom left */ 		
    font-family: Trebuchet MS, Arial, Verdana, Geneva, Helvetica, Sans-Serif;  		
		font-size: 11px;		list-style: none;
}

#navigation_left li.header{  		
		margin:0px 0px 0px 0px; /* top right bottom left */ 		
		padding:7px 0px 3px 14px; /* top right bottom left */		
		width:161px;		
		background-image: url(/images/graphics/nav_left_header.gif);		
		background-repeat : no-repeat;			
		text-decoration: none; 		
		font-size: 12px;		
		color: #606060;  		
		font-weight: bold;
}

#navigation_left li a{
		display: block;	  	
		margin:0px 0px 0px 0px; /* top right bottom left */	 	
		padding:6px 0px 4px 14px; /* top right bottom left */		
		width:161px;		
		height: 16px;		
		background-image: url(/images/graphics/nav_left_lev1.gif);		
		background-repeat : no-repeat;			
		text-decoration: none;		
		color: #606060;
}

#navigation_left li a:hover{
		background-image: url(/images/graphics/nav_left_lev1_over.gif);
}

#navigation_left li.active a{
		background-image: url(/images/graphics/nav_left_lev1_over.gif);  		
		font-weight: bold;
}

#navigation_left li.dir_active a, #navigation_left li.dir_active a:hover{
		background-image: url(/images/graphics/nav_left_lev1_dir_active.gif);  		
		font-weight: bold;
}

#navigation_left li li a, #navigation_left li.dir_active li a {
	 	padding:6px 8px 6px 22px; /* top right bottom left */
	 	width:145px;		
	 	height: auto;		
	 	background-image: url(/images/graphics/nav_left_lev2.gif);		
	 	background-repeat : repeat;	  		
	 	font-weight: normal;
}

#navigation_left li li a:hover, #navigation_left li.dir_active li a:hover{
		background-image: url(/images/graphics/nav_left_lev2_over.gif);  		
		font-weight: normal;
}

#navigation_left li li.active a, #navigation_left li li.active a:hover{
		background-image: url(/images/graphics/nav_left_lev2_over.gif);  		
		font-weight: bold;
}

#navigation_left li li.dir_active a, #navigation_left li li.dir_active a:hover{
		background-image: url(/images/graphics/nav_left_lev2_dir_active.gif);
		font-weight: bold;
}

#navigation_left li li li a, #navigation_left li.dir_active li li a {
	 	padding:6px 8px 6px 42px; /* top right bottom left */		
	 	width:125px;		
	 	height: auto;		
	 	background-image: url(/images/graphics/nav_left_lev3.gif);  		
	 	font-weight: normal;
}

#navigation_left li li li a:hover, #navigation_left li li.dir_active li a:hover{
		background-image: url(/images/graphics/nav_left_lev3_over.gif);  		
		font-weight: normal;
}

#navigation_left li li li.active a, #navigation_left li li li.active a:hover, #navigation_left li li li.dir_active a:hover{
		background-image: url(/images/graphics/nav_left_lev3_over.gif);  		
		font-weight: bold;
}

.title {
    background-color: #FFFFFF;    
    color: #000000;    
    font-weight: bold;    
    font-size: 10pt;    
    font-family: Verdana, sans-serif;    
    margin-top: 20px;
}

.sortlist {
    color: #606060;    
    background-color: #FFFFFF;    
    font-size: 9pt;    
    font-family: Verdana, sans-serif;    
    margin-top: 20px;    
    width: 550px;
}

.sortafter {
    color: #ff6060;    
    font-weight: bold;
}

.sort {
    width: 540px;    
    font-size: 9pt;
}

.breederlist {
    margin-top: 50px;    
    width: 500px;    
    font-size: 9pt;    
    font-family: Verdana, sans-serif;    
    color: #606060;
}

.edit {    
    font-size: 8pt;    
    letter-spacing: 0.8px;
}

.topbar {
    font-size: 9pt;    
    font-family: Verdana, sans-serif;    
    color: #606060;    
    margin-top: 10px;    
    width: 500px;
}

.login {
    color: #606060;    
    background-color: #FFFFFF;    
    font-size: 9pt;    
    font-family: Verdana, sans-serif;    
    margin-top: 30px;    
    width: 350px;
}

.delete {
    color: #606060;    
    background-color: #FFFFFF;    
    font-size: 9pt;    
    font-family: Verdana, sans-serif;    
    margin-top: 30px;    
    width: 450px;
}

.update {
    color: #606060;    
    background-color: #FFFFFF;    
    font-size: 9pt;    
    font-family: Verdana, sans-serif;    
    margin-top: 30px;    
    width: 350px;
}

.showbreeder {
    margin-top: 50px;    
    width: 400px;    
    font-size: 9pt;    
    font-family: Verdana, sans-serif;    
    color: #606060;
}

.footer {
    width: 600px;
}

.footerline {
    height: 1px;    
    font-size: 1px;    
    background-color: #808080;
}

.footertext {
    color: #808080;    
    font-size: 8pt;    
    font-family: Verdana, sans-serif;    
    text-align: right;
}