/* CSS Document neamus.net for CCITDG 2008 */

@import url("modules/access.css");
@import url("modules/3colMenuModule.css");
@import url("modules/classic.css");
@import url("typo.css");
@import url("modules/curvyEdges.css");
@import url("modules/titles.css");
@import url("banner.css");
@import url("tags.css");
@import url("modules/resource.css");
@import url("modules/joinForm.css");
@import url("modules/forumHacks.css");
/* --- navigation styles --- */

body { /*min-width:750px;*/}

/* 100% width bgs */
.header {
	background-image: url(../graphics/navigation/topMenuBg.gif);
	background-repeat: repeat-x;
	border-bottom:1px solid #7a8ed9;
	height:77px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-position: top;
}
.crumb { border-bottom:1px solid #3e5bc5; padding:0 0 0 0; }
.main { border-top:1px solid #cccccc; }
.footer { 
	border-top:1px solid #859ee0;
	background-color:#666666;
}
.ultimate {		
	background-image: url(../graphics/default/dot.gif);
	background-repeat: repeat-x;
	background-position: top;
}





/* access and quicksearh nav */
#firstNav { 
	display:block; 
	height:23px; 	
	background-image: url(../graphics/navigation/CCITDG-header-logoBG.gif);
	background-repeat: no-repeat;
	background-position: left 15px;
	clear:both;
	min-width:750px;
}
.quickSearch { 
	float:right;
	display:block;
	background-color:#7a8ed9;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .quickSearch { margin-top:-2px;}
}
.quickSearch p {
	float:left;
	background:url(../graphics/navigation/quickSearch_01.gif) no-repeat left top;
	margin:0 0 0 0;
	padding:0 0 0 6px;
}
.quickSearch span {
	float:left;
	display:block;
	background:url(../graphics/navigation/quickSearch_02.gif) no-repeat right top;
	padding: 4px 5px 2px 3px;
	font-weight:bold;
}
.quickSearch label { color:#FFFFFF; }
.quickSearch .searchField { width:100px;}

.quickSearch select.searchSelectOptions { width:80px;}



/* header navigation */
#header {
	display:block;
	background-image: url(../graphics/navigation/CCITDG-header-logo.gif);
	background-repeat: no-repeat;
	background-position: left -13px;
	padding:0 0 0 0;
	position:relative;
}



		#header a,
		#header a:hover {
			background: transparent;
			color:#FFFFFF;
		}	
		#header a:active, 
		#header a:focus { 
			background: transparent;
			color: #FFFFFF;
		}
		#header img { margin:0 0 0 0; }

.accessNav { width:320px; float:left;}
.topNav { clear:both; float:left; min-width:750px; }
.headerLogo { 
	display:block; 
	float:left;
	width: 222px;
	margin:0 -222px 0 0;
	height:77px;
}
	.headerLogo a { margin:0 0 0 0; padding:0 0 0 0; }
	.headerLogo img {
		width:172px;
		height:77px;
		left:22px;	
	}

#header ul,
#header li { 
	list-style:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
	height:77px;
}
#header ul { margin:0 0 0 222px; display:block; position:relative; float:left; padding:0 0 0 0;  height:77px;	}



#logPanel { 
	width:440px;
	padding:14px 10px 0 10px; 
	height:64px; 
	margin-right:-5px; 
	background-image:inherit; 
	visibility: hidden;
	float:right;
}
	#logPanel .logForm { display:block; float:left; width:270px;/* background-color:#00FFCC;*/}
	#logPanel .logForm p label { display:block; width:100px; color:#FFFFFF; margin-bottom:.8em;  }
	#logPanel .logForm p input,
	#logPanel .logForm p label { float:left; }
		#logPanel .logForm p input { margin-right:5px; }
	#logPanel .logForm p { clear:both; display:block; }
	
	#logPanel .logButton { display:block; float:left; width:170px; padding-left:0px; margin-left:0; }
	#logPanel .logButton p input  {  margin-bottom:.8em; }
	#logPanel .logButton p label { 
		color:#FFFFFF;
		font-weight:bold;
		vertical-align:top;
		margin:0 0 0 0;
		cursor:pointer;
		white-space:nowrap;
		font-size:.78em;
	}
	#logPanel .logButton p label input {  }
	#logPanel .logButton input.button { margin-right:0; }

