@import url(../../Templates/UI/Css/Layout.css);

/********* GLOBALS *********/

* {margin:0;padding:0}
html {
  overflow-y:scroll; 
  overflow-x:auto; 
}
html, body {
	margin:0;
	padding:0;
	background-color:#000;
}
body {
	font:62.5%/1.5 Verdana, Arial, "Times New Roman", Times, serif;
	background:url("/images/background.jpg") top center no-repeat;
}
a img,table {border:0}
dl,ol,ul {list-style:none}
button,select,textarea,input {font:100% serif}
table {border-collapse:collapse;font-size:1em}
caption,th,td {text-align:left}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 .3em 0;
	padding:0;
}

h1 {font-size:2.1em}
h2 {font-size:2.0em}
h3 {font-size:1.9em}
h4 {font-size:1.7em}
h5 {font-size:1.5em}

p {
	margin-top:0;
	padding-top:0;
	padding-bottom:0;
	margin-bottom:1.5em;
	line-height:1.5em;
	font-size:1.2em;
}
ul {
	margin:0;
	padding:0;
}
input, select, textarea {
  font-family: Verdana, Arial, "Times New Roman", Times, serif;
  font-size:1.2em;
}

/* colors */
a { color:#C04547; text-decoration:none; font-size:1.3em; font-weight:bold;cursor:url('/images/heavy.cur')}
a:hover { text-decoration:underline; font-weight:bold}
a:visited { color:#C04547; font-weight:bold}


/********* LAYOUT *********/
	#wrap { width:920px; margin:0 auto}
		#header { height:234px; background:url('/images/HPDHtop.jpg') 0px 15px no-repeat}
		#page { padding:10px 0px 6px 0px;  }
			#content {width:920px; float:left; }
				.secondary { width:306px; margin-bottom:1px; }
				#menu { float:right; margin-top:28px}
				#extras { float:right; }
				#main { width:592px; float:left; padding-bottom:15px;}
		#footer {margin-top:10px;color:#ECAC00;}
			#footer .n2{color:#ECAC00;float:right;padding:0 15px;font-size:.8em;}

.contentText {background:#fff url("/images/contentBG.jpg") no-repeat;padding:0 10px 10px 10px;font-size:1.1em}
.contentText a {font-size:1em}
.contentText li {list-style:none;font-size:1.1em}
.contentText table td {padding-right:10px;}

/* Main image */
#main .contentText .main {padding-bottom:10px}
#main .contentText img.main {float:right; padding-left:10px}

/*box*/
.boxTitle,
.secondary h4 { background:#37313E; margin:0; padding:5px 10px; color:#fff; }
.secondary h4 a,
.secondary h4 a:visited {color:#fff;font-size:1em}
.secondary .box { background:#37313E; _height:1px; padding-bottom:10px; }
.secondary .box .inner { background:transparent; padding:10px 10px 0 10px; }
.secondary .box .inner a {color:#bbb}
.secondary a {color:#bbb}

/*top*/
#header { position:relative;}
#header .siteHeader { margin:0; padding:25px; }
#header .siteHeader a { color:#fff; }
#header .siteLogo { float:right; padding:25px;}

/*secondary*/
#main .text, #main .newsList {background:#fff; margin-top:20px;padding:10px;font-size:1.1em}
#main .uc h3 {margin-top:-5px}
#main a {font-size:1em}
.secondary .uc { margin-bottom:15px;}

/* Change Background */
#changebackground {position:absolute; top:177px; right:10px;}
  #changebackground a {color:#fff; font-size:1.1em}

#changebackgroundDiv {float:right; background:#000; width:200px; margin-top:116px; margin-right:5px; padding:3px; border:1px solid #fff}

/*menu*/
#menubar {background:url(/images/MenuBackground.png); background-position:top left;position:absolute; top:197px; left:0px; width:920px; height:26px}
.topMenu {position:absolute; top:194px; left:0px; width:920px;}
	.topMenu li { float:left; }
	.topMenu a,
	.topMenu a:visited { color:#fff; display:block; padding:5px; }
	.topMenu .current a,
	.topMenu .trail a,
	.topMenu .current a:visited,
	.topMenu .trail a:visited { font-weight:bold; color:#fff; }

.languageMenu { position:absolute; top:17px; right:10px;}
	.languageMenu a { opacity:.4;}
	.languageMenu .current { cursor:default; opacity:1;height:12px;margin:0;padding:0}
	.languageMenu a:hover { opacity:1;}
	.languageMenu a img {border:0;}

.subMenu{}
	.subMenu a { display:block; padding:2px 0; _height:1px; color:#333; }
	.subMenu ul { margin:0 0 5px 15px; }
	.subMenu .trail > a { color:#0096DB; }
	.subMenu .current > a { color:#0096DB; font-weight:bold; }

/* lists */
.list {padding:10px;background:#fff}
.list .a0 { background: #f4f8ed; }
.list { padding-bottom:6px; }
.list .item { padding:5px;}
.list .item  p {
    padding-top:2px;
	margin-bottom:.5em;
	line-height:1em;
}
#main .list .item a {font-size:1.3em}

/* path */
.path { margin-bottom:10px; color:#fff;font-size:1.1em}
#main .path a {font-size:1.1em}
.path .current { color:#ccc; }
.path a.current:hover { cursor:default; text-decoration:none; }

/* sitemap */
#main ul { list-style:circle; margin-left:20px; }

/* content */
.introduction { font-size:1.2em; font-style:italic; }

/* date */
.date { font-size:x-small; color:#333; display:block;}

/*columns*/
.columns .left { float:left; width:285px; }
.columns .right { float:right; width:285px; }

/* login */
.login .tb { width:130px; }
.login .ff { margin-bottom:5px; }
.register td { padding:0 5px 5px 0; }

/* gallery */
.thumbnail { opacity:.4; }
.thumbnail:hover, .selected { opacity:1; }
.thumbnail {margin-bottom:10px;margin-right:5px;}
#thumbnails {padding-bottom:10px;}
#thumbnails .text {display:none;}
#thumbnails img {margin:3px 0px 3px 3px;border:1px solid #000}


/* comments */
.commentList {margin-top:20px;font-size:1.1em}
.commentList h4 {font-size:1.4em}
.commentList .list {background:#fff url("/images/contentBG.jpg") no-repeat}
.commentInput {background:#fff; padding:10px}
#main .commentInput a {font-size:1.1em}
.commentInput .label {font-size:1.2em} 

.sitemap {background:#fff url("/images/contentBG.jpg") no-repeat;margin-top:10px;padding:10px;font-size:1.2em}
.sitemap ul {list-style:none}
.sitemap li {list-style:none}

.form {background:#fff url("/images/contentBG.jpg") no-repeat;margin-top:20px;padding:10px;font-size:1.2em}

.randomImage img.main {width:306px}

.searchpage {background:#fff url("/images/contentBG.jpg") no-repeat;margin-top:20px;padding:10px;font-size:1.2em}
.searchfoundtext {float:right; font-weight:bold; margin-top:-25px;}

.galley {background:#fff url("/images/contentBG.jpg") no-repeat;margin-top:10px;padding:10px;font-size:1.2em}

.miniImageGallery {background:#fff url("/images/contentBG.jpg") no-repeat;margin-top:10px;padding:10px;font-size:1.2em}


.calendarTeaser .box {font-size:.9em}
.boxedText .box {font-size:.8em;}
table.calendar {font-size:1.1em;}