/* top elements */
* {
	padding: 0;
	margin-top: 10;
	margin-right: 15;
	margin-bottom: 10;
	margin-left: 15;
}

body {
	margin: 0;
	padding: 0;
	font: .70em/1.5em Verdana, Tahoma, Helvetica, sans-serif;
	color: #11264a; 
	background: #FFFFFF url(bg.png) repeat-x;
	text-align: center;
}

/* links */
a { color: #7aa71e;	background-color: inherit; text-decoration: underline; }
a:hover { color: #225C17; background-color: inherit; }

/* headers */
h1, h2, h3 { font: bold 1em Helvetica, Arial, Sans-serif; color: #666666; }
h1 { font-size: 1.5em; color: #7aa71e; font-style:italic; font-weight:lighter; } 
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; color: #11264a; text-transform:uppercase;font-weight:lighter; }
h4 { font-size: 1.0em; color: #11264a; }

h4 { margin: 10px 15px -5px 15px; }
p, h1, h2, h3 { margin: 10px 15px; }
ul, ol { margin: 10px 30px;	padding: 0 15px; color: #11264a; list-style:disc; }

/*tables */
table { margin: 0px 0px 0px 15px; }
table a { text-decoration:none; color: #11264a; }
table a:hover { text-decoration:underline; }

#trainingtabel td, th, .trainingtabel td, .trainingtabel th
{ background-color: #FFF; border-bottom: 1px dotted #99CC33; padding: 1px; vertical-align: top; text-align: left; }

/* images */
img.float-right { margin: 0px 0px 0px 15px; }
img.float-left { margin: 0px 15px 0px 0px; }
a img { border: 2px solid #568EB6; }
a:hover img {  
  border: 2px solid #CCC !important; /* IE fix*/
  border: 2px solid #568EB6;
}

/* form elements */
form { margin:0px; padding: 0; }
input { padding: 2px; border:1px solid #666; font: normal 1em Verdana, sans-serif; color:#777; }

/* layout */
#wrap {	background: #FFF; width: 840px; height: 100%; margin: 0 auto; text-align: left; }
#content-wrap { clear: both; margin: 0; padding: 0;	background: #FFF; }

/* header */
#header { position: relative; height: 85px;	background: #000 url(headerbg.gif) repeat-x 0% 100%; }
#header .logo {	position: absolute;	margin-top: 20px; }

/* main */
#main {	float: left; margin-left: 15px;	padding: 10px 0px 20px 0px; width: 50%;	}
#main .img { border: 1px solid #CCC; margin: 10px 15px; }
#mainbreed { float: left; margin-left: 15px; width: 73%; padding-top: 10px; }
#mainbreed p { padding-right: 15px; }

/* sidebar */
#sidebar {
	float: left;
	width: 23%;
	margin: 0;	padding-top: 10px;  
	display: inline;		
}
#sidebar ul.sidemenu {
	list-style:none;
	margin:10px 0 10px 15px;
	padding:0;		
}
#sidebar ul.sidemenu li {
	margin-bottom:1px;
	border-bottom:1px dotted #11264a;
}
#sidebar ul.sidemenu a {
	display:block;
	font-weight:bold;
	color: #11264a;
	text-decoration:none;	
	padding:4px 5px 4px 10px;
	border-left:4px solid #66ccff;	
	min-height:18px;
}

#sidebar h1 { font-size: 1.5em; color: #66ccff; font-style:normal; } 
* html body #sidebar ul.sidemenu a { height: 18px; }

#sidebar ul.sidemenu a:hover {
	padding:4px 5px 4px 10px;
	background: #f2f2f2;
	color: #11264a;
	border-left:4px solid #CCC;
}

#sidebar #current a {
	padding:4px 5px 4px 10px;
	background: ;
	color: #11264a;
	border-left:4px solid #11264a;
}

/* rightbar */
#rightbar {	float: right; width: 23%; padding: 0; margin:0;	font-size:0.9em; border-left: 1px dotted #11264a; padding-left: 0px; padding-top: 10px; }
#rightbar .img { margin: 0px 15px; }
#rightbar ul { list-style-type:disc; color: #99cc33; }
#rightbar .item { border-bottom: 1px dotted #11264a; padding-bottom: 4px; }

/* Footer */
#footer { clear: both; color: #A9BAC3; background: #FFF; border-top: 5px solid #99cc33; margin: 0; padding: 0; height: 50px; font-size: 95%; }
#footer a { text-decoration: none; font-weight: bold; color: #A9BAC3; }
#footer .footer-left{ float: left; width: 65%; }
#footer .footer-right{ float: right; width: 30%; }

/* menu tabs */
#header ul {
	z-index: 999999;
	position: absolute;
   margin:0; padding: 0;
   list-style:none;
	right: 0; 
	bottom: 6px !important; bottom: 5px;
	font: bold 13px  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;	
}
#header li { display:inline; margin:0; padding:0; }
#header a {
   float:left;
   background: url(tableft_nw1.gif) no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
}
#header a span {
   float:left;
   display:block;
   background: url(tabright_nw1.gif) no-repeat right top;
   padding:6px 15px 3px 8px;
   color: #FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span { color:#FFF; }
#header a:hover { background-position:0% -42px; }
#header a:hover span { background-position:100% -42px; }
#header #current a { background-position:0% -42px; color: #FFF; }
#header #current a span { background-position:100% -42px; color: #FFF; }
/* end menu tabs */

.float-left  { float: left; }
.float-right {	float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }
.clear { clear: both; }