/***********************************************/
/* Ixora.css                                   */
/* Andy Philpot   29th November 2006           */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body {padding: 0px;	margin: 8px; color: #333333; font-family: Verdana, Arial, sans-serif;background-color: #ffffff;}
h1  {font-size: 75%;color: #CCCCCC;font-weight: normal;padding: 0px;text-align: right;margin: 8px 40px 0px 180px;}

h2, h3, h4  {font-size: 100%;color: #0024b3;text-align: left;border-bottom: 3px double #6b79b3;	padding: 0px 0px 8px 0px;font-weight: bold;margin: 10px 15px 4px 180px;}

h5 {font-size: 100%;margin: 12px 15px 12px 230px;color: #FF66FF;text-align: left;padding: 3px 5px 3px 0px;font-weight: bold;border-bottom: 3px double #cccccc;}

h6 {
	font-size: 80%;
	color: #075BAB;
	font-weight: normal;
	text-align: left;
	padding: 5px 0px 5px 10px;
}

p {
	padding: 4px 0px;
	font-weight: normal;
	line-height: 130%;
	color: #4d4d4d;
	text-align: justify;
	margin: 10px 15px 10px 180px;
	font-size: 80%;
}

ul {
	padding: 4px 0px;
	font-weight: normal;
	line-height: 125%;
	color: #4d4d4d;
	text-align: justify;
	margin: 10px 15px 10px 180px;
	font-size: 80%;
}

li {
	padding: 8px;
}

a:link, a:active, a:visited {
text-decoration: none;
color: #015CB2;
font-weight: normal;
}

a:hover {
color: #FF00CC;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#container {
	width: 760px;
	left: 50%;
	margin-left: -380px;
	position: absolute;
	background-color: #ffffff;
	z-index: 2;
}
	
#content {
	width: 580px;
	top: 28px;
	padding: 0px 0px 20px;
	margin: 130px 0px 0px;
	background-color: #ffffff;
	color: #666666;
	position: absolute;
	z-index: 2;
	border-right: 1px dotted #99adff;
}

#masthead {
	width: 720px;
	height: 96px;
	top: 10px;
	left: 50%;
	position: absolute;
	margin: 0px 0px 0px -380px;
	background-color: #fff;
	z-index: 3;
	color: #f00;
	padding: 20px;
}

#masthead-right {
	width:275px;
	height:96px;
	top:20px;
	left:480px;
	position:absolute;
	z-index:3;
}

#masthead-right img {
border: 0px solid #CCCCCC;
}

#masthead-menu{
	width: 100%;
	height: auto;
	top: 140px;
	position: absolute;
	background-color: #99adff;
	z-index: 4;
	color: #015cb2;
	padding: 5px;
	font-size: 80%;
	font-weight: normal;
}

#left-section {
	top: 25px;
	right: 20px;
	left: 0px;
	width: 164px;
	z-index: 8;
	margin: 165px 0px 10px;
	color: #000066;
	position: absolute;
	padding-right: 10px;
}

#right-section {
	top: 25px;
	right: 20px;
	left: 580px;
	width: 170px;
	z-index: 7;
	margin: 130px 0px 0px 0px;
	color: #000066;
	position: absolute;
	padding-top: 35px;
	padding-left: 10px;
}	



#footer {
	width: 760px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	color: #004a80;
	z-index: 5;
	background-color: #99adff;
	position: absolute;
}

#siteinfo {
	width: 760px;
	height: 40px;
	top: auto;
	left: 50%;
	margin: 0px 0px 0px -380px;
	padding: 0px;
	position: absolute;
	z-index: 7;
	font-size: 100%;
}

.right-section {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	line-height: normal;
	font-size: 80%;
}

.lft-s {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	line-height: normal;
	font-size: 80%;
}
.footer {margin: 0px;padding: 0px 5px 5px 10px;}

/***********************************************/
/* Column styles                             */
/***********************************************/ 

#column-left {position:absolute;left:229px;top:auto;width:230px;z-index:10}

#column-right {position:absolute;left:487px;top:auto;width:230px;z-index:10}

.column-image{border: 1px solid #CCCCCC;padding: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 8px;margin-left: 0px;}

.column {margin: 0px;padding: 0px;}

.column-title {	border-bottom: 3px double #FFCCFF;font-size: 120%;font-weight: bold;color: #FF33FF;	margin: 0px 0px 12px 0px;	padding: 0px 0px 5px 0px;}

.image-left{
	float:left;
	margin-right: 20px;
}

.force-right{
	padding-left: 200px;
}

a.blue:link, a.blue:active, a.blue:visited {color: #000066;}

a.blue:hover {color: #92278F;}

.navigation {font-size: 10px;text-align: left;margin: 8px 0px 10px 0px;padding: 0px 0px 0px 0px;}

a.globalNav:link, a.globalNav:active, a.globalNav:visited {display: block;color: #0024b3;text-decoration: none;padding: 5px 7px 2px 2px;font-size: 11px;	font-weight: bold;margin: 3px 0px 3px 0px;text-align: right;border: 1px solid #99adff;}

a.globalNav:hover {
	background-color: #99adff;
	border-color: #FF00CC;
}

/*********** .box styles ***********/

.box {
	margin: 20px 35px 20px 200px;
	padding: 10px 15px;
	text-align: justify;
	font: 85%;
}

.blue-border{border: 3px double #123456;}
.red-border{border: 3px double #789912;}
.grey-background{background-color: #FF99FF;}
.blue-background{background-color: #FFFFCC;}

/*********** .relatedLinks styles ***********/

a.relatedLinks:link, a.relatedLinks:active, a.relatedLinks:visited, a.relatedLinks:hover {
	font-weight: normal;color: #0024b3;	margin: 0px;padding: 0px;}
