/* LAYOUT */

#body {
		background-color: #cc0000;
		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: Trebuchet MS, Verdana, Arial, Verdana, Geneva, Arial, 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/header.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, Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-size: 22px; font-weight: normal; color: #202020; margin: 20px 0px 0px 0px; }
h2 { font-family: Arial, Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-size: 17px; font-weight: normal; color: #cc0000; margin: 20px 0px 0px 0px; }
h3 { font-family: Arial, Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-size: 15px; font-style:italic; color: #404040; margin: 6px 0px 15px 0px;  font-weight: normal; line-height: 1.3em;}
h4 { font-family: Arial, Verdana, Geneva, Helvetica, Sans-Serif; font-size: 12px; 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:#cc0000;}
.normal_column a:hover, .normal_column a:visited:hover { color:#cc0000; border-bottom: 1px dotted #cc0000;}

/* 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: #606060;
 		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:#FF0000;
}
  
#navigation_top .active, #navigation_top .dir_active {
		background-color: #FFFFFF;
}

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



/* 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;
}