body {
	font-family:arial;
	font-size: 11pt;
	color:#000000;
	background-image: none;
	background-color: white;
	margin:0px;
	padding:0px;
}

h1, h2, h3, h4 {
	font-family:Helvetica, Arial;
	font-weight: normal;
	text-align: left;
	line-height: normal;
	margin: 0px;
	padding: 0px;
}
h1 {
	font-size: 16pt;
	color: #000000;
}
h2 {
	font-size: 14pt;
	color: #000000;
}
h3 {
	font-size: 12pt;
	color: #000000;
}
h4 {
	font-size: 11pt;
	color: #000000;
}

hr {
	color:silver;
	height:1px;
	background-color: silver; /* for firefox */
	border: none; /* for firefox */
}

p {
	margin:9px!important;
}

ul li {
list-style-image:url(../images/base/bullet_red.gif);
margin-bottom:3px;
margin-left:-9px;

}

ol li {
margin-right:20px;
}

/****** Default link styles ******/

a {
	text-decoration: underline;
}
a:link {
	color: #078195;
}
a:visited {
	color: #078195;
}
a:hover {
	color: #078195;
	text-decoration:none;
	cursor: hand;
}
a:active {
	color: #078195;
}
a:focus {
	color:#078195;
	text-decoration: underline;
}
a img {
	border: none;
	vertical-align:middle;
	margin-right:3px;
}


/* clear class for clearing floats */
.clear {
	clear:both;
}

/****** The .pageWrapper class holds the layout wrapper and alows you to define if the page should be aligned left, center or right *****/
/****** Possible values are left, center, right ******/

.pageWrapper {
	text-align:center; 
	width: 100%;
}

/****** The .layoutWrapper class is where where you set the width of the webpage ******/
.layoutWrapper {
	margin:auto;
	padding: 0px;
	width: 100%;
	background-color:#fff;
	padding:0px 0px 0px 0px;
	margin-top:10px;
	border:0px;
}

/* body content wrapper */
.bodyContentWrapper {
	margin:10px;
}

/****** the .globalNav class is where you can put the global nav layout of your page ******/

/****** the .mastHead class is where you can put the masthead layout of your page ******/
.mastHead {
	display:none;
}
/*
.mastHead h2{
	background-image: url("../images/base/tagline.jpg");
	background-repeat:no-repeat;
	height:18px;
	width:174px;
	text-align:center;
	margin-top:16px;
	float:right; 
}
*/

/****** the .topNavBar calss is where you can put your top navigation ******/
.topTitleBar {
	display:none;
}


/* start sub mast head */
.subMastHeadHome {
	background-image: none;
	background-position: top left;
	background-repeat: no-repeat;
	height: 82px;
	width: 100%;
	text-align:left;
	position: relative;
	border-bottom:0px;
	
}


.subMastHeadHome_inner {
	position: absolute;
	left: 0px;
	top: 0px;
	margin: auto;
	width: 100%;
	height: 80px;
	border: 0px solid silver;
}

/* print only image */
.printImage {
	background-image:none;
	display:block;
	border:1px;
	border-color:#FF0000;
	height:51px;
	width:228px;
}

.welcomeLine1,
.welcomeLine2,
.welcomeText {
	font-family:Arial, Helvetica, sans-serif!important;
}


.welcomeLine1 {
	font-size:18pt;
	color: #000000;
	margin: 0px!important;
	padding: 0px!important;
	font-weight:normal;
}

.welcomeLine2 {
	font-weight: bold;
	color: #000000;
	font-size:22pt;
	margin-top: -5px!important;
	margin-bottom:0px;
	padding: 0px!important;
}

.welcomeText {
	font-size:12px;
	line-height: 16px;
	color: white;
}
/* end sub mast head */






/****** the .layoutColX class is where you can define how many columns your layout can have ******/
.layoutColWrap {
	background-image:none;
	background-position:bottom;
	background-repeat:repeat-y;
	margin-top:10px;
	margin-bottom:-6px;
	zoom:1;
}
.layoutCol {
	margin-bottom: 0px;
	zoom:1;
	text-align:left;
}

/****** the second set of .layouytColX classes are where you define the width of each column for you layout ******/

/** Start styles for 1 columns **/
.layoutCol_1col {
	display:none;
	
}
/** End styles for 1 columns **/

/** Start styles for 2 columns **/
.layoutCol1_2col {
	display:none;
}
.layoutCol2_2col {
	width: 100%;
	background-color:#ffffff;
}
/** End styles for 2 columns **/

