/********
MiCTA
Main Styles
mictatech.org
********/

* { 
	font-family: "century gothic","lucida grande",arial,helvetica,sans-serif;
}

a { color: #fff; outline: 0; text-decoration: underline; }
a:hover { color: #00ff00; }
a:active { color: #00ff00; }

body { background-color: #758a83; background-image: url('../images/bg-internal.jpg'); background-repeat: repeat-x; color: #fff; font-size: 14px; line-height: 18px; padding: 0; margin: 0;  }


/*******LOGO******/

#logo h1 { text-indent: -9999px; }

#logo img { width: 156px; height: 91px; border: 0; margin-top: -50px; }


/****LOGIN*****/

#login { font-weight: 800; margin: 1em 0 .5em 0; } 

#login-component { font-size: 11px; font-weight: 400; margin-top: -12px; }
#login-component .appInputTitle { display: none; }

#login-component .appLinkAlone { font-size: 12px; }
#login-component .appTitle3 { font-size: 12px; }
#login-component .appInputText { width: 160px; height: 11px; }

#login-component table { position: relative; left:-4px; }

#login-component input.appInputButton { background-color: #fff; float: right; }

#login-component .leftNavText { text-align: right; }

/*****SEARCH******/

#search { font-weight: 800; } 

#simpleSearchForm { width: 165px; height: 48px; font-weight: 400; overflow: hidden; }

#simpleSearchForm .appInputText { width: 165px; height: 12px; }

#simpleSearchForm input.appInputButton { background-color: #fff; float: right; margin-top: 4px; }


/******NAV*******/

#sidebarContent { 
	width: 172px;
	height: 100%;
	background-color: #46524d;
	float: left;
	font-size: 13px;
	padding:7px 0 0 7px; 
	z-index: 1000;
	position: absolute;	
}

#nav { 
	font-size: 1em;
	font-weight: 800;
	text-align: right;
}

#nav ul { list-style-type: none; margin: 0; padding: 0; }
#nav ul li { padding: .5em 0 .2em 0; text-transform: uppercase;	}

#nav ul li a { padding-right: .8em; display: block; text-decoration: none; }
#nav ul li a:hover, #nav ul li a:active { text-decoration: underline; }

#nav ul li > ul { display: none; }
#nav ul li:hover > ul { display: block; position: absolute; left: 170px;  }

#nav ul li ul { 
	width: 175px;
	background-color: #666;
	line-height: 12px;
	margin: -20px 0 0 0;  
	padding: 0;
}
#nav ul li ul li { margin-right: .2em; padding: 0; text-transform: none; }	
#nav ul li ul li a { display: block; padding: .5em; }

#nav ul li ul li ul { background-color: #858484; }


/******CONTACT*****/

#contact { font-weight: 800; margin: 1em .8em 0 0; text-align: right; }
#contact a { text-decoration: none; }
#contact a:hover, #contact a:active { text-decoration: underline; }


/******CONTENT********/

#contentContainer { 
	width: 610px;
	margin-top: -15px;
}	

#topbar {	
	width: 100%; 
	height: 100px; 
	position: absolute;
	background-color: rgba(255, 255, 255, .8);
	z-index: 100;
}

#topbar h2 { color: #696d6b; font-size: 36px; font-weight: 400; line-height: 102px; margin-left: 280px; text-transform: uppercase; }

#mainContent { width: 710px; height: 100%; background: none; position: absolute; top: 130px; left: 280px; }



/******* CE STYLES ********/

.errMsg { color: ff0000; }

.wrap1 { position:relative; }
	
.wrap2 { position:absolute; white-space : nowrap; }

.contentSmall {	font-size: .85em; }

.contentSmallBold  { font-size: .85em; font-weight: 800; }
.contentBold { font-size: .85em; } 

.contentNoLink  { font-size: .9em; color: #333; }

.news { font-size:.8em; }

.borderBox, .LeftNavBox, .Box,  .adminBox, .admunU
{ border: solid; border-width: 1px; }

.LeftNavBox { color: #000; font-size: .9em; font-weight: 800; }
.adminBox { border-color: #ff0000; }
.admunU { border: 1px 1px 0 1px; }

.box { background-color: #fff; font-weight: 800; }
.box a { color: #ff6600; text-decoration: underline; }
.box a:hover, .box a:active { text-decoration: none; }

.featureBoxHeader { font-weight: 800; }
 
.contentTitle { font-size: 1.1em; font-weight: bold; }
.contentTitle a { text-decoration: none; }

.featureText { font-size: 1em; } 
.featureText a { text-decoration: none; }

.copyRightText { font-size: .9em; } 
.copyRightText a { text-decoration: underline; }
.copyRightText a:hover, .copyRightText a:active { text-decoration: none; }

.publicHeader { color: #ff6600; font-size: 1.8em; }
.publicHeader a { color: #ff6600; text-decoration: underline; }
.publicHeader a:hover, .publicHeader a:active { text-decoration: none; } 

.appTitle1 { font-size: 1.8em; line-height: 1.2em; }
.appTitle2 { font-size: 1.4em; }
.appTitle3 { font-size: 1.2em; }

.appOutput { color: #000; font-size: .9em; } 
.appOutput a { color: #000; text-decoration: underline; }
.appOutput a:hover, .appOutput a:active { color: #00ff00; }

.appInputButton { background-color: #fff; }  

.appInputSelect { font-size: 1.1em; }

.appInputOption { /*background-color: #fff;*/ font-size: 1.1em; }

.appInputCheck { font-size: 1.1em; } 

.appInputTitle { font-size: 1.1em; font-weight: 800; }

.appLinkInline { background-color: #46524D; padding: .1em .3em; }

.appLinkInline, .appLinkAlone { font-size: 12px; } 

.breadcrumbs { font-size: 10px; color: #0000CC; }
.breadcrumbs a { color: #9F9FC1; text-decoration: none; }
.breadcrumbs a:hover, .breadcrumbs a:active  { text-decoration: underline; }

.arrow { color: #0000CC; font-family:arial, sans-serif; font-size: 10px; }
.arrow a  { color: #0000CC; text-decoration: none; }

.box { background: none; }