/*#header #logPanel table { margin-left:0px; }
#header #logPanel table p { color:#FFFFFF; margin-right:5px; padding-bottom:.3em; white-space:nowrap; }
#header #logPanel table span { margin-right:5px;}
#header #logPanel table label { font-size:.882em;}
#header #logPanel table p.password { font-size:.7em; white-space:nowrap;}
#header #logPanel table th { text-align:right; }*/
#header #logPanel input.login {
	border:1px inset #7A8ED9;
	color:#0000CC;
	padding: 2px;
	width:93px;
}


#header li {
	display:inline;
	float:left;
	background-image: url(../graphics/navigation/topMenuBg.gif);
	background-repeat: repeat-x;
	margin:0;
	padding:0;
	height:77px;
}
#header li a {
	display:block;	
	padding:0 10px 0 0;
	height:77px;
	border-right:1px solid #4a6be8;
	border-left:1px solid #433390;
	margin:0 0 0 0;
	line-height:77px;
	background-repeat: no-repeat;
	background-position: left top;
	font-size:.75em;
	float:left;
	outline:none;
}
#header li.logged { }
#header li.logged .logPanel { 
	display:block; 
	height:62px; 
/*	border-right:1px solid #4a6be8;*/
	padding-top:15px;
	padding-right:5px; 
	padding-left:5px; 
/*	width:405px;*/
}
#header li.logged .logPanel p { color:#FFFFFF; display:block; }
#header li.logged .logPanel p a {	
	background-repeat: no-repeat;
	background-position: left center;
	font-weight:bold;
	padding-left:20px;
	display:block;
	line-height:23px;
	border:none;
	font-size:.85em;
	outline:none;
}
#header li.logged .logPanel p a.user {
	background-image: url(../graphics/navigation/user1.gif);
}
#header li.logged .logPanel p a.logout {
	background-image: url(../graphics/navigation/key1.gif);
}
#header li.logged .logPanel a{ height:auto; line-height:normal; border-right:none; float:none; font-size:1em;}
#header li a:hover { background-repeat: no-repeat; border-right:1px solid #7590f7; border-left:1px solid #21227a; }
	#header li.home a {
		background: url(../graphics/navigation/topNav.gif) no-repeat left top;
		padding-left:43px;
		border-left:none;
	}
	#header li.home a:hover {
		background: url(../graphics/navigation/topNav.gif) no-repeat left -77px;
		border-left:1px solid transparent;
		border-left:none;
	}
	#header li.contact a {
		background: url(../graphics/navigation/topNav.gif) no-repeat -90px top;
		padding-left:45px;
	}
	#header li.contact a:hover {
		background: url(../graphics/navigation/topNav.gif) no-repeat -90px -77px;
	}
	#header li.resources a {
		background: url(../graphics/navigation/topNav.gif) no-repeat -209px top;
		padding-left:45px;
	}
	#header li.resources a:hover {
		background: url(../graphics/navigation/topNav.gif) no-repeat -209px -77px;
	}
	#header li.bulletin a {
		background: url(../graphics/navigation/topNav.gif) no-repeat -328px top;
		padding-left:45px;
	}
	#header li.bulletin a:hover {
		background: url(../graphics/navigation/topNav.gif) no-repeat -328px -77px;
	}
	#header li.login a {
		background: url(../graphics/navigation/topNav.gif) no-repeat -458px top;
		padding-left:45px;
		border-right:none;
	}
	#header li.login a:hover,
	#header li.login a:active, 
	#header li.login a:focus {
		background: url(../graphics/navigation/topNav.gif) no-repeat -458px -77px;
		border-right:none;
	}
	
	#header li a:hover {background-image:inherit; }




