/*--------------------------------------------------------------------
    
    Standard Web CSS Document for NETSARIUS & Eskaywoo projects

---------------------------------------------------------------------*/

/* CCS for elements  */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/bg-bluegreen.jpg);

    background-repeat: repeat-x;
	background-position: center top;	/* Set background color
	   background-color: #02569A;
    */
    
	/* Set background image
       background-image:url('filename.gif');
       background-repeat:no-repeat | repeat | repeat-x | repeat-y;
       background-attachment:fixed; (this will make the image looks like floating)
    */
}
.bgcontent {
	background-image: url(../images/bg-contentbox.png);
	background-repeat: repeat-y;
	background-position: center top;
}

.bgcontent2 {
	background-image: url(../images/bg-contentbox.png);
}

.bgcontent_contact {
	background-image: url(../images/img-midbox-mid.png);
	background-repeat: repeat-y;
	background-position: center top;
}

.bgcontent_big {
	background-image: url(../images/img-bigbox-mid.png);
	background-repeat: repeat-y;
	background-position: center top;
}

.bgbody {
	background-image: url(../images/img-background-skygrass.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

body,td,th, p, div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/* 12px, 11px, 10px are common */

	/* options for text setting
       color: #000000;
       text-align:  	left | right | center | justify
       text-decoration:  	none | underline | overline | line-through | blink
	   word-spacing:	normal | 14px;
	   letter-spacing:	normal | 14px;
	*/
}

p, span {
    text-align: left;
}

/* CCS for links  */

/*
a:link {
	color: #999999;
	text-decoration: none;
	border-bottom: 1px dashed;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
*/

a:link {
	color: #02569A;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #02569A;
}

.footer {
	background-image: url(../images/ft-grass.png);
	background-repeat: repeat-x;
	background-position: bottom;
}



/*
a:hover {
	text-decoration: none;
	color: #666666;
	background-image: url(../images/bg-links.png);
	background-repeat: repeat-y;
	background-position: right top;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
*/


a:active {
	text-decoration: none;
	color: #02569A;
}

/* header elements */

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}


/* form elements */
INPUT, TEXTAREA, BUTTON, SELECT{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align:middle;
	border: 1px solid #999999;
	color: #666666;	
}


/* others */
div, h1, h2, h3, h4, form, label, img, span{
	margin:0; padding:0; border:0px;
}


/* block quote and list */
BLOCKQUOTE, PRE	{font-family:	Courier New, monospace;}
UL LI	{
	list-style-position: outside;
	list-style-image: url(../images/img-bullet-arrow-u.png);
	text-align: left;
}
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;}


/*--------------------------------------------------------------------
    
    User Defined Class and CSS settings

---------------------------------------------------------------------*/

.header1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	color: #665439;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	text-align: left;
	text-transform: uppercase;

}

.header3 {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	padding-left: 20px;
	text-transform: uppercase;
}



.bullet {
	list-style-position: inside;
	list-style-image: url(../images/img-bullet-arrow-u.png);
}

.indent {
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	text-align: left;
}

.copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	text-align: left;
}

.header2 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; color:#02569A;text-align: left;}

.header4 {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #333333;
	padding-left: 15px;
}

a.footer:link, a.footer:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	text-decoration: none;
	border: 0px;	
}

a.footer:hover, a.footer:active{
	color:#FF0000;
	background-color:#B2C931;
	text-decoration: none;
	border: 0px;	
}

.copyright {font-size: 8px;}


.newsevent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
}
a:hover.newsevent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	background-image: url(../images/bg-links.png);
	background-repeat: repeat-y;
	background-position: right top;
}

.searchbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	background-color: #FFFFFF;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	height: 16px;
	width: 170px;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-left: 1px;
	margin-left: 20px;
}
.search-bg {
	background-image: url(images/bg-search-bg.png);
	background-repeat: no-repeat;
}



.tab-login {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	background-image: url(images/bg-login-box.png);
	background-repeat: repeat-y;
}
.copy-loginbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
}
.login-heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	color: #666666;
	text-decoration: none;
}

.breadcrumb {
	padding-left:15px;
	padding-bottom:5px;
	font-size:11px;
	color:#FFFFFF;
	text-align: left;
}

.breadcrumb a:link, .breadcrumb a:visited {
	text-decoration:none;
	color:#FFFFFF;
}

.breadcrumb a:hover {
	color:#EEEEEE;
}   

.bgcontent, .bgcontent_big, bgcontent2 {
    text-align: left;
}

.whiteline {
	background-color: #FFFFFF;
}

.bgbrownline {
	background-color: #cccc99;
}

.bgcontent_midtable {
	background-image: url(../images/img-whitemidbox-mid.png);
	background-position: center;
	background-repeat: repeat-y;
	background-color: #FFFFFF;
}

.bg-coloured {
	background-repeat: repeat;
	background-color: #FFFBCC;
}

.versioncopy {
	font-size: 10px;
}