/***********************************************/
/* styles.css                             	   */
/* Ionicon Wesite							   */
/* Design 2006								   */
/* by Stefan Haidacher						   */
/***********************************************/

/***********************************************/
/* colors:									   */
/* blue 		#0161A8						   */
/* orange 		#F96914						   */
/* light blue 	#0161A8						   */
/* dark grey	#334d55						   */
/***********************************************/ 

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

html, body{
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	background-image:url(../design/back-v.gif);
	background-repeat:repeat-y;
}

a{
	color: #0161A8;
	text-decoration: none;
}

a:link{
	color: #0161A8;
	text-decoration: none;
}

a:visited{
	color: #999999;
	text-decoration: none;
}

a:hover{
	color: #F96914;
	text-decoration: underline;
}

p{
	text-align:justify;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
	line-height:1.2em;
	color:#333333;
}

th, td {
	text-align:left;
}

h1{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 140%;
 color: #666666;
 margin: 0px;
 padding: 0px;
 clear:both;
}

h2{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 120%;
 color: #0161A8;
 margin: 20px 0px 0px 0px;
 padding: 0px;
 clear:both
}

h3{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 100%;
 color: #000000;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 clear:both;
}

h4{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 100%;
 color: #F96914;
 margin: 0px 0px -1em 0px;
 padding: 0px;
 clear:both;
}

ul{
 	list-style-type: square;
	text-align:left;
	font-weight:bold;
	font-style:normal;
	font-size:100%;
	line-height:1.8em;
	color:#333333;
}

ul ul{
 	list-style-type: square;
 	text-align:justify;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
	line-height:1.2em;
	color:#333333;
}

img {
 border:none;
}

/***********************************************/
/* Layout Divs		                           */
/***********************************************/ 

#container {
	margin:0px;
	padding:0px;
}

#masthead {
	width:100%;
	height:120px;
	padding:0px;
	margin:0px;
	background-color:#FFFFFF;
	}

#navigation {
	position:absolute;
	top:125px;
	left:0px;
	width:180px;
	padding:0px;
	margin:0px;
}

#content {
	margin-left:180px;
	margin-right:180px;
	padding:20px;
	height:100%;
}

#features {
	position:absolute;
	top:125px;
	right:0px;
	width:180px;
	padding:0px;
	margin:0px;
}	

#footer {
	font-size:12px;
	background-color:#FFFFFF;
	color:#666666;
	padding:10px 10px 10px 10px;
	margin-left:180px;
	border-top:1px solid #0161A8;
	height:20px;
}

	
/***********************************************/
/* Components                                  */
/***********************************************/

#logo {
	position:absolute;
	top:18px;
	left:25px;
	width:130px;
	height:85px;
}

#dotline {
	position:absolute;
	top:120px;
	right:0px;
	width:39px;
	height:5px;
}
	
/*********** #navigation link styles ***********/	

a.globnav, a.globnav_self, a.subnav, a.subnav_self, a.subminav, a.subminav_self, a.minnav, a.minnav_self {
	display:block;
	white-space:nowrap;
	overflow:hidden;
	border-top:1px solid;
	border-bottom:1px solid;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:left;
	margin-bottom: 5px;
}

a.globnav, a.globnav_self {
	height:16px;
	border-right:10px solid;
	margin-right:6px;
	padding:12px;
	font-size:14px;
	font-weight:bold;
	letter-spacing:0.1em;
}	

a.subnav, a.subnav_self {
	height:12px;
	border-left:7px solid;
	margin-left:20px;
	padding:4px;
	font-size:11px;
}

a.subminav, a.subminav_self {
	height:12px;
	border-left:7px solid;
	margin-left:20px;
	margin-right:6px;
	border-right:1px solid;
	padding:4px;
	font-size:11px;
}

a.minnav, a.minnav_self {
	height:10px;
	border-left:1px solid;
	margin-left:25px;
	font-size:10px;
	padding-left: 4px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-top: 2px;
	}

a.subnav {
	margin-right:6px;
	border-right:1px solid;
}

a.minnav {
	margin-right:6px;
	border-right:1px solid;
	margin-left: 25px;
}

a.globnav:link, a.subnav:link, a.subminav:link, a.minnav:link,
a.globnav:active, a.subnav:active, a.subminav:active, a.minnav:active,
a.globnav:visited, a.subnav:visited, a.subminav:visited, a.minnav:visited {
	color:#666666;
	border-color:#0161A8;
}

a.globnav_self:link, a.subnav_self:link, a.subminav_self:link, a.minnav_self:link,
a.globnav_self:visited, a.subnav_self:visited, a.subminav_self:visited, a.minnav_self:visited,
a.globnav_self:active, a.subnav_self:active, a.subminav_self:active, a.minnav_self:active {
	color:#666666;
	border-color:#F96914;
}

a.globnav:hover, a.subnav:hover, a.subminav:hover, a.minnav:hover,
a.globnav_self:hover, a.subnav_self:hover, a.subminav_self:hover, a.minnav_self:hover {
	color:#F96914;
	border-color:#F96914;
	text-decoration:none;
}


/************** .feature styles ***************/

.feature_title {
	display:block;
	height:18px;
	margin-top:30px;
	margin-right:20px;
	background-color:#0161A8;
	border-right: 10px solid #F96914;
	color:#FFFFFF;
	font-size:14px;
	padding:2px;
	padding-left: 10px;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.feature_content {
	margin-right:20px;
	margin-bottom:20px;
	color: #333333;
	background-color:#E5EDF5;
	font-size:10px;
	padding:15px;
}

.feature_image {
	display:block;
	margin-bottom:10px;
}

a.feature_content:visited, a.feature_content:link {
	color:#666666;
}


/************** .footer styles *****************/

a.fonav:hover {
	background-color:#E5EDF5;
}

a.fonav:visited {
	color:#0161A8;
}

/************** .section styles *****************/

.section {
	clear:both;
	padding: 0px 0px 0px 0px;
}


/************** .image styles *****************/

.image_left {
	float:left;
	margin-top:5px;	
	margin-bottom:10px;
	margin-right:20px;
}

.image_right {
	float:right;
	margin-top:5px;
	margin-bottom:10px;
	margin-left:20px;
}

/************** .reference styles *****************/

.reference	{
	font-size:10px;
}
