@charset "utf-8";
/* CSS Document */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-image:url(../images/back_grad.jpg);
	background-repeat:repeat-x;
	background-color:#0f0f0f;

}

/* for debugging */

/* for debugging */

html { 
	height: 100%; margin-bottom: 1px; 
}

a {
	outline: none;
}

input {
	outline:none;
}

:focus {
	-moz-outline-style: none;
}

#div {
	border:	0px solid gray;
	padding: 0px;
	outline:none;
}

th {
	
}

td {
	
}

/* ----------- Start layout styling ---------- */

#centre-container { /* to center the page */
	text-align:	center;
}

#container {
	width:900px;
	text-align:left;
	margin:auto;
	padding:0px 0px 0px 0px;
}

	#header {
		width:100%;
		height:239px;
		text-align:left;
		background-image:url(../images/index_01.jpg);
		margin:auto;
		padding:0px 0px 0px 0px;
		float:left;
	}
	
		#logo {
			position:relative;
			padding:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			float:left;
		}
		
		#logoText {
			position:relative;
			padding:19px 0px 0px 3px;
			margin:0px 0px 0px 0px;
			font-family: Myriad Pro, Tahoma, Verdana, Arial, Helvetica;
			font-size: 25px;
			color:#1878e7;
			float:left;
		}
		
		#mainMenu{
			display:block;
			width:700px; 
			height:30px;
			float:left;
			padding:0px 0px 0px 0px;
			margin:0px 0px 0px 0px;
		}
		
				#mainMenu ul {
				margin:0; 
				padding:0; 
				list-style-type:none;
				}	
				
				#mainMenu ul li {
				float:left;
				height:30px;
				margin:0px 0px 0px 0px;
				color:#000;
				background-color:#fff;
				font-family:Tahoma, Verdana, Arial, Helvetica;
				font-size:150%;
				font-weight:normal;
				border:#000;
				border-style:solid;
				border-top-width:	0px;
				border-right-width:	1px;
				border-bottom-width:0px;
				border-left-width:	0px;
				}
				
				#mainMenu ul li a {
				text-decoration: none;
				display:block;
				color:#000;
				padding:3px 14px 6px 12px;
				}
				
				#mainMenu ul li.selected a {
				background-color:#000;
				text-decoration: none;
				color:#fff;
				}
		
				#mainMenu ul li a:hover {
				background-color:#000;
				text-decoration: none;
				color:#fff;
				}
				
				#mainMenu ul li.dormant a {
				background-color:#b4b4b4;
				height:18px;
				text-decoration: none;
				color:#fff;
				}
	
	#mainContent {
		width:100%;
		text-align:left;
		margin:auto;
		padding:3px 0px 0px 0px;
		/*background-image:url(../images/index_02.jpg);
		background-repeat:no-repeat;*/
		background-color:#0f0f0f;
		float:left;
	}
	
		#text, #about {
			position:relative;
			width:630px;
			-webkit-border-radius: 0px 0px 10px 10px;
			-khtml-border-radius: 0px 0px 10px 10px;
			-moz-border-radius: 0px 0px 10px 10px;
			font-family:Tahoma, Verdana, Arial, Helvetica;
			font-size:150%;
			font-weight:normal;
			line-height: 1.6em;
			border-radius: 0px 0px 10px 10px;
			background-color:#0f0f0f;
			border:#fff solid 1px;
			color:#fff;
			padding:20px 10px 5px 10px;
			margin:0px 0px 0px 0px;
			float:left;
			text-align:justify;
		}
		
			#text a:link{
				color:#fff;
				text-decoration:none;
			}
			
			#text a:hover{
				color:#d70000;
				text-decoration:underline;
			}
		
		#shop {
			position:relative;
			width:630px;
			height:720px;
			-webkit-border-radius: 0px 0px 10px 10px;
			-khtml-border-radius: 0px 0px 10px 10px;
			-moz-border-radius: 0px 0px 10px 10px;
			font-family:Tahoma, Verdana, Arial, Helvetica;
			font-size:150%;
			font-weight:normal;
			line-height: 1.6em;
			border-radius: 0px 0px 10px 10px;
			background-color:#000;
			border:#fff solid 1px;
			color:#fff;
			padding:0px;
			margin:0px 0px 0px 0px;
			float:left;
			text-align:justify;
		}
		
		#flash {
			position:relative;
			width:220px;
			height:210px;
			-webkit-border-radius: 0px 0px 10px 10px;
			-khtml-border-radius: 0px 0px 10px 10px;
			-moz-border-radius: 0px 0px 10px 10px;
			font-family:Tahoma, Verdana, Arial, Helvetica;
			font-size:150%;
			font-weight:normal;
			line-height: 1.6em;
			border-radius: 0px 0px 10px 10px;
			background-color:#000;
			border:#fff solid 1px;
			color:#fff;
			padding:0px;
			margin:0px 0px 10px 0px;
			float:right;
			text-align:justify;
		}
		
		#email {
			position:relative;
			width:220px;
			height:50px;
			-webkit-border-radius: 0px 0px 10px 10px;
			-khtml-border-radius: 0px 0px 10px 10px;
			-moz-border-radius: 0px 0px 10px 10px;
			font-family:Tahoma, Verdana, Arial, Helvetica;
			font-size:150%;
			font-weight:normal;
			line-height: 1.6em;
			border-radius: 0px 0px 10px 10px;
			background-color:#000;
			border:#fff solid 1px;
			color:#fff;
			padding:3px;
			margin:0px 0px 10px 0px;
			float:right;
			text-align:justify;
		}
		
		#advertising {
			position:relative;
			width:220px;
			-webkit-border-radius: 0px 0px 10px 10px;
			-khtml-border-radius: 0px 0px 10px 10px;
			-moz-border-radius: 0px 0px 10px 10px;
			font-family:Tahoma, Verdana, Arial, Helvetica;
			font-size:150%;
			font-weight:normal;
			line-height: 1.6em;
			border-radius: 0px 0px 10px 10px;
			background-color:#000;
			border:#fff solid 1px;
			color:#fff;
			padding:3px;
			margin:0px 0px 0px 0px;
			float:right;
			text-align:justify;
		}

		
		#links {
			position:relative;
			width:170px;
			height:300px;
			-webkit-border-radius: 10px;
			-khtml-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			background-color:#c8d8fc;
			border:#526183 solid 1px;
			padding:7px 0px 0px 5px;
			margin:0px 0px 0px 0px;
			float:right;
		}
		
			#linkMenu {
				position:relative;
				display:block;
				width:160px; 
				height:26px;
				float:left;
				padding:0px 0px 0px 0px;
				margin:-10px 0px 0px 0px;
			}
		
				#linkMenu ul {
				margin:0; 
				padding:0; 
				list-style-type:none;
				}	
				
				#linkMenu ul li {
				float:left;
				width:170px;
				margin:0px 0px 0px 0px;
				color:#5c6a8b;
				background-color:#e7eefd;
				font-family:Tahoma, Verdana, Arial, Helvetica;
				font-size:120%;
				font-weight:normal;
				border:#c8d8fc;
				border-style:solid;
				border-top-width:	0px;
				border-right-width:	0px;
				border-bottom-width:1px;
				border-left-width:	0px;
				}
				
				#linkMenu ul li a {
				text-decoration: none;
				display:block;
				color:#5c6a8b;
				padding:5px 14px 6px 12px;
				}
		
				#linkMenu ul li a:hover {
				background-color:#769bef;
				text-decoration: none;
				color:#fff;
				}
		
		#portSection {
			position:relative;
			width:750px;
			height:106px;
			-webkit-border-radius: 10px;
			-khtml-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			background-color: #c9e2ff;
			border:1px solid #677fb5;
			padding:0px 0px 0px 0px;
			margin:10px 0px 0px 0px;
			float:left;
		}
		
			portSection.transOFF {
				opacity:1;
				filter: alpha(opacity=100); 
				-moz-opacity: 1;
				}
				
			portSection.transON  {
				opacity:.50;
				filter: alpha(opacity=50); 
				-moz-opacity: 0.5;
			}
		
			#portImg {
				position:relative;
				width: 140px;
				border:#000000 solid 1px;
				padding:0px 0px 0px 0px;
				margin:-1px 0px 0px -1px;
				float:left;
			}
			
			#portText {
				position:relative;
				text-align:	left;
				width:570px;
				padding:0px 0px 0px 5px;
				margin:-5px 0px 0px 0px;
				float:left;
			}
		
	#footer {
		width:100%;
		height:70px;
		text-align:center;
		border-top: #666666 dashed 1px;
		margin:10px 0px 0px 0px;
		padding:3px 0px 0px 0px;
		float:left;
		clear:both;
	}
		
