body { 
	background-color: #02158d;
}

/* Page container */
#container {
	position:absolute;
	left:0px;
	top:0px;
	width:762px;
	min-height: auto;
	max-height: auto; 
	
	margin-left: 15%;
	margin-right: 20%;
}

/*Positioning for main page montage slices*/
div.MainPageMontage {
	position:absolute;
	left:0px;
	top:0px;
	width:762px;
	height:572px;
}

div.SchutzhundMontage-01 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 3px;
	height: 30px;
	
	background-color: #02158d;
}

div.SchutzhundMontage-02 {
	position:absolute;
	left:3px;
	top:0px;
	width:104px;
	height:147px;
}

div.SchutzhundMontage-03 {
	position:absolute;
	left:107px;
	top:0px;
	width:109px;
	height:147px;
}

div.SchutzhundMontage-04 {
	position:absolute;
	left:216px;
	top:0px;
	width:107px;
	height:147px;
}

div.SchutzhundMontage-05 {
	position:absolute;
	left:323px;
	top:0px;
	width:102px;
	height:147px;
}

div.SchutzhundMontage-06 {
	position:absolute;
	left:425px;
	top:0px;
	width:110px;
	height:147px;
}

div.SchutzhundMontage-07 {
	position:absolute;
	left:535px;
	top:0px;
	width:114px;
	height:147px;
}

div.SchutzhundMontage-08 {
	position:absolute;
	left:649px;
	top:0px;
	width:116px;
	height:147px;
}

div.SchutzhundMontage-09 {
	position:absolute;
	left:3px;
	top:147px;
	width:104px;
	height:162px;
}

div.SchutzhundMontage-10 {
	position:absolute;
	left:107px;
	top:147px;
	width:109px;
	height:162px;
}

div.SchutzhundMontage-11 {
	position:absolute;
	left:216px;
	top:147px;
	width:107px;
	height:162px;
}

div.SchutzhundMontage-12 {
	position:absolute;
	left:323px;
	top:147px;
	width:102px;
	height:162px;
}

div.SchutzhundMontage-13 {
	position:absolute;
	left:425px;
	top:147px;
	width:110px;
	height:162px;
}

div.SchutzhundMontage-14 {
	position:absolute;
	left:535px;
	top:147px;
	width:114px;
	height:162px;
}

div.SchutzhundMontage-15 {
	position:absolute;
	left:649px;
	top:147px;
	width:116px;
	height:162px;
}

div.SchutzhundMontage-16 {
	position:absolute;
	left:3px;
	top:309px;
	width:104px;
	height:45px;
}

div.SchutzhundMontage-17 {
	position:absolute;
	left:107px;
	top:309px;
	width:109px;
	height:45px;
}

div.SchutzhundMontage-18 {
	position:absolute;
	left:216px;
	top:309px;
	width:107px;
	height:45px;
}

div.SchutzhundMontage-19 {
	position:absolute;
	left:323px;
	top:309px;
	width:102px;
	height:45px;
}

div.SchutzhundMontage-20 {
	position:absolute;
	left:425px;
	top:309px;
	width:110px;
	height:45px;
}

div.SchutzhundMontage-21 {
	position:absolute;
	left:535px;
	top:309px;
	width:114px;
	height:45px;
}

div.SchutzhundMontage-22 {
	position:absolute;
	left:649px;
	top:309px;
	width:116px;
	height:45px;
}

div.SchutzhundMontage-23 {
	position:absolute;
	left:3px;
	top:354px;
	width:5px;
	height:218px;
}

div.SchutzhundMontage-25 {
	position:absolute;
	left:377px;
	top:354px;
	width:51px;
	height:218px;
}

div.SchutzhundMontage-26 {
	position:absolute;
	left:425px;
	top:354px;
	width:110px;
	height:109px;
}

div.SchutzhundMontage-27 {
	position:absolute;
	left:535px;
	top:354px;
	width:114px;
	height:109px;
}

div.SchutzhundMontage-28 {
	position:absolute;
	left:649px;
	top:354px;
	width:116px;
	height:109px;
}

