﻿@import url(../../Templates/UI/Css/Layout.css);
/********* GLOBALS *********/

body, html, form {margin:0;padding:0}
body { font-family: Arial, Sans-Serif; font-size:100%; line-height:1.5em; }

div p, div ul li { line-height:1.5em; font-size: 0.875em; }

h1{ line-height:1em; }

a img,table {border:0}
a img{vertical-align:middle;}
button,select,textarea,input {font:100% serif}
table {border-collapse:collapse}
caption,th,td {text-align:left;vertical-align:top;}
h1,h2,h3,h4,h5,h6,p {margin:.4em 0;}

H1 {font-size:2em}  /* displayed at 24px */
H2 {font-size:1.5em}  /* displayed at 18px */
H3 {font-size:1.25em}  /* displayed at 15px */
H4 {font-size:1em}  /* displayed at 12px */

/* colors */
a { color:#478db3; text-decoration:none; }
a:hover { text-decoration:underline; }



/********* LAYOUT *********/

body { margin:0;background:#fff none 50% 0%; }
	#wrap { max-width: 1500px;  }
		#header { background-image: url(header_bg.jpg); height: 110px; position: relative; background-repeat: no-repeat; background-position: left bottom;  padding-bottom: 10px; background-color: #110f10;  }
		    #header .topStripe {height:4px; line-height: 4px; font-size: 1px; position: absolute; top:0px; left: 0px; width: 100%; background:#98111a 50% 0%;  }
		    #header ul.topMenu { margin:0px; padding: 0px; font-size: 0.875em; } 
			#header .top {height:90px; position: relative; }
				#header .top h2 {position:absolute; bottom: 0px; }
				#header .top .siteLogo {position:absolute; bottom: 0px;}
		#page 
		{ 
		width:100%; 
		overflow: visible; 		
		min-height: 400px; 
		padding-bottom:3px; 
		background-color:#fff;  
		position: relative; 
		}

#topImageWrapper {
  width: 100%;
  overflow-x: hidden;
}
	
		#nestedPage { width:960px; min-height: 400px; padding-bottom:3px; background-color:#fff;  position: relative; }
			#content { width:620px; background:#fff none no-repeat 100% 0%; float:right;margin-top: 30px; }
				.secondary { width:275px; margin-bottom:1px; }
				#menu { float:left; margin-top: 30px; }
				#extras { float:right; margin-top:-1px; }
				#extras h4 { border-top: none; }
				#main {  padding-bottom:15px; background:#fff; position: relative; width: auto;}
		#footer { clear: both; padding:15px 15px 15px 340px; color:#666;  font-size: 11px; height: 100px; border-top: dotted 1px gray; background: #f1f1f1;}
			#footer .n2{color:#333;float:right;margin-bottom:10px;font-size:.8em;}

/* top */
.siteHeader { margin:0; padding:55px 20px 30px 200px; }
	.siteHeader a { color:#478db3; }
.siteLogo img { padding-left:20px; }


/*box*/
.boxTitle,
.secondary .uc h4 {padding:0 20px;color:gray; font-weight: normal; font-size: 0.875em; margin-top: 0px; vertical-align: middle; margin-bottom: 0px; height: 28px; line-height: 28px;/* border-top: dotted 1px gray;*/ }
.boxedText h4 {padding:0 20px; font-weight: normal; margin-top: 0px; vertical-align: middle; margin-bottom: 0px; height: 28px; line-height: 28px;/* border-top: dotted 1px gray;*/ }
.secondary .uc h4 a,
.secondary .uc h4 a:visited { color:gray;}
.secondary .uc h4 a:hover { text-decoration: none;}
#menu .box { color:#d0cfcb;}
#content .boxTitle,
#content .secondary h4 { color:#000; }
.secondary .box {  _height:1px; padding-bottom:10px; }
.secondary .box .inner { padding:0px 0px 0 0px; }
#content .secondary .box { background:transparent url(secondary_bg.gif) no-repeat 50% 100%; }
#content .secondary .box .inner { background:transparent url(secondary_bg.gif) no-repeat 50% 0%; }
#main .box { background:#d0cfcb url(main_bg.gif) no-repeat; padding-top:10px; }
#main .box .inner { background:transparent url(main_bg.gif) no-repeat 0% 100%; padding:0 10px 10px 10px; }

/*secondary*/
.secondary .uc { margin-bottom:15px; }
.secondary .text { padding-left:20px; }

/*menu*/
.topMenu { width:700px; position:absolute; top:74px; left: 340px; }
	.topMenu li { display:inline; }
	.topMenu a { color:#fff; margin-right:30px;  }
	.topMenu .current a,
	.topMenu .trail a { font-weight:bold; color:#fff; text-decoration: underline; }

.languageMenu { width:150px; position:absolute; top:110px; left:50%; margin-left:285px; text-align:right; }
	.languageMenu a { opacity:.4;}
	.languageMenu .current { cursor:default; opacity:1;}
	.languageMenu a:hover { opacity:1;}

.subMenu a { display:block; padding:0px 25px; height:28px; line-height: 28px; vertical-align: middle; color:#000; border-top: dotted 1px gray; }
.subMenu ul { margin:0 0 5px 0px; padding: 0px; font-size: 0.875em; } 
.subMenu .trail > a,
.subMenu .current > a { color:#000; text-decoration: underline; }
.subMenu .current > a { font-weight:bold; }
#menu ul.subMenu { margin:0px; padding: 0px; } 

/* lists */
.list .a0 { background: #fff; }
.list,
.list .a1 { background: #fff; }
.list { padding-bottom:6px; background-position:50% 100%; }
.list .item { padding:5px;padding-left:0px; }
.list .item .date { font-size:11px; color:#414141; }
.list .item a { margin-top:1em;padding-top:1em;  margin-bottom:1em; }

/* path */
.path { font-size: 11px; position:absolute; top:-20px; background: white; padding: 2px; padding-right: 5px;    }
.path .current { color:#414141; }
.path a.current:hover { cursor:default; text-decoration:none; }

/* sitemap 
#main ul { list-style:circle; margin-left:20px; }
#main ol { margin-left:20px; }*/
#main > h1 { /*border-top: dotted 1px gray;*/ padding-top: .3em; }

/* content */
.introduction { font-size:1em; font-weight:bold; margin-bottom: 1em; }

/* date */
.date { font-size:small; color:#414141; display:none; }

/* intro */
.intro { font-style:italic; font-size:1.2em; }
.list .intro { font-style:normal; font-size:1em; }
body #page { background-color:#fff; }

/*columns*/
.columns .left { float:left; width:45%; }
.columns .right { float:right; width:45%; }

.socialBookmarks a { white-space:nowrap; }

/* 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; }
#thumbnails {padding-bottom:10px;}
#thumbnails .text { display:none; }
.thumbnail {margin-bottom:10px;margin-right:5px;}

/* comments */
.commentList { border-top:solid 1px #D0CFCB; margin-top:10px;}