#crumb { 
	display:block; 
	clear:both;
}
	#crumb p { 
		background-color:#FFFFFF;
		padding:0 10px 0 20px;
		margin:3px 0 0 0;
		line-height:1;
		font-weight:bold;
		color:#111111;
		font-size:.73em;
	}
	#crumb span { color:#7a7a7a;}
	
	
	
/* main navigation */



	#leftMenus .menu {
		margin-bottom:.5em;
		background-image: url(../graphics/navigation/mainNavBg.gif);
		background-repeat: repeat-y;
		background-position: center top;
		text-align:center;
	}
	#leftMenus .menu div.module {
		width:184px;
		background-repeat: no-repeat;
		background-position: center bottom;
		padding-bottom: 15px;
		background-image: url(../graphics/navigation/mainNavBottomBg.gif);
	}
	#leftMenus .menu div.module ul {
		width:172px;
		margin:0 auto 0 auto; 
		padding:0 0 0 0; 
		list-style-type: none;
		border-top:none;
		text-align:left;
	}
	#leftMenus .menu div.module ul li {
		margin:0 0 0 0;
		padding:0 0 0 0;
		font-weight:bold;
		text-align:left;
		list-style-type: none;
		font-size:.813em;
		line-height:1.4em;
	}
	
	#leftMenus .menu div.module ul li a {
			text-decoration: none;
			font-weight: bold;
			border-bottom: 1px dotted #7d90da;
			background-color: #fff;
		}
	#leftMenus .menu div.module ul li a:hover {
			background-color: #f2f9fd;
			text-decoration: underline;
		}
		
	#leftMenus .menu div.module ul li a {
		background-image: url(../graphics/navigation/bullet.gif);
		background-repeat: no-repeat;
		background-position: left top;
		padding:4px 3px 4px 26px;
		display:block;
		text-decoration:none;
	}
	#leftMenus .menu div.module.resource ul li a {
		background-image: url(../graphics/navigation/folderClosed.gif);
		background-repeat: no-repeat;
		background-position: left top;
		padding:4px 3px 4px 26px;
		display:block;
		text-decoration:none;
	}
	#leftMenus .menu div.module ul li a:hover {
		background-image: url(../graphics/navigation/bullet-over.gif);
		background-repeat: no-repeat;
		background-position: left top;
		text-decoration:underline;
	}
	#leftMenus .menu div.module.resource ul li a:hover {
		background-image: url(../graphics/navigation/folderOpen.gif);
		background-repeat: no-repeat;
		background-position: left top;
		text-decoration:underline;
	}
	#leftMenus .menu div.module ul li.active a,
	#leftMenus .menu div.module ul li.active a:hover {
		background-image: url(../graphics/navigation/cat-active.gif);
		background-repeat: no-repeat;
		background-position: left top;
		padding:4px 3px 6px 26px;
		display:block;
		color:#FFFFFF;
		text-decoration:none;
		border-bottom-style:solid;
		background-color:#7A8ED9;
	}
	#leftMenus .menu div.module ul li.upNav a,
	#leftMenus .menu div.module ul li.upNav a:hover {
		background-image: url(../graphics/navigation/bulletUp.gif);
		background-repeat: no-repeat;
		background-position: left top;
		padding:4px 3px 6px 26px;
		display:block;
		color:#FFFFFF;
		text-decoration:none;
		border-bottom-style:solid;
		background-color:#23258B;
	}
	#leftMenus .menu div.module ul li.upNav a:hover { text-decoration:underline;}
	#leftMenus .menu div.module ul li a:active, 
		#leftMenus .menu div.module ul li a:focus { 
				background-color: #7A8ED9;
				color: #FFFFFF;
				text-decoration:underline;
				background-image: url(../graphics/navigation/bullet-active.gif);
				background-repeat: no-repeat;
				background-position: left top;
		}
	
	
	#leftMenus .menu div.module ul li.upNav a:active, 
	#leftMenus .menu div.module ul li.upNav a:focus {
		background-image: url(../graphics/navigation/bulletUp.gif);
		background-repeat: no-repeat;
		background-position: left top;
		padding:4px 3px 6px 26px;
		display:block;
		color:#FFFFFF;
		text-decoration:none;
		border-bottom-style:solid;
		background-color:#23258B;
	}
	