/** Start styles for 3 columns **/
.layoutCol1_3col {
	display:none;
}
.layoutCol2_3col {
	display:none;
}
.layoutCol3_3col {
	display:none;
}
/** End styles for 3 columns **/

/** Start styles for 4 columns **/
.layoutCol1_4col {
	display:none;
}
.layoutCol2_4col {
	display:none;
}
.layoutCol3_4col  {
	display:none;
}
.layoutCol4_4col {
	display:none;
}
/** End styles for 4 columns **/


/**** The .layoutX class is used to define the rows in the base layout *****/

.layoutRow_above {
	clear:both;
	padding: 0px;
	margin-top: 5px;
}

.layoutRow_below {
	clear:both;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
}

/** For layout rows under above columns **/
.layoutRow_above_1row {
	height: 100px;
	border: 1px solid silver;
}
.layoutRow_above_2row {
	height: 500px;
	border: 1px solid silver;
}
.layoutRow_above_3row {
	height: 100px;
	border: 1px solid silver;
}
.layoutRow_above_4row {
	height: 100px;
	border: 1px solid silver;
}

/** For layout rows under layout columns **/
.layoutRow_below_1row {  
	height: 100px;
	border: 1px solid silver;
}
.layoutRow_below_2row {  
	height: 100px;
	border: 1px solid silver;
}

.layoutRow_below_3row {  
	height: 100px;
	border: 1px solid silver;
}
.layoutRow_below_4row {  
	height: 100px;
	border: 1px solid silver;
}


/****** the .footer class is where you can put the layout for your footer ******/				
.footer {
	display:none;
}

.footer a,
.footer a:hover,
.footer a:link,
.footer a:visited {
	font-size: 9px;
	color: #276974;
	font-weight: normal;
	font-family:Tahoma, Geneva, sans-serif;
}

.footer a:hover {
	text-decoration: underline;
}

.footer span {
	position:absolute;
	top:0px;
	right:5px;
	color:#777;
	float:right;
}


/****** Default form styles ******/
div.fieldWrap {
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-right: 10px;
	float:left;
}

div.fieldWrap_return {
	margin: 0px;
	padding-top: 5px;
	padding-right: 10px;
	clear:left;
	float:left;
}

form {
	margin: 0px;
	padding: 0px;
	font-family: tahoma, arial , _sans;
	text-decoration: none;
	font-size: 10px;
	text-align:left;
}

/** Label **/

.label {
	font-weight: normal;
	color: black;
}
.labelDisabled {
	font-weight: normal;
	color: silver;
}
.labelRequired {
	color: red;
}
.labelBold {
	font-weight: bold;
}

/** Form Button **/	

.button {
	border: 1px ridge #CC06B8;
	background-color: #8A4583;
	font-family: tahoma;
	font-size: 10px;
	color:white;
}

.buttonDisabled {
	border: 1px ridge #cccccc;
	background-color: silver;
	font-family: tahoma;
	font-size: 10px;
	color:white;
}

/** Check Box **/

.checkBox {
	border: none;
}

.checkBoxDisabled {
	border:none;
}

/** Radio Button **/

.radioButton {
	border:none;
}

.radioButtonDisabled {
	border:none;
}

/** Text Inputs **/

.inputFile {
	border: 1px solid #cccccc;
	font-size: 10px;
	padding-left: 5px;
	padding-right: 5px;
	color: black;
}

.inputFileDisabled {
	border: 1px solid silver;
	font-size: 10px;
	padding-left: 5px;
	padding-right: 5px;
	color: silver;
	background-color:#FAE8DB;
}

.input {
	border: 1px solid #cccccc;
	font-size: 10px;
	padding-left: 5px;
	padding-right: 5px;
	color: black;
}


.inputDisabled {
	border: 1px solid silver;
	font-size: 10px;
	padding-left: 5px;
	padding-right: 5px;
	color: silver;
	background-color:#FAE8DB;
}

.password {
	border: 1px solid #cccccc;
	font-size: 10px;
	padding-left: 5px;
	padding-right: 5px;
	color: black;
}

.passwordDisabled {
	border: 1px solid silver;
	font-size: 10px;
	padding-left: 5px;
	padding-right: 5px;
	color: silver;
	background-color:#FAE8DB;
}

/** Text Area **/

.textArea {
	border: 1px solid #cccccc;
	font-family: tahoma;
	font-size: 10px;
	padding-left: 5px;
	padding-right: 5px;
	color: black;
}

