/*   ------ ######################### ------   */
/*   ------ General                   ------   */
/*   ------ ######################### ------   */

html, body, div, span, applet, object, iframe, input,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
	{
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: top;
	}
	
body
	{
	background: white;
	color: black;
	height: 100%;
	font-family: "Segoe UI", Frutiger, Tahoma, "Helvetica", "Helvetica Neue", Arial, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	}
	
table
	{
	border-collapse: separate;
	border-spacing: 0;
	}
	
.Center
	{
	margin: 0 auto;
	text-align: left;
	width: 980px;
	}
	
h1, h2, h3, h4 
	{ 
	color: #15436A /*B7*/; 
	margin: 5px 5px 15px; 
	}

h1 { font-size: 16px; }

h2 { font-size: 14px; }
	
h3 { font-size: 13px; }

h4
	{
	font-size: 12px;
	font-weight: bold;
	}

p, em
	{
	font-size: 12px;
	line-height: 1.5;
	word-spacing: 1.5px;
	margin: 5px 5px 15px;
	}
	
label
	{
	font-size: 12px;
	line-height: 1.5;
	word-spacing: 1.5px;
	}

a
	{
	color: #2678BF /*B5*/;
	text-decoration: underline;	
	}
	a:hover
		{
		color: #4092D9 /*B4*/;
		text-decoration: underline;
		}

.Content ul
	{
	padding: 0px 25px 0px 10px;
	margin: 11px 0;
	font-size: 12px;
	line-height: 1.5;
	word-spacing: 1.5px;
	}
	
.Content ol
	{
	padding-left: 40px;
	margin: 11px 0;
	font-size: 12px;
	line-height: 1.5;
	word-spacing: 1.5px;
	}
	
.Content li
	{
	margin-bottom: 10px;
	font-size: 12px;
	word-spacing: 1.5px;
	}
.Content ul li
	{
	display: block;
	padding-left: 20px;
	list-style-type: none;
	list-style-position: outside;
	background: url(../images/ic_LiBullet.gif) no-repeat;
	}
	
/*   ------ ######################### ------   */
/*   ------ Header                    ------   */
/*   ------ ######################### ------   */