#leftMenus p span.greyModule {
	display:block;
	width:184px;
	background-image: url(../graphics/navigation/greyModuleBg.gif);
	background-repeat: repeat-y;
	background-position: center;
}
#leftMenus p span.greyModule span.promoContent { padding:0 10px 0 10px; margin:0 0 0 0; display:block; }
#leftMenus p span.greyModule span.promoContent p { margin-bottom:0; padding:0 0 0 0; }
#leftMenus p span.greyModule span.top {
	display:block;
	background-image: url(../graphics/navigation/greyModuleTopBg.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 10px;
}
#leftMenus p span.greyModule span.bottom {
	display:block;
	background-image: url(../graphics/navigation/greyModuleBottomBg.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 10px;
	clear:both;
}




/* global promocontent styles */

p.sidePromo { margin:0 0 0 0; padding:0 0 0 0; line-height:normal; font-size:.7em; }
p span.promoContent img { float:left; margin:0 .5em .3em 0; display:block; width:30px; }
p span.promoContent span.abstract {  padding:.3em 0 0 0; display:block; }

p.sidePromo.upload a { color:#879A04;}

p.sidePromo.upload a:active span.promoContent span.abstract,
p.sidePromo.upload a:focus span.promoContent span.abstract,
p.sidePromo a:active span.promoContent span.abstract, 
p.sidePromo a:focus span.promoContent span.abstract { 
	background-color: #FFFFFF;
	color: #0066CC;
}



/* page */

/* content */

#print,
.edit {
	font-size:81.5%;
	line-height:normal;
	margin:0 -.3em 0 0;
}
	
	#print a {
		float:left;
		margin:0;
		margin-right: 5px;
		padding:0 0 0 25px;
		text-decoration:none;
		border-bottom-style: none;
		background-image: url(../graphics/navigation/printIcon.gif);
		background-repeat: no-repeat;
		background-position: left top;
	}
	#print a:hover { text-decoration:underline; background-image: url(../graphics/navigation/printIconOver.gif);}
	#print a span{
		float:left;
		display:block;
		background:url(../graphics/navigation/printRightTab.gif) no-repeat right top;
		padding: .5em 12px .3em 3px;
		font-weight:bold;
	}


	
	
	
	
	
	
/*#footer a img { margin:0 .5em 0 0; padding:0 0 0 0; line-height:normal; display:block; float:left;}
#footer a:active, #footer a:focus { 
	background-color: #f4f4f4;
	color: #000000;
} */
	#footer span.pipe { margin-right:.3em; margin-left:.3em;}	
	#footerNav { 
		clear:both;
		padding:.4em 1% .3em 1%;

		font-size:.885em;
		margin-bottom:.3em;
	}
	#footerNav .topLink {
		display:block;
		float:right
	}
	#footerNav a { 
		background:transparent;
		border-bottom-style:none;
		color:#FFFFFF;
	}
	#footerNav .topLink a,
	#footerNav .topLink a:hover {	
		background-image: url(../graphics/default/upArrow.gif);
		background-repeat: no-repeat;
		background-position: left 3px;
		padding-left:13px;
	}


	#footerNav a:active, 
	#footerNav a:focus { 
				background-color: #000000;
				color: #FFF;
			}
	#legal {
		clear:both;
		padding:.4em 1% .3em 1%;

		font-size:.885em;
		margin-bottom:.3em;
	}
	#legal a { 
		border-bottom-style:none;
	} 
	.syndicate { clear:both; margin-bottom:.3em;}
	.syndicate img { margin-right:1em;}
	.badges { 
		clear:both;
		margin-bottom:1em;
	}

/* --------------- */