div.SchutzhundMontage-29 {
	position:absolute;
	left:425px;
	top:463px;
	width:110px;
	height:109px;
}

div.SchutzhundMontage-30 {
	position:absolute;
	left:535px;
	top:463px;
	width:114px;
	height:109px;
}

div.SchutzhundMontage-31 {
	position:absolute;
	left:649px;
	top:463px;
	width:116px;
	height:109px;
}

/* Positioning for header slices*/

#SchutzhundHeader {
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:600px;
}

div.HeaderMontage-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:93px;
	height:109px;
}

div.HeaderMontage-02 {
	position:absolute;
	left:93px;
	top:0px;
	width:88px;
	height:109px;
}

div.HeaderMontage-03 {
	position:absolute;
	left:181px;
	top:0px;
	width:98px;
	height:109px;
}

div.HeaderMontage-04 {
	position:absolute;
	left:279px;
	top:0px;
	width:101px;
	height:109px;
}

div.HeaderMontage-05 {
	position:absolute;
	left:380px;
	top:0px;
	width:91px;
	height:109px;
}

div.HeaderMontage-06 {
	position:absolute;
	left:471px;
	top:0px;
	width:95px;
	height:109px;
}

div.HeaderMontage-07 {
	position:absolute;
	left:566px;
	top:0px;
	width:87px;
	height:109px;
}

div.HeaderMontage-08 {
	position:absolute;
	left:653px;
	top:0px;
	width:107px;
	height:109px;
}

div.HeaderMontage-10 {
	position:absolute;
	left:0px;
	top:109px;
	width:93px;
	height:111px;
}

div.HeaderMontage-11 {
	position:absolute;
	left:93px;
	top:109px;
	width:88px;
	height:111px;
}

div.HeaderMontage-12 {
	position:absolute;
	left:181px;
	top:109px;
	width:98px;
	height:111px;
}

div.HeaderMontage-13 {
	position:absolute;
	left:279px;
	top:109px;
	width:101px;
	height:111px;
}

div.HeaderMontage-14 {
	position:absolute;
	left:380px;
	top:109px;
	width:91px;
	height:111px;
}

div.HeaderMontage-15 {
	position:absolute;
	left:471px;
	top:109px;
	width:95px;
	height:111px;
}

div.HeaderMontage-16 {
	position:absolute;
	left:566px;
	top:109px;
	width:87px;
	height:111px;
}

div.HeaderMontage-17 {
	position:absolute;
	left:653px;
	top:109px;
	width:107px;
	height:111px;
}

/*Main Page Navigation */
#navMain {
	position: absolute;
	left: 0px;
	top: 320px;
	height: 20px;
	width: 400px;
	margin-left: 10px;
	
	color: #e5eafd;
	font-family: "Arial", "sans-serif";
}

/*Header Pages Navigation*/
#navHeader {
	position: absolute;
	left: 5px;
	top: 195px;
	height: 20px;
	width: 400px;
	/*margin-left: 10px;*/
	
	color: #e5eafd;
	font-family: "Arial", "sans-serif";
	list-style: none;
	z-index: 5;
}

/*------------------------------------*\
	DROPDOWNS - DIVS
\*------------------------------------*/
#nav {
	list-style: none;
	margin-left: -5px;
	margin-top: -3px;
	margin-bottom: 5px;
	z-index: 5;
	padding: 0px;
	
	background: rgba(255,255,255,0);
}

#nav li {
	float: left;
	margin-right: 0px;
	position: relative;
	list-style: none;
	font-size: 13px;
	
	background-color: #7A0740;
}

#nav a {
	display: block;
	position: relative;
	padding: 3px;
	color: #fff;
	/*background: #333;*/
	text-decoration: none;
}

#nav a:hover {
	color: #fff;
	/*background: #6b0c36;*/
	text-decoration: underline;
}

/*--- DROPDOWN ---*/
#nav ul {
	background-color: #02158d;  /*Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background: rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style: none;
	position: absolute;
	left: -9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	z-index: 5;
	margin-left: 0px;
}