#Header
	{
	position: relative;
	height: 119px;
	margin-top: 10px;
	border: solid 1px #4092D9 /*B4*/;
	border-bottom: none;
	background: #FFFFFF /*W0*/ url('../images/bg_Header.gif') no-repeat;
	color: #FFFFFF /*W0*/;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	}

	#HeaderLogo
		{
		position: relative;
		float: left;
		width: 170px;
		height: 75px;
		margin: 15px 20px 20px 20px;
		background: Transparent url('../images/im_ISUSHeaderLogo.gif') no-repeat;
		}
	#HeaderLogoStatus
		{
		position: absolute;
		width: 75px;
		height: 75px;
		background: Transparent none no-repeat;
		}
			
	#HeaderMenus
		{
		float: right;
		width: 768px;
		height: 110px;
		}

	#HeaderMenus ul
		{
		list-style: none;
		}

	#ApplicationMenu
		{
		float: right;
		font-size: 12px;
		font-weight: bold;
		margin-right: 8px;
		height: 42px;
		line-height: 31px;
		text-transform: uppercase;
		z-index: 999;
		padding-top: 80px;
		}
		#ApplicationMenu li
			{
			float: left;
			height: 38px;
			margin-right: 2px;
			background: none;
			cursor: pointer;
			}
		#ApplicationMenu li:hover
			{
			background: url('../images/bg_ApplicationMenuArrowOver.gif') no-repeat  50% 100%;
			}
		#ApplicationMenu li.current
			{
			background: url('../images/bg_ApplicationMenuArrowOn.gif') no-repeat 50% 100%;
			}
			#ApplicationMenu li a
				{
				float: left;
				padding-left: 10px;
				background: Transparent url('../images/sprite_ApplicationMenu.gif') no-repeat;
				color: #FFFFFF /*W0*/;
				text-decoration: none;
				}
			#ApplicationMenu li:hover a
				{
				background: Transparent url('../images/sprite_ApplicationMenu.gif') no-repeat 0 -30px;
				}
			#ApplicationMenu li.current a
				{
				background: Transparent url('../images/sprite_ApplicationMenu.gif') no-repeat 0 -60px;
				}
				#ApplicationMenu li a span 
					{
					float: left;
					height: 30px;
					background: Transparent url('../images/sprite_ApplicationMenu.gif') no-repeat 100% 0%;
					padding-left: 15px;
					padding-right: 25px;
					cursor: pointer;
					}
				#ApplicationMenu li:hover a span
					{
					background: Transparent url('../images/sprite_ApplicationMenu.gif') no-repeat 100% -30px;
					}
				#ApplicationMenu li.current a span 
					{
					background: transparent url('../images/sprite_ApplicationMenu.gif') no-repeat 100% -60px;
					}
	
#Breadcrumbs
	{
	border-bottom: 1px solid #E6E6E6;
	margin: 0 10px 10px 0;
	}
	
#Breadcrumbs p
	{
	padding-bottom: 0px;
	margin: 0px 0px 10px 0px;
	}
	
/*   ------ ######################### ------   */
/*   ------ Footer                    ------   */
/*   ------ ######################### ------   */

#Footer
	{
	height: 60px;
	margin-bottom: 10px;
	border: solid 1px #4092D9 /*B4*/;
	border-top: none;
	background: #2678BF /*B5*/ url('../images/bg_Footer.gif') no-repeat;
	color: #FFFFFF /*W0*/;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	}

/*   ------ ######################### ------   */
/*   ------ Content                   ------   */
/*   ------ ######################### ------   */

.Content
	{
	border-left: solid 1px #6AAAE1 /*B3*/;
	border-right: solid 1px #6AAAE1 /*B3*/;
	border-top: solid 1px #A6A6A6;
	padding: 10px 10px;
	background-color: #FFFFFF /*W0*/;
	color: #4D4D4D /*K4*/;
	}

/*   ------ ######################### ------   */
/*   ------ Dimensions                ------   */
/*   ------ ######################### ------   */

.W030pc { width: 282px; }
.W070pc { width: 636px; }
.W100pc { width: 935px; }

/*   ------ ######################### ------   */
/*   ------ FormBox                     ------   */
/*   ------ ######################### ------   */

.FormBox
	{
	margin: 0px 5px;
	padding: 10px 5px;
	font-size: 11px;
	float: left;
	}

.Clear
	{
	clear: both;
	width: 0px;
	height:  0px; 
	font-size:  0px; 
	line-height:  0px; 
	}

/* COMMENTS
---------------------------------------- */

#PageComments_holder {
	margin: 0px;
}

#CommentHolder {
	width: 610px;
	margin: 5px;
}
	#PageComments {
		width: 610px;
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
		#PageComments li {
			margin: 0px 0px 5px 0px;
			padding: 10px 10px 10px 50px ;
			border: 1px solid #D7E8F5;
		}
		#PageComments li.last {
			margin: 0px;
		}
		#PageComments li.odd {
			background: #FFF /* W-3 */ url(../images/bg_CommentOddOpen.png) no-repeat 10px 10px;
		}
		#PageComments li.even {
			background: #FFF /* W-3 */ url(../images/bg_CommentEvenOpen.png) no-repeat 10px 10px;
		}

			#PageComments li p.comment {
				padding: 0px 50px 0px 0px ;
				font-size: 1em;
				min-height: 18px;
			}
			#PageComments li.odd p.comment {
				background: transparent url(../images/bg_CommentOddClose.png) no-repeat 100% 0px;
			}
			#PageComments li.even p.comment {
				background: transparent url(../images/bg_CommentEvenClose.png) no-repeat 100% 0px;
			}

			#PageComments li p.info {
				color: #828282 /* K-1 */;
				margin: 0px;
				padding: 0px;
				font-size: 0.9em;
				background: transparent none;
			}

			#PageComments li ul.actionLinks {
				display: block;
				margin: 10px 0px 0px 0px;
				padding: 0px;
				text-align: right;
				list-style: none;
			}
			#PageComments li ul.actionLinks li {
				display: inline;
				margin: 0px;
				padding: 0px 10px;
				border: none;
				border-right: solid 1px #0062B3 /* B-0 */;
				background: transparent none;
			}
			#PageComments li ul.actionLinks li.last {
				border-right: none;
			}
				#PageComments li ul.actionLinks li a {
					font-size: 0.9em;
				}