/* ----------- End layout styling ---------- */

/* ----------- Start text styling ---------- */

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#d70000;
}

h1 {
        font-size: 2.0em;
        margin-top: .3em; 
		line-height: 1.0em;
}

h2 {
        font-size: 1.5em;
        margin-top: .3em; 
		line-height: 1.0em;
}

h3 {
        font-size: 1.0em;
        margin-top: .3em; 
		line-height: 1.0em;
		color:#765353;
}

p.welcomeHead {
	border-bottom:1px dashed #999999;
	text-align:left;
	font-weight:bold;
	font-size:15px;
	color:#3e5ac5;
}

.welcomeHead {
	border-bottom:1px dashed #999999;
	text-align:left;
	font-weight:bold;
	font-size:15px;
	color:#3e5ac5;
}

p.welcomeCont {
	text-align:justify;
	font-weight:normal;
	font-size:11px;
	color:#000000;
}

a.welcomeLink:link {
	font-size:11px;
	color: #ea6106;
	text-decoration: none;
}

a.welcomeLink:visited {
	color: #ea6106;
	text-decoration: none;
}

a.welcomeLink:hover {
	color: #894213;
	text-decoration: underline;
}

.welcomeCont {
	text-align:justify;
	font-weight:normal;
	font-size:10px;
	color:#000000;
}

