/********************************************************************************
//  gogoalsoft.css
//  GoGoalSoft Website
//
//  Created by Gordon Ho on 11/05/2006.
//  Copyright 2006 GoGoalSoft Limited. All rights reserved.
//
//	http://www.gogoalsoft.com/
//
//	info@gogoalsoft.com
//
********************************************************************************/



body
{
	/*	margin: 		0px; */
	font-family: 		Geneva, Arial;
	background-color:	#CCCCCC;

	/*
	blue:	#EBEEFA;	light(235,238,250) #EBEEFA		medium(143,164,247) #8FA4F7
	yellow:	#FFF3B1;	light(255,243,177) #FFF3B1		dark(254,227,138) #FEE38A
	grey:	#CDCCC9;	(205,204,201)
	*/

	color:				#555555;	/* font color */
	font-size:			small;
}

table
{
	font-family: 		Geneva, Arial;
	color:				#555555;	/* font color */
	font-size:			small;
}









.majorHeading
{
	color:			#FF0000;
	font-size:		large;
	font-weight:	bold;
}


.heading
{
	color:			#3366FF;
	font-size:		medium;
	font-weight:	bold;
}


.subheading
{
	color:			#00FF00;
	font-size:		medium;
	font-weight:	bold;	
}







#overall
{
	width: 			820px;
	text-align: 	left;
}

#header
{
	margin: 		0; 
	padding: 		0; 
	height: 		141px; 
	width: 			820px; 
	background:		url(/images/header.png) no-repeat bottom center;
}

#logo
{
/*	padding-left: 	40px;
	padding-top: 	37px; */
	
	position:		relative;
	top:			37px;
	left:			60px;
}






#nav
{
	margin: 		0;
	padding: 		0; 
	height: 		53px; 
	width: 			820px; 
	background:		url(/images/nav.png) no-repeat bottom center;
	vertical-align:	middle;
/*	border:	1 solid #000000;*/
}

#nav ul
{
	margin: 		0;
	padding: 		0;
	list-style-type: none;
	text-align: 	center;
	height:			53px;
	
	
	/* center the entire list */
	width:			754px;
	position:		relative;
	left:			32px;
	top:			0px;
}

#nav ul li 
{ 
	display: 		inline;
	position:		relative;
	padding: 		0 1em 0 1em;
	top:			18px;					/* center inside the navbar */
}

#nav ul li a
{
	text-decoration: none;
	padding: 		17px 1em 19px 1em;		/* make sure the box around the text is selectable */
	color: 			#FFFFFF;
	font-size:		12px;
	letter-spacing:	1px;
}

#nav ul li a:hover
{
	color: 			#FF0000;
	background:		url(/images/selected.png) repeat-x bottom center;
}







#smallNav
{
	margin: 		0;
	padding:        0;
	left: 	        60px; 
	position:       relative;
	height: 		32px; 
	width: 			600px; 
	background:		url(/images/smallNav.png) no-repeat bottom center;
	vertical-align:	middle;
	font-size:		11px;
	/*	border:	1 solid #000000;*/
}

#smallNav ul
{
	margin: 		0;
	padding: 		0;
	list-style-type: none;
	text-align: 	center;
	height:			32px;
	
	
	/* center the entire list */
	width:			580px;
	position:		relative;
	left:			10px;
	top:			0px;
	/*	border:	1 solid #000000;*/
}

#smallNav ul li 
{ 
	display: 		inline;
	position:		relative;
	padding: 		0 5px 0 5px;
	top:			9px;					/* center inside the navbar */
	
	color:          #FF9933;
	/*	border:	1 solid #000000;*/
}

#smallNav ul li span
{
	text-decoration: none;
	padding: 		8px 5px 10px 5px;		/* make sure the box around the text is selectable */
}

#smallNav ul li a
{
	text-decoration: none;
	padding: 		8px 5px 10px 5px;		/* make sure the box around the text is selectable */
	color: 			#FFFFFF;
	
    /*  border: 1 solid #000000;*/
	/*  letter-spacing:	1px;  */
}

#smallNav ul li a:hover
{
	color: 			#FF9933;
	background:		url(/images/smallNavSelected.png) repeat-x bottom center;
}









#contents
{
	margin: 		0; 
	padding: 		0; 
	width: 			820px; 
	background:		url(/images/center.png) repeat-y bottom left;
/*border: 1 solid #000000;*/
}

#stuff
{

	position: 		relative;	
	left:			50px;
	/*top:			20px;*/

	padding-bottom: 15px;
	padding-right: 	100px;
/*border: 1 solid #000000;*/
	
}






.rightSide
{
	width:			205px;
	border:			1 solid #000000;
	border-style:	solid; 
	border-width: 	1px;
	float:			right;
	padding:		7px;
	font-weight:	lighter;
	font-size:		smaller;
	vertical-align: bottom;
	position:		relative;
}




.quicklink
{
	border:			1 solid #000000;
	border-style:	solid; 
	border-width: 	1px;
	float:			right;
	padding:		0px;
	font-weight:	lighter;
	font-size:		smaller;
	vertical-align: bottom;
	position:		relative;
}




.relativeRight
{
	float:			right;
	padding:		10px 30px 5px 30px;
	vertical-align: top;
	position:		relative;
}




.right
{
	float:			right;
	vertical-align: top;
	position:		relative;
}




#footer
{
	margin: 		0; 
	padding: 		0; 
	height: 		29px; 
	width: 			820px; 
	background:		url(/images/footer.png) no-repeat bottom center;
}

.bottomBar
{
	font-size:		10px;
	text-align:		center;
}


.smallerText
{
	font-size:		10px;
}