#CommentsRSSFeed {
	margin: 10px 5px;
}

	#CommentsRSSFeed  a.commentrss {
		padding-left: 20px;
		background: transparent url(../images/ic_RSSFeed.png) no-repeat 0% 50%;
		font-size: 1.1em;
		line-height: 1.6em;
	}

#PageCommentsPagination p {
	margin: 0px;
	padding: 5px 0px;
	text-align: center;
	font-size: 1.2em;
}
#PageCommentsPagination p * {
	margin: 0px 3px;
}
	
/* BLOG
------------------------------------------------ */
#BlogContent .blogSummary
{
	margin: 0px 0px 10px 0px;
	padding: 10px 5px;
	border: solid 1px #D7E8F5;
}

	#BlogContent .blogSummary h1,
	#BlogContent .blogSummary p
	{
		margin: 0px 5px 10px 5px;
	}
	#BlogContent .blogSummary .comments
	{
		float: left;
		padding-left: 22px;
		background: transparent url(../images/ic_Comments.gif) no-repeat 0% 50%;
	}
	#BlogContent .blogSummary .readmore
	{
		float: right;
		padding-right: 22px;
		background: transparent url(../images/ic_ArrowRightBox.gif) no-repeat 100% 50%;
	}

#BlogContent .authorDate
{
	padding-left: 22px;
	background: transparent url(../images/ic_Info.png) no-repeat 0% 50%;
}
#BlogContent .tags
{
	padding-left: 22px;
	background: transparent url(../images/ic_Tags.gif) no-repeat 0% 50%;
}

.BlogError {
	text-align: center;
}

.BlogError p {
	color: #fff;
	display: inline;
	background-color:	#f77;
	padding: 7px;
	font-weight:bold;
}

.archiveMonths{

}

ul.archiveYears li{
	display: inline;
	font-size: 1.2em !important;
	margin:0 !important;
}

.tagcloud .not-popular { font-size: 1em; }
.tagcloud .not-very-popular { font-size: 1.3em; }
.tagcloud .somewhat-popular { font-size: 1.6em; }
.tagcloud .popular { font-size: 1.9em; }
.tagcloud .very-popular { font-size: 2.2em; }
.tagcloud .ultra-popular { font-size: 2.5em; }
	
/* NEWS
------------------------------------------------ */
ul#NewsList {
	margin: 0px;
	list-style-type: none;
}
	#NewsList li {
		margin: 0px 0px 20px 0px;
		padding: 0px;
		color: #4C4C4C /* K-0 */;
		background-image: none;
	}
		#NewsList li p {
			margin-bottom: 10px;
		}
		#NewsList li a.Title {
			padding-left: 20px;
			font-size: 1.3em;
			font-weight: bold;
			color: #0062B3 /* B-0 */;
			text-decoration: none;
			background: url(../images/ic_News.gif) no-repeat 0% 50%;
		}
		#NewsList li a.Title:hover {
			color: #3183C6 /* B-1 */;
		}

		#NewsList li a.ReadMoreLink {
			color: #0062B3 /* B-0 */;
			text-decoration: none;
		}
		#NewsList li a.ReadMore:hover {
			text-decoration: underline;
		}