/*     

ICTA Online            Screen Stylesheet
Author                 tatnet, inc.
Version                v1 | 2009-01-30
---------------------------------------

*/

 


/* common styles
----------------------------------------------- */
body {
	background: #929498;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #000;
	line-height:normal;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	size: 20px;
	color: #000;
}

/* layout
----------------------------------------------- */
#container {
	position: relative;
	background: #ffffff url(/tpl/icta/images/icta-background.gif) repeat scroll;
	margin: 20px auto;
	padding: 0px;
	width: 700px;
	border: 5px solid #fff;
	left: 15px;
	overflow: visible;
	height: auto;


}
#pageHeader {
	height: 235;
	margin: 0;
}

#quickSummary {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 166px;
	height: 38px;

}

#preamble, #explanation, #participation, #benefits, #requirements {
	margin: 0px 0 0 25px;
	width: 622px;
	background: transparent;
}

#footer {
	margin: auto 0 0 10px;
	background: transparent url(/tpl/icta/images/footer-background.jpg) no-repeat center bottom;
	height: 35px;
	text-align: right;
	border-top: 0px solid #fff;
}

#linkList {
	position: absolute;
	width: 166px;
	top: 10em;
	left: 0px;
	border-top: 1px solid #fff;
}


/* header
----------------------------------------------- *


#pageHeader h1 {
	display: none;
	}

#pageHeader h2 {
	display: none;
	}



/* text
----------------------------------------------- */
p {
	font-size: 16px;
	padding: 5px 5px 10px 5px;
	margin: 0;
	line-height: 16px;
}

#quickSummary p.p1 {
	margin: 0;
	padding: 40px 35px 25px 28px;
	font-size: 12px;
}

#quickSummary p.p2 {
	margin-top: 48em;
	padding: 30px 30px 20px 28px;
	font-size: 12px;
}



/* headings
----------------------------------------------- */


#intro h3 {
	margin: 10px 0 0 0;
	padding: 0;
	width: 480px;
	height: 35px;
	border: 0px solid #fff;
}

#supportingText h3 {
	margin: 10px 0 0 0;
	padding: 0;
	width: 480px;
	height: 25px;
	border: 0px solid #fff;
	font-weight: bold;
}

#linkList h3 {
	height: 25px;
	margin: 0px 0 0 0;
	padding: 0px;
}

h3 span { 
	display: none; 
}

#preamble h3 {
	background: transparent url(/templates/icta/images/h3_explanation.jpg) no-repeat top left;
}


#lselect h3 {
	background: transparent url(/templates/icta/images/h3_lselect.gif) no-repeat top left;
	margin: 15px 0 0 5px;
}

#lfavorites h3 {
	background: transparent url(/templates/icta/images/h3_lfavorites.gif) no-repeat top left;
	margin: 15px 0 0 5px;
}

#larchives h3 {
	background: transparent url(/templates/icta/images/h3_larchives.gif) no-repeat top left;
	margin: 15px 0 0 5px;
}

#lresources h3 {
	background: transparent url(/templates/icta/images/h3_lresources.gif) no-repeat top left;
	margin: 15px 0 0 5px;
}




/* lists
----------------------------------------------- */
#linkList ul {
	font-size: 14px;
	list-style: none;
	margin: 2px 0 0 0px;
	padding: 0 0 0 0;
}

#linkList ul li {
	background: transparent;
	margin: 0;
	padding: 0 0 0 27px;
	line-height: 14px;
	color: #042743;
}

#linkList #lselect {
	border-bottom: 0px solid #fff;
	padding-bottom: 25px;
}

#linkList #lfavorites {
	border-bottom: 0px solid #fff;
	padding-bottom: 25px;
}

#linkList #larchives {
	border-bottom: 0px solid #fff;
	padding-bottom: 25px;
}

#linkList #lresources {
	border-bottom: 0px solid #fff;
	padding-bottom: 25px;
}


#linkList #lselect a:link, 
#linkList #lselect a:visited { 
	display: block; 
}

#linkList #lselect a.c:link, 
#linkList #lselect a.c:visited { 
	display:inline; 
}


/* links
----------------------------------------------- */

a, a:link, a:visited {
	color: #369;
	text-decoration: underline;
	font-weight: bold;
}

a:hover {
	color: #00223f;
	text-decoration: none;
	font-weight: bold;
}

#quickSummary a, 
#quickSummary a:link, 
#quickSummary a:visited {
	font-weight: bold;
	text-decoration: underline;
	color: #369;
}

#quickSummary a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}


#linkList a, 
#linkList a:link, 
#linkList a:visited {
	color: #000;
	text-decoration: none;
}

#linkList a:hover {
	text-decoration: none;
	color: #005282;
	font-weight: bold;
}

#linkList a.c, 
#linkList a.c:link, 
#linkList a.c:visited {
	color: #369;
	text-decoration: none;
}

#linkList a.c:hover {
	text-decoration: none;
	color: #005282;
}

#footer a, 
#footer a:link, 
#footer a:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 10px;
	padding: 0 20px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#footer a:hover {
	text-decoration: none;
	color: #CCCCCC;
}

/* text
----------------------------------------------- */

.HeaderLabel {
	font-size:larger;
	font-weight: bold;
}

.msg {
	font-size: x-small;
	color:#FF6300;
}

.btn {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px; 
	font-style: normal; 
	line-height: normal; 
	font-variant: normal; 
	text-transform: none;     
	text-decoration: none; 
	color: #FFFFFF; 
	background-color: #369;
}

.error {
	color: #FF0000;
	font-size:9px;
}
