/******
MiCTA.org
Main styles
*******/

* {color: #fff; }

@font-face { 
	font-family: grunge-italic; 
	src: url('../fonts/grunge-italic.ttf');
} 

a { color: #fff; text-decoration: underline; }
a:hover, a:active { color: #f00; text-decoration: underline; }
:focus { outline: 0; }

body { 
 	background-color: #000; 
	font-family: 'Helvetica Neue', Arial, sans-serif;
	font-size: 12px;
	line-height: normal;	
	margin: 0;
}

.clear { clear: both: }

hr {
	border: 0;
	border-top: 1px solid #fff;	
	border-bottom: 1px solid rgba(255,255,255,.2);
}


/*** HEADER ***/

#container {
	width: 720px;
	margin: 40px auto 0;
}


#header { 
	width: 186px;
	float: left;	
}


/**** NAV ****/

ul#nav { 
    position: relative;
	float: left;
    font-family: grunge-italic, arial, sans-serif;	
    font-size: 17px;
    font-style: italic;
    letter-spacing: 2px;
	list-style-type: none;
	margin: 0;
	padding: 60px 0 0 0;	
	text-transform: uppercase;
}

ul#nav li { float: left; }

ul#nav li a { display: block; padding: 3px 18px; text-decoration: none; }

ul#nav li.currentnav a { color: #f00; }


/* second level */

ul#nav ul { 
    position: absolute;
    left: 0;
    display: none; 
   	font-family: 'Helvetica Neue', Arial, sans-serif;
   	font-size: 12px;
   	font-style: normal;
   	letter-spacing: 0;
    list-style-type: none;   
    margin: 10px 0 0 8px;
    padding: 0;
    text-transform: none;
}

ul#nav ul li a { padding: 3px 10px; }

ul#nav li.currentnav > ul { display: block; }
ul#nav li.currentnav > ul li a { color: #fff; }
ul#nav li.currentnav > ul li a:hover { color: #f00; }

ul#nav li.currentnav li.currentnav a { color: #f00; }


/**** CONTENT ****/

#contentContainer { 
	clear: both;
	padding-top: 70px;
 }

#pagetitle { 
	width: 190px;
	height: 100%;
	display: block;	
	float: left;
	padding: 10px 10px 0 0;
}

#pagetitle h1 { 
	font-size: 20px;
	font-weight: 400;
	margin: 0;
	text-transform: uppercase;	
}

#mainContent {
	width: 440px;
	float: left;	
}

#mainContent h1, #mainContent h2 { 
	font-weight: 400;
	margin-bottom: 0;
}

#mainContent h2, .appTitle1 { font-size: 12px; text-transform: uppercase; }

#mainContent h2 + p { margin-top: 0; }

.appInputButton, textarea, input
{ color: #000; }

#contactus img { background-color: #fff; }


/**** FOOTER *****/

#footer { 
	clear: both; 
	font-size: 10px; 
	padding-top: 60px; 
}

#footer ul { 
	float: left;
	list-style-type: none;
	margin: 0; 
	padding: 0;
}

#footer li {
	float: left;	
}

#footer li a {
	display: block;
	padding: 0 10px 0 0;
	text-decoration: none;	
}

#footer li a:hover, #footer li a:active { text-decoration: underline; }

#footer p { float: right; margin: 0; }