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

* {margin:0;padding:0}
body {font-family:Arial,SansSerif;font-size:.9em;}
a img,table {border:0}
dl,ol,ul {list-style:none}
button,select,textarea,input {font:100% serif}
table {border-collapse:collapse}
caption,th,td {text-align:left}
h1,h2,h3,h4,h5,h6,p {margin:.2em 0;}
h1 { font-size:1.5em; color:#003082; }

/* colors */
a { color:#003082; text-decoration:none; }
a:hover { text-decoration:none; }
#page a:visited { color:#2C5AAA; }


#footer {color:#ccc;}
    #footer a { text-decoration:underline; color:#fff; padding:0 5px; }
	#footer .n2{color:#ccc;float:right;font-size:.8em;}
.pipe { margin:0 10px; }

/********* LAYOUT *********/

body { margin:0; background:#666; }
	#wrap { width:900px; border:1px solid #999; margin:0 auto; background:#221E1F; }
		#header { height:124px; position:relative; background:url(Header.jpg) top left no-repeat; border-bottom:4px solid #fff; }
			#header .siteLogo { vertical-align:bottom; }
			#header .siteHeader a { color:#fff; font-style:italic; font-weight:normal;}
			#header p { font-size:.8em; color:#fff; }
			#header a { text-decoration:none; padding:0 5px; color:#fff; font-weight:bold; }
		#nav { width:100%; background:#333; padding:2px 0px; text-align:center !important; }
		#topnav { background:#231F20 url(NavLinkBG.gif) top left repeat-x; border:1px solid #999; border-width:1px 0px; }
		#navtbl { 	 }
		#navtbl td { text-align:center; }
		#navtblLeft { background:url(NavLtBG.gif) top right; }
		#navtblRight { background:url(NavRtBG.gif) top left; }
		#page { padding:15px; border-top:4px solid #fff; background:#fff; }
		#page { min-height:500px;}
		   /* #content p { padding-bottom:10px; } */
		    #content ul { list-style:disc; margin-left:20px; margin-bottom:15px; }
			/* #content { margin-left:180px; } */
				/*.secondary { width:170px; float:left; margin-bottom:1px; }*/
				#main { width:auto; float:left; padding-bottom:15px; font-size:12px;  }
				#main p { padding-bottom:10px; }
					#extras { float:right; }
        #pagebottom { width:100%; padding:0; margin:0; border-top:4px solid #fff; background:url(FooterBG.jpg) bottom left no-repeat; }
		#footer { font-size:.8em; padding:5px 5px 10px; width:900px; margin:0 auto; }


.startPage .secondary { display:none; }
.startPage #content { margin:0; margin-top:-4px; }
.startPage #main { width:100%; }
.startPage #page { height:auto; text-align:center; padding:0px; background:url(FooterBG.jpg) bottom left no-repeat; }

#homepodtbl { margin-bottom:30px; }
#homepodtbl,  .spacer { background:url(HorizontalWhiteLine.gif) center left repeat-x;}

#homepodtbl h2 { background:url(HorizontalGrayLine.gif) center right repeat-x; display:block;  color:#CC3333; font-size:.9em; font-weight:bold;}
#homepodtbl h2 span { background:#fff; padding-right:5px; }
#homepodtbl p, #homepodtbl a { font-size:.9em; }
#homepodtbl div { height:1%; width:auto; position:relative; padding:.1em; }

.homepodtext { background:#fff; }
.homepodlt { background:url(HomePodLt.gif) bottom left no-repeat; width:14px;}
.homepodrt { background:url(HomePodRt.gif) bottom right no-repeat; width:14px; }
.podbottoms td, .homepodtext, .homepodimg { background:#fff; }
.morelink a {
 background:#fff;
 padding-left:7px;
 color:#000 !important;
 font-weight:bold;
}
.morelink {
 text-align:right;
 background:url(HorizontalGrayLine.gif);
 background-repeat:repeat-x;
 background-position:center left;
 display:block;
}

#socialmedialinks { margin-top:15px; }
#socialmedialinks, #socialmedialinks a { color:#fff !important; text-decoration:none; }
#socialmedialinks img { vertical-align:middle; margin:0 2px; }
#socialmedialinks td { vertical-align:middle; }



/*secondary*/
.secondary .uc { margin-bottom:15px; }

/*box*/
.boxTitle,
.secondary h4 { font-family:Georgia,"Times New Roman",Times,serif; font-style:italic;  font-weight:normal;  background:transparent url(SidebarLeftBg.gif) no-repeat 100% 0%; margin:0; padding:15px 10px 0 10px; color:#333; text-align:center; }
.secondary .box { _height:1px; background:transparent url(SidebarLeftBg.gif) no-repeat 100% 100%; padding:10px 20px 20px 10px; }
#extras .boxTitle,
#extras h4 { background:transparent url(SidebarRightBg.gif) no-repeat 0% 0%; }
#extras .box { background:transparent url(SidebarRightBg.gif) no-repeat 0% 100%; padding:10px 10px 20px 20px; }

/*top*/
#header .top { padding-top:35px; }
	#header .top img { vertical-align:text-bottom; }
	#header .top h2 { display:inline; }

/*menu*/
.topMenu { /*position:absolute; bottom:0px;*/ }
	.topMenu li { float:left; padding-left:10px; _width:100px; border-left:1px solid #999; }
	.topMenu a { display:block; padding:7px 14px 7px 4px; color:#fff; height:16px; }
	.topMenu li.current, 
	.topMenu li.current a,
	.topMenu li.trail, 
	.topMenu li.trail a {  }
	.topMenu .current a,
	.topMenu .trail a { font-weight:bold; }
	
	.topMenu li ul { display:none; }


.languageMenu { position:absolute; bottom:5px; right:20px; display:none; }
	.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:#333; }
ul.subMenu ul { margin:0 0 5px 15px; }
.subMenu .trail > a,
.subMenu .current > a,
.menu .trail > a,
.menu .current > a { color:#fff; }
.subMenu .current > a,
.menu .current > a { font-weight:bold; }

/* lists */
.list .a0 { background: #f4f8ed; }
.list { padding-bottom:6px; background-position:50% 100%; }
.list .item { padding:5px; }

/*path*/
.path { margin-bottom:10px; }
.path a { text-decoration:underline; }
.path .current { color:#333 !important; text-decoration:none !important;}
.path a.current:hover { cursor:default;  }

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

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

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

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

/* 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;}





	
	
	
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	z-index:        1000;
	list-style:		none;
}
.sf-menu {
	 line-height:	1.0; 
}
.sf-menu ul {
    text-align:     left;
	position:		absolute;
	top:			-999em;
	width:			15em; /* left offset of submenus need to match (see below) */
	
}
.sf-menu ul li {
	width:			90%;
	z-index:        1000;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2em; /* match top ul list item height */
	z-index:		1000;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			15em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			15em; /* match ul width */
	top:			0;
}


.topMenu { /*position:absolute; bottom:0px;*/ }
	.topMenu li { float:left; padding-left:10px; _width:100px; border-left:1px solid #999; }
	.topMenu a { display:block; padding:7px 14px 7px 4px; color:#fff; height:16px; }
	.topMenu li.current, 
	.topMenu li.current a,
	.topMenu li.trail, 
	.topMenu li.trail a {  }
	.topMenu .current a,
	.topMenu .trail a { font-weight:bold; }
	
	.topMenu li ul { display:none; }


/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
}
.sf-menu a {
    /*border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	padding: 		.75em 1em;*/
    color:          #fff;
	padding:        7px 14px 7px;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	/* color:			#13a; */
}
.sf-menu li {
    padding-left:0px;
    border-left:1px solid #999;

	/* background:		#BDD2FF; */
}
.sf-menu li li {
	background:		#666;
	font-size:      .9em;
	border-bottom:  1px solid #999;
}
.sf-menu li li li {
	background:		#666;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	/*background:		#CFDEFF;*/
	outline:		0;
}