/* Default CSS Stylesheet for a new Web Application project */

BODY
{
    BACKGROUND-COLOR: white;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: .8em;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #003366;
}
H1	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	2em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H2	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H3	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H4	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.33em;
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H5, DT	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
TFOOT, THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	


A:link	{	
	text-decoration:	none;
	color:	#3333cc;
	}	
		
A:visited	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:active	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:hover	{	
	text-decoration:	underline;
	color:	#3333cc;
	}
	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	
	

UL LI	{	
	list-style-type:	square ;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	

IMG 	{
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	}

/******************* Custom Styles ***********************************/

#base
{
	width:1024px;
	height:auto;
	margin:0px;
	padding:0px;
}

/****************** top Style *******************************************/
#topnav
{
	margin:0px;
	padding:0px;
	width:1024px;
	height:120px;
	position:absolute;
	top:0px;
	left:0px;
}

#emblem
{
	float:left;
	position:relative;
	margin:0px;
	padding:2px 3px 3px 3px;
	background-color:#54656B;
	height:119px;
	width:145px;
}

#head
{
	position:relative;
	width:643px;
	height:120px;
	margin:0px 0px 0px 155px;
	border-right:1px dashed #999999;
	text-align:center;
	padding:1px;
}

#head a
{
	color:#54656B;
	margin:2px 20px 5px 20px;
	font:12px verdana;
	text-decoration:none;
}

/************************** middle style ******************************************/

#midnav
{
	margin:0px;
	padding:0px;
	background-image:url(mainPicBG.gif);
	background-repeat:repeat-x;
	height:189px;
	text-align:left;
	position:absolute;
	top:123px;
	left:0px;
	width:1024px;
	/*border-bottom:2px dotted #999999*/
}

#midnav div
{
	margin:0px;
	padding:22px 0px 0px 0px;
	border-right:1px dashed #999999;
	width:800px;
	background-image:url(mainPic3.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:191px;
	color:#ffffff;
}

#midnav div h3
{
	margin:3px 5px 5px 10px;
	padding:2px;
	border-bottom:2px dotted #ffffff;
	width:120px;
	font:11px verdana;
	font-weight:bold;
	color:#ffffff;
}

#midnav div form
{
	margin:3px 5px 3px 10px;
	padding:0px;
	width:120px;
	font:11px verdana;
}

.codred
{
	font:10px verdana;
	font-weight:bold;
	background-color:Red;
	color:White;
	padding:2px 1px 1px 1px;
	text-align:center;
	width:152px;
	height:16px;
	margin:0px;
}

.txtbox
{
	border:1px solid #ffffff;
	width:100px;
	height:15px;
	background-color:#54656B;
	color:#ffffff;
	font:10px verdana;
	margin:1px 0px 3px 0px;
}

.cssButton
{	
	border:0px;
	margin:5px 0px 0px 40px;
	background-color:#54656B;
	color:#ffffff;
	font:11px verdana;
	font-weight:bold;
	height:auto;
	padding:1px;
	border:1px #cccccc;
	border-style:dotted;
	width:auto;
}

.transparent
{
	filter:alpha(opacity=90);
	border:1px dashed #54656B;
	width:auto;
	height:auto;
	background-color:#ffffff;
	text-align:left;
	padding:5px;
}

#menu
{
	color:#54656B;
	font:11px verdana;
	font-weight:bold;
	text-decoration:none;
	margin:10px 3px 3px 3px;
}

#menu:hover
{
	color:#54656B;
	font:11px verdana;
	font-weight:bold;
	text-decoration:overline;
	margin:10px 3px 3px 3px;
}
/*********************** body style **********************************************/

#content
{
	margin:0px;
	width:800px;
	border-right:1px dashed #999999;
	height:auto;
	position:absolute;
	top:315px;
	left:0px;
	padding:0px;
}

/******************** Right Content ***********************************************/

#rightContent
{
	float:left;
	/*border:1px solid #000000;*/
	width:580px;
	margin:0px;
}

#rightContent div
{
	margin:3px;
	padding:5px;
	width:565px;
	/*border:1px solid black;*/
}

/********************* Right Column ******************************************/
#rightCol
{
	/*border:1px solid black;*/
	position:relative; 
}

#rightCol h3
{
	padding:0px 0px 3px 0px;
	margin:0px;
	color:#54656B;
	font:10px verdana;
	font-weight:bold;
}

#rightCol div
{
	padding:0px 17px 0px 0px;
	margin:0px;
	border-right:1px dashed #0BB0EA;
	background-position:top left;
	background-repeat:no-repeat;
	width:235px;
	font:10px verdana;
	text-align:justify;
	color:#54656B;
}

#rightCol div p
{
	font:10px verdana;
	text-align:justify;
	color:#54656B;
	width:145px;
	padding:0px;
	margin:0px 0px 0px 90px;
}
/********************** Magic Column ************************************************/
#Magic
{
	/*border:1px solid black;*/
	position:absolute;
	top:8px;
	left:280px;
}

#Magic h3
{
	padding:0px 0px 3px 0px;
	margin:0px;
	color:#54656B;
	font:10px verdana;
	font-weight:bold;
}

#Magic div
{
	padding:0px 17px 0px 0px;
	margin:0px;
	background-position:top left;
	background-repeat:no-repeat;
	width:235px;
	font:10px verdana;
	text-align:justify;
	color:#54656B;
}

#Magic div p
{
	font:10px verdana;
	text-align:justify;
	color:#54656B;
	width:145px;
	padding:0px;
	margin:0px 0px 0px 90px;
}

/********************** Trust Column ************************************************/
#Trust
{
	/*border:1px solid black;*/
	position:absolute;
	top:190px;
	left:280px;
}

#Trust h3
{
	padding:0px 0px 3px 0px;
	margin:0px;
	color:#54656B;
	font:10px verdana;
	font-weight:bold;
}

#Trust div
{
	padding:0px 17px 0px 0px;
	margin:0px;
	background-position:top left;
	background-repeat:no-repeat;
	width:235px;
	font:10px verdana;
	text-align:justify;
	color:#54656B;
}

#Trust div p
{
	font:10px verdana;
	text-align:justify;
	color:#54656B;
	width:145px;
	padding:0px;
	margin:0px 0px 0px 90px;
}

/********************* Att Column ******************************************/
#AttCol
{
	/*border:1px solid black;*/
	position:relative; 
}

#AttCol h3
{
	padding:0px 0px 3px 0px;
	margin:0px;
	color:#54656B;
	font:10px verdana;
	font-weight:bold;
}

#AttCol div
{
	padding:0px 17px 0px 0px;
	margin:0px;
	background-position:top left;
	background-repeat:no-repeat;
	width:300px;
	font:10px verdana;
	text-align:justify;
	color:#54656B;
}

#AttCol div p
{
	font:10px verdana;
	text-align:justify;
	color:#54656B;
	width:200px;
	padding:0px;
	margin:0px 0px 0px 90px;
}

/********************** left content ***********************************************/
#leftContent
{
	position:relative;
	float:left;
	/*border:1px solid #000000;*/
	width:200px;
	padding:20px 0px 20px 0px;
}

#leftContent div
{
	width:182px;
	background-image:url(newsBottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding:0px;
	height:auto;
}

#leftContent div div
{
	width:182px;
	padding:0px;
	background-color:#EBF0F1;
	height:auto;
}

#leftContent div div div
{
	width:182px;
	padding:20px 0px 0px 0px;
	height:100px;
	background-image:url(newsTop.gif);
	background-position:top;
	background-repeat:no-repeat;
	height:auto;
}

#leftContent div div div ol
{
	padding:0px;
	margin:0px 0px 0px 30px;
}

#leftContent div div div ol li
{
	list-style-image:url(BluBullet.gif);
	margin:5px 0px 0px 0px;
	text-align:left;
}

#leftContent div div div ol li a
{
	color:#54656B;
	font:10px verdana;
	text-decoration:none;
	font-weight:bold;
	padding:0px;
	margin:0px;
}

#leftContent div div div ol li a:hover
{
	color:#54656B;
	text-decoration:underline;
	font:10px verdana;
	font-weight:bold;
	padding:0px;
	margin:0px;
}

/************************* footer ************************************/


#footer 
{
	padding:0px;
	margin:0px;
	color:Gray;
	position:absolute;
	top:850px;
	left:0px;
	width:1024px;
	border-top:1px dashed #54656B;
}

#footer div
{
	width:800px;
	height:auto;
	text-align:center;
	vertical-align:bottom;
	padding:0px;
	margin:0px;
	font:11px verdana;
}

#footer div img
{
	padding:0px;
	margin:0px;
	vertical-align:bottom;
}
/************************** moreLink **********************************/

#moreLink
{
	background-color:#0BB0EA;
	text-decoration:none;
	color:#ffffff;
	font:9px verdana;
	font-weight:bold;
	margin:0px 0px 0px 3px;
	padding:0px 2px 0px 2px;
}

#moreLink:hover
{
	background-color:#ffffff;
	color:#54656B;
	font:9px verdana;
	font-weight:bold;
	margin:0px 0px 0px 3px;
	padding:0px 2px 0px 2px;
}
