﻿@import url(../../Templates/UI/Css/Layout.css);
/********* GLOBALS *********/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}
:focus
{
	outline: 0;
}
body
{
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.4em;
	background-color: #babaaa;
}
h1
{
	font-size:200%;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 10px;
}

h2
{
	font-size: 160%;
	font-weight: bolder;
	color: #3d3c3c;
	padding-bottom: 6px;
	padding-top: 6px;
}

h3
{
	font-size: 130%;
	font-weight: bolder;
	color: #5e5d5d;
	padding-bottom: 4px;
	padding-top: 4px;
}

h4
{
	font-size: 110%;
	font-weight: bolder;
	color: #5e5d5d;
	padding-bottom: 4px;
	padding-top: 4px;
}

a img,table {border:0}
a img{vertical-align:middle;}

table {border-collapse:collapse}
caption,th,td {text-align:left;vertical-align:top;}

/* colors */
a { color: #cc0000; text-decoration:none; font-weight: bold; }
a:hover { text-decoration:underline; }


/********* LAYOUT *********/
#pageback
{
	background-color:#FFFFFF;
	border-left-style:solid;
	border-color:#7B7B6B;
	border-left-width:thin;
	border-right-style:solid;
	border-right-width:thin;
	border-bottom-style:solid;
	border-bottom-width:thin;
	width:960px;
}

#pageshadow
{
	margin-left: auto;
	margin-right: auto;
	width: 962px;
	border-color:#ADAD9C;
	border-left-style:solid;
	border-left-width:13px;
	border-right-style:solid;
	border-right-width:13px;
	border-bottom-style:solid;
	border-bottom-width:11px;
}

		#header { margin-bottom:10px; }
			#header .top {height:90px; }
				#header .top h2 {width:970px; left:50%; margin-left:-450px; position:absolute; }
				#header .top .siteLogo {width:900px; left:50%; margin-left:-450px; position:absolute; }
		#contentwrapper
		{
			background: #FFF;
			padding: 0 15px 0 15px;
			border-bottom: 4px solid #ececec;
			margin: 0 0 6px 0;
		}
			#content { float:right; width:710px;  padding-top: 10px;  padding-right: 6px;  padding-left: 6px;  padding-bottom: 10px;    }
				.secondary { width:170px; margin-bottom:1px; }
				#menu { float:left; }
				#extras { float:right; }
				#main { width:530px; float:left; padding-bottom:15px; background:#fff; }
		#footer 
		{	
			width: 960px;
			padding: 8px 0;
			border-top: 6px solid #ececec;
			margin: 6px 0px 0 0px;
			clear: both;
			font-size: 11px;
			text-align: center;
		}
			#footer .n2{color:#333;float:right;margin-bottom:10px;font-size:.8em;}

/* top */
.siteHeader	{ 
				margin:0; 
				padding:60px 20px 30px 60px;
			}
	.siteHeader a 
			{ 
				font-family:Verdana, Geneva, sans-serif;
				color:#989898;
				text-decoration: none; 
			}

	.siteLogo img { padding:20px; }

#sidebar
{
	width: 200px;
	float: left;
	padding-bottom: 15px;
	padding-top: 10px;
}


/*box*/
.boxTitle,
.secondary h4 {padding:0 5px;color:#d0cfcb;}
.secondary h4 a,
.secondary h4 a:visited { color:#d0cfcb;}
#menu .box { color:#d0cfcb;}
#content .boxTitle,
#content .secondary h4 { color:#414141; }
.secondary .box { background:transparent url(menu_bg.gif) no-repeat 50% 100%; _height:1px; padding-bottom:10px; }
.secondary .box .inner { padding:10px 10px 0 10px; background:transparent url(menu_bg.gif) no-repeat 50% 0%; }
#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; }

/*menu*/

/* Navigation */
/*images are under same theme name directory as style.css */ 	
.topMenu
{
	background: #368a38 url(navbg.gif) 0 0 repeat-x;
	height:30px;
	font-size:12px;
	font-weight:bold;
	position:relative;
	z-index:900;
}

.topMenu li
{
	float: left;
	display: block;
	cursor:pointer;
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
}

.topMenu .navDivider
{
	background: transparent url(navdivider.gif) repeat-y right top;
}

.topMenu li a
{
	color:White;
	line-height:30px;
	padding:8px 24px;
}

.topMenu li.current a
{
	color: #c9c9c9;
}

.topMenu li:hover
{
	background: #227023 url(navoverbg.gif) 0 0 repeat-x;
}

.topMenu li.current, topMenu li:hover .current
{
	/*background: #eeeff0 url(navselected.gif) 0 0 repeat-x;*/
}

.topMenu li:hover a, .topMenu li a:hover
{
	text-decoration:none;
}	

/* drop down nav */

.topMenu li ul
{
	display: block;
	margin: -9999px 0 0 -1px;
	width: 158px;
	position: absolute;
	padding: 0 6px 12px 6px;
	border: 1px solid #dadada;
	border-top: none;
	overflow: hidden;
	background: #FFF;
	float: left;
	font-weight:normal;

}
.topMenu li:hover ul
{
	margin-top: 30px;
}

.topMenu li ul li
{
	clear: both;
	border-top: 1px solid #dadada;
	margin-top: -1px;
}

.topMenu li ul li:hover
{
	background:transparent none;
}

.topMenu li ul li a
{
	float: left;
	text-indent: 0;
	background: none !important;
	height: auto;
	color: #5e5d5d;
	font-size: 11px;
	line-height: 13px;
	padding: 5px;
	width: 148px !important;
}
.topMenu li ul li a:hover
{
	color: #000;
	text-decoration:underline;
}

/* Navigation */
#nav
{
	height: 30px;
	width: 940px;
	padding: 0 !important;
	background: #bf3417 url(/images/_interface/navbg.gif) 0 0 repeat-x;
}
#nav li
{
	float: left;
	display: block;
}
#nav li a
{
	float: left;
	display: block;
	height: 31px;
	color: #FFF;
	text-indent: -9999px;
	background: url(/images/nav/navsprite.png) 0 0 no-repeat;
}
.languageMenu { width:150px; position:absolute; top:70px; 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:2px 0; _height:1px; color:#fff; }
.subMenu ul { margin:0 0 5px 10px; }
.subMenu .trail > a,
.subMenu .current > a { color:#0096DB; }
.subMenu .current > a { font-weight:bold; }



/* Section Navigation (in the sidebar)*/
#subnav
{
	border-top: 2px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
}
#subnav li
{
	border-bottom: 1px solid #d8d8d8;
	line-height: 1px;
}
#subnav li a
{
	color: #888787;
	font-size: 11px;
	font-weight: bold;
	line-height: 17px;
	padding: 5px 10px;
	display: block;
}
#subnav li a:hover
{
	color: #000;
}
#subnav li li
{
	border: none;
	background: url(/images/interface/secnav_border.gif) 0 0 repeat-x;
}
#subnav li ul
{
	padding-bottom: 5px;
}
#subnav li li a
{
	display: block;
	width: 170px;
	font-weight: normal;
	line-height: 14px;
	min-height: 14px;
	padding: 4px 10px 3px 4px;
	background: url(/images/interface/secnav_arrow.gif) 10px 6px no-repeat;
}
#subnav li li.selected a, #subnav li li a:hover
{
	background-position: 10px -44px;
	color: #000;
}
#subnav li li.selected a
{
	font-weight: bold;
}

#subnav li li.selected li a
{
	color: #888787;
	background: none;
	padding-left: 30px;
	width: 160px;
}
#subnav li li.selected li li a
{
	padding-left: 40px;
	width: 150px;
}

#subnav li li.selected li a
{
	font-weight: normal;
}
#subnav li li li.selected a
{
	color: #000;
	font-weight: bold;
}
#subnav li li.selected li a:hover
{
	color: #000;
}
#subnav li li li.selected li a
{
	color: #888787;
}
#subnav li li li li.selected a
{
	color: #000;
	font-weight: bold;
}
#subnav li li li.selected li a
{
	font-weight: normal;
}
#subnav li li li li.selected a
{
	font-weight: bold;
}



#subnav li.selected, #subnav li.selected ul
{
	background-color: #f9f9f9;
}

/* lists */
.list .a0 { background: #f4f8ed; }
.list,
.list .a1 { background: #fff; }
.list { padding-bottom:6px; background-position:50% 100%; }
.list .item { padding:5px; }

/* path */
.path 
{ 
	padding-left: 15px;
	padding-top: 4px;
	padding-bottom: -4px;
 }
.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; }

/* content */
.introduction { font-size:1.1em; font-style:italic; }

/* date */
.date { font-size:small; color:#414141; display:block; }

/* intro */
.intro { font-style:italic; font-size:1.2em; }
.list .intro { font-style:normal; font-size:1em; }
body #page { background-color:Transparent; }

/*columns*/
.columns .left { float:left; width:245px; }
.columns .right { float:right; width:245px; }

.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;}

.uc .boxedText
{
    background: #f3f3f9;
    font-size: .85em;
    font-family: Tahoma;
}


.uc h1
{
    color: #ae2f30;
    font-size: 1.27em;
    font-weight: 600;
    padding:5px;
    font-family: Tahoma;
}
.uc h2
{
    margin: 0px;
    padding: 0px;
    margin-top: 10px;
    color: #333;
    font-size: 1em;
    font-weight: 800;
    font-family: tahoma, Arial;
}
.uc h3
{
    margin: 0px;
    padding: 0px;
    margin-top: 10px;
    color: #333;
    font-size: 1em;
    font-weight: 800;
    font-family: tahoma, Arial;
}
.sideBar .outerDiv
{
    margin-bottom: 10px;
    border: 1px solid #d0d6ec;
}
.sideBar .innerDiv
{
    border: 1px solid #8a929f;
}

