/* -------------------- tag styles --------------------*/
body,td,div {font-family: arial; font-size: 12px;}
html,body{margin:0;padding:0;height:100%;border:none;}
table {border-spacing: 0px; border-collapse: collapse;}
td {vertical-align: top; padding:0px;}
img {border: 0px;}
form{margin:0px; padding:0px;}

h1, h2, h3, h4, h5, h6 {margin: 0px; font-weight: bold; color: silver;}
h1 {font-size: 20px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
h6 {font-size: 10px;}

a {}
a:hover {}
a:focus {outline: none;}
a:active {}
a:visited {}

/* -------------------- standard styles --------------------*/
.b {font-weight: bold;}
.n {font-weight: normal;}
.i {font-style: italic;}

.tr{text-align:right;}
.tl{text-align:left;}
.tc{text-align:center;}

.pa {position: absolute;}
.pr {position: relative;}

.fl {float: left;}
.fr {float: right;}

.fs10 {font-size: 10px;}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs13 {font-size: 13px;}
.fs14 {font-size: 14px;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}

.fc1 {color: #000;}
.fc2 {color: #FFF;}
.fc3 {color: #767676;} /*gray*/
.fc4 {color: #445E85;} /*blue*/
.fc5 {color: #F37C02;} /*orange*/
.fc6 {color: #6c6c6c;} /*gray*/

.ls25 {letter-spacing: 0.025em;}
.ls39 {letter-spacing: 0.039em;}
.ls75 {letter-spacing: 0.075em;}
.ls100 {letter-spacing: 0.100em;}

.lh18 {line-height: 18px;}
/* -------------------------------------------------------------------------------------------*/

/* -------------------- HEAD start --------------------*/
div#header {
	background: #cacaca url(../images/header_back.gif) repeat-x top left;
	height:425px;
	margin: 0;
}
div#head {width: 654px; height: 425px; margin: 0 auto;}

	div#head h1 {
		top: 104px;
		left: 0;
	}
	
	div#head ul {
		top: 104px;
		right: 15px;
		height: 18px;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
		div#head ul li.first {
			float: left;
			background: none;
		}
		
		div#head ul li {
			float: left;
			background: url(../images/menu_separator.gif) no-repeat left center;
		}
		
			div#head ul li a {
				display: block;
				float: left;
				height: 17px;
				line-height: 17px;
				text-decoration: none;
				margin: 0 4px;
				padding: 0 4px;
			}
			
			div#head ul li a:hover, div#head ul li a.active {
				border-bottom: 2px solid white;
			}
			
		img#myportal_logo {
			top: 183px;
			left: 0;
		}
		
		img#myportal_butterfly {
			top: 126px;
			right: 0;
		}
/* --------------------- HEAD end ---------------------*/

/* -------------------- MAIN start --------------------*/
div#content {}
div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	background-color: #fafafa;
}
div#main {
	width: 654px; 
	margin: 0 auto;
	padding-bottom: 52px;
}

	div#submenu {
		margin-top: 5px;
		width: 210px;
	}
	
		div#submenu ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		
			div#submenu ul li {
				margin: 0 0 5px 0;
			}
		
			div#submenu ul li a{
				display: block;
				width: 200px;
				background-color: #445E85;
				color: #fafafa;
				border-right: 1px solid black;
				border-bottom: 1px solid black;
				border-top: 0;
				border-left: 0;
				text-decoration: none;
				padding-left: 5px;
			}
			
			div#submenu ul li a:hover, div#submenu ul li a.active{
				display: block;
				width: 200px;
				background-color: #CACACA;
				color: #211915;
				border-top: 1px solid black;
				border-left: 1px solid black;
				border-bottom: 0;
				border-right: 0;
			}

	div#text {
		margin-top: 5px;
		margin-left: 25px;
		width: 390px;
	}
	
		div#text h1 {
			height: 25px;
			background: url(../images/text_h1_bottom.gif) no-repeat bottom left;
			margin-bottom: 18px;
		}
/* --------------------- MAIN end ---------------------*/

/* -------------------- FOOT start --------------------*/
div#footer {
	position:absolute;
	bottom:0; /* stick to bottom */
	width:100%;
	clear:left;
	height: 52px;
	background: #cacaca url(../images/footer_back.gif) repeat-x top left;;
}
div#foot {width: 654px; height: 52px; margin: 0 auto;}

	span#copyright {
		top: 33px;
		left: 0;
	}
/* --------------------- FOOT end ---------------------*/