#nav ul li {
	padding-top: 1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float: none;
	margin-right: 5px;
	
	border-color: #7A0740;
	border-style: solid;
	border-width: 1px;
	
}

#nav ul a {
	white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}

#nav li:hover ul { /* Display the dropdown on hover */
	left: 0px; /* Bring back on-screen when needed */
	
}

#nav li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background: #6b0c36;
	text-decoration: underline;
}

#nav li:hover ul a { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration: none;
	background-color: #02158d;
}

#nav li:hover ul li a:hover { /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	text-decoration: underline;
}
/* ----------------------------------------------------*/

/*Main Page Content Area and Bottom Nav*/
#mainContent {
	position: absolute;
	top: 352px;
	left: 12px;
	height: 212px;
	width: 350px;
	
	margin-left: 15px;
	text-align: justify;
}

#bottomNavMain {
	position: absolute;
	left: 12px;
	top: 1276px;
	width: 762px;
	height: 100px;
	color: #e5eafd;
	font-size: 10px;
	font-family: "Arial", "sans-serif";
	text-align: center;
}

/*Breaking News*/
.breakingnews {
	position: absolute;
	top: 612px;
	left: 25px;
}

/*Edittable section */
.edit {
	position: absolute;
	max-width: 500px;
	max-height: 50px;
	top: 574px;
	left: 133px;
	text-align: left;
	color: #e5eafd;
	font-size: 14px;
	font-family: "Arial", "sans-serif";
	height: 1269px;
	width: 587px;
}

/*Header Pages Content Area and Bottom Nav*/
#headerContent {
	position: absolute;
	left: 1px;
	top: 220px;
	height: auto;
	width: 750px;
	
	margin-left: 10px;
}

.logos {
	position: absolute;
	top: 75px;
	left: -5px;
	margin-left: 5px;
	text-align: center;
	height: 1478px;
}

.contact {
	margin-left: 175px;	
}

.form {
	margin-left: 125px;
}

.footerlogo {
	/*position: absolute;*/
	float: left;
	left: 36px;
	height: 80px;
	margin-top: 2px;
	text-align: left;
	top: 215px;
}

p { 
	color: #e5eafd;
	font-size: 14px;
	font-family: "Arial", "sans-serif";
}

p.bottomNav {
	width: 762px;
	height: 25px;
	
	color: #e5eafd;
	font-size: 10px;
	font-family: "Arial", "sans-serif";
	text-align: center;
}

p.title {
	width: 755px;

	color: #e5eafd;
	font-size: 24px;
	font-family: "Arial", "sans-serif";
	text-align: center;
}

.boldtext {
	color: #e5eafd;
	font-size: 14px;
	font-weight: bold;
	font-family: "Arial", "sans-serif";
}

table {
	border-collapse: collapse;
	table-layout: auto;
}

tr {
	
}

td {
	color: #e5eafd;
	font-size: 14px;
	font-family: "Arial", "sans-serif";
	text-align: left;
	padding: 7px;
}

/* Sitemap Table td*/
td.lpage {
	color: #e5eafd;
	font-size: 14px;
	font-family: "Arial", "sans-serif";
	text-align: left;
	padding: 7px;
}


li {
	list-style-type: disc;
	color: #e5eafd;
	font-size: 14px;
	font-family: "Arial", "sans-serif";
}

img.borderless {
	border: none;
}


a:link { 
	color: #a9945f;
	text-decoration: underline;
}

a:link.intext { 
	color: #a9945f;
	text-decoration: underline;
}

a:link.topnav {
	color: #a9945f;
	text-decoration: none;
}

a:link.pix { 
	color: #a9945f;
	text-decoration: none;
}

a:visited {
	color: #a9945f;
	text-decoration: underline;
}

a:visited.pix {
	text-decoration: none;
}

a:visited.topnav {
	color: #a9945f;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:hover.pix {
	text-decoration: none;
}

a:hover.topnav {
	text-decoration: underline;
}

a:hover.intext {
	text-decoration: underline;
}

a:active {
	color: #c6b9bd;
	text-decoration: underline;
}

a:active.pix {
	color: #c6b9bd;
	text-decoration: none;
}