.textAreaDisabled {
	border: 1px solid silver;
	font-size: 10px;
	padding-left: 5px;
	padding-right: 5px;
	color: silver;
	background-color:#FAE8DB;
}

/** Field Set **/

fieldset {
	-moz-border-radius: 6px;
	-moz-border-colors: silver;
	padding: 5px;
}
legend {
	padding-right: 5px;
	color: black;
	font-size:10px;
}
.legendRequired {
	color: red;
	font-size:10px;
}

/** Select **/
.select {
	border: 1px solid #cccccc;
	font-family: tahoma;
	font-size: 10px;
	padding-left: 5px;
	color: black;
}

.selectDisabled {
	border: 0px solid silver;
	font-family: tahoma;
	font-size: 10px;
	padding-left: 5px;
	color: silver;
	background-color:#FAE8DB;
}


/* start table styles */
table.genForm {
	width: 100%;
	border: none;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
} 

table.genForm tr {
	padding: 0px;
}

table.genForm td {
	padding-top: 2px;
	padding-bottom: 2px;
	padding: 0px;
}				

table.genForm td.hr {
	padding-top: 3px;
	padding-bottom: 3px;
}	
/* end table styles */	
table.genTable {
	width: 100%;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: rgb(85, 123, 146) rgb(85, 123, 146) rgb(85, 123, 146) rgb(85, 123, 146);

	
	
	
} 

table.genTable th {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: solid solid solid solid;
	border-color: rgb(164, 163, 142) rgb(164, 163, 142) rgb(164, 163, 142) rgb(164, 163, 142);
	background-color: #557B92;
	color:#FFF;
	font-weight:bold;
	text-align:left;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.genTable td {
	
	padding: 5px;
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: solid solid solid solid;
	border-color: rgb(164, 163, 142) rgb(164, 163, 142) rgb(164, 163, 142) rgb(164, 163, 142);
	
	-moz-border-radius: 0px 0px 0px 0px;
}				

table.genTable td.hr {
	padding-top: 3px;
	padding-bottom: 3px;
}	
/* end table styles */	

 
/* start module header */
.module-links,
.module-text {
	display:none;
}
.module-links h2,
.module-text h2 {
	display:none;
}
/* end module header */


/* start text module */
.module-text p {
	display:none;
}
/* end text module */


/* start link module */
.module-links ul {
	display:none;
}
.module-links ul ul {
	display:none;
}
.module-links ul li {
	display:none;
}
.module-links ul li ul li{
	display:none;
}
.module-links ul li span {
	display:none;
	
}
.module-links ul li a:link,
.module-links ul li a:visited {
	display:none;
}
.module-links ul li a:hover {
	display:none;
}
/* end link module */


/* icons for link module */
li.iconDocument a {
	background-image:url(../images/icons/bullet_document.gif)!important;
}
li.iconWordDoc a {
	background-image:url(../images/icons/bullet_document_word.gif)!important;
}
li.iconExcelDoc a {
	background-image:url(../images/icons/bullet_document_excel.gif)!important;
}
li.iconPDA a {
	background-image:url(../images/icons/bullet_pda.gif)!important;
}
li.iconPDF a {
	background-image:url(../images/icons/bullet_pdf.gif)!important;
}
li.iconPPT a {
	background-image:url(../images/icons/bullet_document_powerpoint.gif)!important;
}
/* icons for link module */

/* start searchbox */
span.searchBoxContainer {
	position:absolute;
	top:1px;
	right:1px;
	margin:0px;
}
span.searchBox {
	float:right;
	margin:0px;
	display:block;
	position:relative;
	width: 200px;
	height: 20px;
	overflow: hidden;
	background: url(../images/base/bg_searchbox.png) 0 0 no-repeat;
}
span.searchBox:hover{
	background: url(../images/base/bg_searchbox.png) 0 -20px no-repeat!important;
}

a.searchBoxBtn {
	float:right;
	margin-left:1px;
	display:block;
	width: 20px;
	height: 20px;
	overflow: hidden;
	background: url(../images/base/btn_search.png) 0 0 no-repeat;
	cursor:pointer;
}
a.searchBoxBtn:hover{
	background: url(../images/base/btn_search.png) 0 -20px no-repeat!important;
}


span.searchBox input {
	position:absolute;
	top:3px;
	left:23px;
	padding: 0px;
	width: 100%;
	background: none;
	border: none;
	outline: none;
	color: #646464;
	font-size: 12px;
}

span.searchBox input:hover,
span.searchBox input:focus {
	color: #000000;
}
/* end serach box */