* {margin: 0; padding: 0;}
html {height:100%;}
#Body {
	height:100%;
	font:62.5% Arial, Helvetica, sans-serif;
	color:#333;
	text-align:center;
	background-color:#fff;
}
ul, li {list-style-type: none;}
a {outline: none;}
a:active {outline: none;}
a:link, a:visited {color:#036; text-decoration:underline}
a:hover {color:#06c; text-decoration:none}
h1, h2, h4, h4 { font-size:100%; font-style:normal; font-weight:normal; }
p {font-size:1.2em; line-height:1.6em}
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
}

.fr{float: right;}
.fl{float: left;}
.clr {clear:both}
.sml {font-size:smaller; line-height:normal}
.intro-text {
	font-weight:normal; font-size:1.6em; line-height:normal; color:#39c;
}

#container, #main-nav-wrap, #footer-wrap {
	width:950px; margin:auto;
}
#container {position:relative}
#container .share-this {position:absolute; right:0; top:-20px;}


/* -----------------------------------
		HEADER
----------------------------------- */
#header {
	background: url(images/bg-body.gif) repeat-x top;
}
#topNav {padding:4px 0; height:1.6em;}
#topNav ul {
	float:right;
}
#topNav ul li {
	display:inline;
	font-size:1.2em;
	padding:0 10px 0 10px;
	height:100%;
	background:url(images/top-nav-seperator.gif) no-repeat left 5px;
}
#topNav ul li a:link,
#topNav ul li a:visited {
	color:#e3f0ff;
	text-decoration:none;
}
#topNav ul li a:hover {
	color:#fff;
	text-decoration:underline;
}

#topNav li.login a:link,
#topNav li.login a:visited {
	font-weight:bold;
}




/* -----------------------------------
		HEADER : MAIN NAVIGATION
----------------------------------- */

#main-navigation {
	height:50px;
	clear:both;
	margin-bottom:10px;
}
#main-navigation #logo {
	float:left;
	position:relative;
	left:-10px;
}


#main-navigation ul {list-style: none; margin:0; text-align:left;line-height: normal;}
#main-navigation ul li {float:left; position:relative; z-index:100; list-style: none;}
#main-navigation ul li a {
	position:relative;
	display:block;
	font-size:16px;
	height:50px;
	line-height:50px;
	text-decoration:none;
	text-transform:uppercase;
	color:#fff;
	padding:0 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
* html #main-navigation ul li a {float:left }



/* menu hover state */
#main-navigation ul li:hover ul,
#main-navigation ul li.sfhover ul 
{margin-left: 0;}
#main-navigation ul li a:hover {
	color:#fff;
	background-color:#369;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
/* current state for main navigation links */
#main-navigation ul li a#current {background-color:#369; color:#fff}

/* menu second-level lists */
#main-navigation ul ul {
	width:22em;
	position:absolute;
	top:42px;
	margin:0 0 0 -1000em;
	padding:0 0 2px 0;
	line-height:normal;
	clear:both;
	background-color:#369;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#main-navigation ul ul li {clear:both; float:none; margin:0; padding:2px 0;}
#main-navigation ul ul li a {
	height:auto;
	color:#fff;
	padding:4px 20px;
	margin:0 2px;
	border:none;
	font-size:1.3em;
	line-height:normal;
	float:none;
	text-transform:none;
}
#main-navigation ul ul li a:hover {color:#fff; background-color:#63a4e0;}
* html  #main-navigation ul ul li {height:2em;} /* ie6 fix */

/* menu third-level lists */
#main-navigation ul ul ul {margin-top: -50px; left:-1000em; z-index:15;}
#main-navigation ul ul li:hover ul, #main-navigation ul ul li.sfhover ul {margin-left: 21.5em; left:0}

/* showing arrow for sub menu list */
.sub-menu {
	background-image: url(/images/list-menu-arrow.gif);
	background-position: right center;
	background-repeat: no-repeat;
} 

/* showing NEW icon  */
#main-navigation ul li a.new-feature sup {
	position:absolute; z-index:100; right:-4px; top:-4px; text-indent:-9999px;
	background-image: url(/images/ico-new.gif);
	background-repeat:no-repeat; width:16px; height:16px;
}
	/* ie fix */
	*:first-child+html #main-navigation ul li a.new-feature 
	{padding-top:0; bottom:1px} 
	* html #main-navigation ul li a.new-feature 
	{padding-top:0; bottom:1px} 


/* End Menu */

#breadcrumb {width:940px; margin:auto; padding-bottom:10px; text-align:left;}
#breadcrumb a {text-decoration:none;}
#breadcrumb span {display:block; text-align:left;}
#breadcrumb span a {text-decoration: underline; font-size:1.1em;}
#breadcrumb a:hover {text-decoration:none;}


/* -----------------------------------
		SIDEBAR
----------------------------------- */
.sidebar {
	float:left;
	width:240px;
	margin-left:10px;
	min-height:100px;
	text-align:left;
}
ul.sidebar-nav  {
	font-size:1.3em;
	text-align:left;
	margin-top:16px;
}
ul.sidebar-nav li a:link,
ul.sidebar-nav li a:visited {
	display:block;
	background-color:#fff;
	padding:5px 10px 5px;
	margin-bottom:2px;
	text-decoration:none;
}
ul.sidebar-nav li a:hover, ul.sidebar-nav li a.current {
	background: #f6f6f6 url(images/sidebar-nav.gif) no-repeat left center;
	padding-right:10px;
	text-decoration:none;
}
.isBlogCategories,
.isBlogArchive,
.isTagCloud {
	background: #f6f6f6 url(images/bg-top-content.gif) repeat-x top;
}



/* -----------------------------------
		CONTENT
----------------------------------- */

.content {
	float:right;
	width:680px;
	padding-top:10px;
	margin-bottom:20px;
}

.content-main {
	min-height:600px;
	text-align:left;
	padding:0 15px 20px 15px;
}
* html .content-main {height:600px;}

.content-main h1 {font-size:2.6em; line-height:normal;}
.content-main h2 {
	padding:2px 0;
	margin-bottom:15px;
	font-size:2em;
	border-bottom:1px dotted #666;
}

.content-main ul {
	font-size:13px;
	line-height:18px;
	padding:0 10px 0 40px;
}
.content-main ul li {
	margin-bottom:10px;
	list-style-type:disc;
	color:#555;
}


/* -----------------------------------
		FOOTER
----------------------------------- */
#footer {
	padding:50px 0 10px 0;
	margin-top:10px;
	clear:both;
	font-size:1.1em;
	text-align:center;
	color:#666;
	background: url(/images/bg-footer.gif) repeat-x top;
}
#footer p {line-height:1.6em; color:#666; padding-bottom:20px;}
#footer #nav {padding-bottom:10px;}
#footer #nav a:hover {color:#333;}
#footer-wrap a:link, #footer-wrap a:visited {color:#666;}






/* -----------------------------------
		PRINT MODE
----------------------------------- */
@media print {
	#Body {color:black; background:white; font-size:10pt;}
	#main-navigation #logo {left:0;}
	a {text-decoration: underline; color: #0000ff;}
	#topNav, #main-nav-wrap ul, #breadcrumb, .sidebar, .action-items, #footer ul li.fr, .ClarizenSearchWrap, .share-this
	{display:none;}
	#container, #main-nav-wrap, .content
	{width:auto;}
}