p.latestHead {
	border-bottom:1px dashed #999999;
	text-align:left;
	font-weight:bold;
	font-size:12px;
	color:#535353;
}

p.linkHead {
	border-bottom:1px dashed #999999;
	text-align:left;
	font-weight:bold;
	font-size:12px;
	color:#535353;
}

p.emailText {
	border-bottom:1px dashed #ffffff;
	text-align:left;
	font-weight:bold;
	font-size:12px;
	color:#ffffff;
}

p.emailDone {
	text-align:center;
	font-weight:bold;
	font-size:10px;
	color:#ffffff;
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px -10px;
}

p.portHeadStyle {
	text-align:left;
	font-weight:bold;
	font-size:12px;
	color:#2d437a;
}

p.portTextStyle {
	text-align:justify;
	font-weight:normal;
	font-size:10px;
	color:#000000;
}

p.pulltrans {
	color:black;
	width:150px;
	background:white;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
	font-size: 12px;  
	text-align: left;
}


.newsHeader{
	border-bottom:1px dashed #999999;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#535353;
}

.blogHeader{
	border-bottom:1px dashed #999999;
	font-size:15px;
	font-weight:bold;
	text-align:left;
	color:#3e5ac5;
}

a.flashLink:link {
	font-size:10px;
	color: #fff;
	text-decoration: none;
}

a.flashLink:visited {
	font-size:10px;
	color: #fff;
	text-decoration: none;
}

a.flashLink:hover {
	color: #d70000;
	text-decoration: underline;
}

a img{
	opacity: 0.8;
	-moz-opacity:0.8;
	filter:alpha(opacity=80);
	background-color: #fff;
}

a:hover img{
	opacity: 1.0;
	-moz-opacity:1.0;
	filter:alpha(opacity=100);
	background-color: #fff;
}

div.transOFF {
	width: 100%; 
	border:1px solid black; 
}

div.transON  {
	width: 100%; 
	opacity:.50;
	filter: alpha(opacity=50); 
	-moz-opacity: 0.5;
}

/* ----------- End text styling ---------- */