/************************ MAIN TABLE *********************************/
body{
	margin:0px;
	padding:0px;
	text-align:center;
	
	height:100%;
	background-image:url(images/background.jpg);
	background-attachment: fixed;
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
}
/************************ MAIN TABLE *********************************/

/************************ MAIN SITE STYLE *********************************/
#wrapper {
	text-align: left;
	margin: auto;
	width: 900px;
	position:relative;
	background-color:#FFF;
	z-index: 1;
}
/************************ MAIN SITE STYLE *********************************/

/***************************** TEXT STYLE *********************************/

.red{
	color:#F00;
}

/**** Style 2 ****/
.style2{
	z-index: 0;
	color:#000;
}
.style2 A:link {text-decoration: none; color: #036;}
.style2 A:visited {text-decoration: none; color: #036;}
.style2 A:active {text-decoration: none; color: #036;}
.style2 A:hover {text-decoration: underline ; color: #036;}
/**** Style 2 ****/

/**** Style 3 ****/
.style3{
	color:#FFFFFF;
	font-size: 12px;
}
.style3 A:link {text-decoration: none; color: 004573;}
.style3 A:visited {text-decoration: none; color: 004573;}
.style3 A:active {text-decoration:none; color: #036;}
.style3 A:hover {text-decoration: underline; color: #036;}
/**** Style 3 ****/

/**** Style 4 ****/
.style4{
	color:#FFFFFF;
}
.style4 A:link {text-decoration: none; color: #FFF;}
.style4 A:visited {text-decoration: none; color: #FFF;}
.style4 A:active {text-decoration:none; color: #FFF;}
.style4 A:hover {text-decoration: underline; color: #FFF;}
/**** Style 4 ****/

/**** Links ****/
a{	color: white; }
.alink{
	color: white;
	text-decoration: none;
}
/**** Links ****/

/************************ TEXT STYLE *********************************/

/**** Navigation ****/
#navigation {     
	float: left;     
	width: 10em;
} 
#navigationPanel {     
	float: left;     
	width: 200px;
} 
#navigation2 {    
	float: right;   
	width: 10em; 
}

/**** Navigation ****/

 #borderpanelRed{
	 border-color:#CC0000;
	 border-style:solid;
	 border-width:thin;
	 padding:10;
	 height:300px;
 
 }


#header {
	position:relative;
	top:auto;
	width:800px;
	text-align:left;
}

.contentFont {
	color:#000;
}

/************************ FOOTER STYLE *********************************/

.footerFont {
	color: #999999;
}

#footer {     
	clear: both; 
} 
/************************ END FOOTER STYLE *********************************/

/* Content Table Layout */
TABLE.contentTable
{
    border-color:#036;
  	border: 0.5px solid #036;
	z-index: 1;
}
TD.contentTable
{
    border-color:#CCC;
   	z-index: 1;
    border:  1px solid #036;
    margin: 0;
    padding: 4px;

}
TH.contentTable { 
	color:#ffffff;
	background-color:#036;
	font-style:normal #FFF;
	border:  1px solid #036;
	padding: 4px;
	z-index: 1;
	
}
TR.contentTable { 
	color:#069;
	font-style:normal #FFF;
	border:  1px solid #036;
	padding: 4px;
	z-index: 1;
	
}


/* Content Table Layout */
TABLE.contentTableIndex
{
    border-color:#036;
  	border: 0.5px solid #036;
	z-index: 1;
}
TD.contentTableIndex
{
    border-color:#CCC;
   	z-index: 1;
    border:  1px solid #036;
    margin: 0;
    padding: 4px;

}
TH.contentTableIndex { 
	color:#ffffff;
	font-style:normal #FFF;
	border:  1px solid #036;
	padding: 4px;
	z-index: 1;
	
}
TR.contentTableIndex { 
	color:#069;
	font-style:normal #FFF;
	border:  1px solid #036;
	padding: 4px;
	z-index: 1;
	
}


/************************ WHATS HOT TABLE *******************************/
TABLE.whatshot
{
    border-color:#036;
  	border: 1px solid #036;
	z-index: 1;
	font-family: Verdana, Arial, sans-serif #FFF;
}
TH.whatshot { 
	text-align:left;
	background-color:#036;
	color:#FFF;
	padding: 4px;
	z-index: 1;
}

TD.whatshot { 
	text-align:left;
	padding: 4px;
	z-index: 1;
}

/************************ WHATS HOT TABLE *******************************/

/************************ MICROSITE TABLES *******************************/
TD.micrositeTable
{
    border-color:#CCC;
   	z-index: 1;
    border:  1px solid #069;
    margin: 0;
    padding: 4px;
}
TR.micrositeTable
{
    border-color:#CCC;
   	z-index: 1;
    border:  1px solid #069;
    margin: 0;
    padding: 4px;
}
TABLE.micrositeTable
{
    border-color:#CCC;
   	z-index: 1;
    border:  1px solid #069;
    margin: 0;
    padding: 4px;
}

/************************ MICROSITE TABLES *******************************/


	.tablerow1 {
		background-color: #999999;
	}
	
	.tablerow2 {
		background-color: #D4D0C8;
	}

	#dhtmlgoodies_menu a{
		color: #000;
		background-color:#ffffff;
		text-decoration:none;
		padding-left:2px;
		padding-right:2px;
	
	}
	
	/*
	Main menu items 
	*/
	


	.bodyText{
		padding-left:10px;
		padding-right:10px;
		border-top:1px solid #000000;	
	}
	.bodyText p{
		margin-top:5px;
	}
	#mainContainer{
		width:760px;
		height:600px;
		border:1px solid #000000;
		margin:0 auto;
		background-image:url('../../images/heading3.gif');
		background-repeat:no-repeat;
		padding-top:85px;			
	}
	#mainMenu{
		background-color: #FFFfff;	/* Background color of main menu */
		/*border-bottom:1px solid #000000;	 Bottom border of main menu */
		height:auto;	/* Height of main menu */	
		position:relative;	/* Don't change this position attribute */
		
	}
	#mainMenu a{
		padding-left:5px;	/* Spaces at the left of main menu items */
		padding-right:5px;	/* Spaces at the right of main menu items */
		font-weight:bold;
		background-color: #FFFfff;	/* Background color of main menu */
		/* Don't change these two options */
		position:absolute;
		bottom:-1px;	/* Change this value to -2px if you're not using a strict doctype */
	}
	#submenu{		
		
		background-color:#E2EBED;	/* Background color of sub menu items */
		height:20px;
		width:100%;	/* Don't change this option */
		
	}	
	#submenu div{
		white-space:nowrap;	/* Don't change this option */
		
	}
	/*
	Style attributes of active menu item 
	*/
	#mainMenu .activeMenuItem{
		/* Border options */
		border-left:1px solid #000000;
		/* border-top:1px solid #000000;*/
		border-right:1px solid #000000;		
		/*background-color: #E2EBED;	 Background color */
		background-color: #FFFfff;	/* Background color of main menu */
		cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
	}
	
	#mainMenu .activeMenuItem img{
		position:absolute;
		bottom:0px;
		right:0px;
	}
	
	#mainMenu A:link {text-decoration: none; color:#036;}
	#mainMenu A:visited {text-decoration: none; color: #036;}
	#mainMenu A:active {text-decoration: none; color: #036;}
	#mainMenu A:hover {text-decoration: underline ; color: #036;}
	/*
	Style attributes of inactive menu items
	*/
	#mainMenu .inactiveMenuItem{		
		color: #000;	/* Text color */
		cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
	}
	
	#submenu a{	
		text-decoration:none;	/* No underline on sub menu items - use text-decoration:underline; if you want the links to be underlined */
		padding-left:10px;	/* Space at the left of each sub menu item */
		padding-right:10px;	/* Space at the right of each sub menu item */
		color: #000;	/* Text color */
		font-size:12px; 
	}
	
	#submenu a:hover{
		color: #FF0000;	/* Red color when the user moves the mouse over sub menu items */
	}
	

	.clear{
		clear:both;
	}
	

	/************************** TWITTER ********************************/
	
	.woork{
	color:#444;
	width:600px;
	margin: 0 auto;
}
.twitter_container{
	color:#444;
	width:100%;
	margin: 0 auto;
}
.twitter_container a{
	color:#0066CC;
}
.twitter_status{
	/*height:60px;*/
	padding:6PX;
	border-bottom:solid 1px #DEDEDE;
}
.twitter_image{
	float:left; 
	margin-right:14px;
	border:solid 2px #DEDEDE;
	width:30px;
	height:30px;
}
.twitter_small{
 font-size:10px;
 padding-top:4px;
 color:#999;
}
	/************************** TWITTER ********************************/
	
	
	/************************** TABLE HIGHTLIGHT **************************/
	thead td .highlightTable{
		font-weight:bold;
		color:#000;
		background-color:#E2EBED;
		padding-top:10px;
		padding-bottom:10px;
		padding:10px 10px 10px 10px;
	}
	td .highlightTable{
		 padding:10px 10px 10px 10px;
	}
	table .highlightTable{
		border:1px solid #000;
		border-collapse: collapse;
		padding:10px 10px 10px 10px;
	}
	h1 .highlightTable{
		margin-bottom:0px;
	}

	.highlightTable A:link {text-decoration: none; color: #036;}
	.highlightTable A:visited {text-decoration: none; color: #036;}
	.highlightTable A:active {text-decoration: none; color: #036;}
	.highlightTable A:hover {text-decoration: underline ; color: #036;}
	/* These classes are used by the script as rollover effect for table 1 and 2 */
	
	.tableRollOverEffect1{
		background-color:#317082;
		color:#FFF;
	}

	.tableRollOverEffect2{
		background-color:#000;
		color:#FFF;
	}
	
	.tableRowClickEffect1{
		background-color:#FF6;
		color:#FFF;
	}
	.tableRowClickEffect2{
		background-color:#00F;
		color:#FFF;
	}
	/************************** TABLE HIGHTLIGHT **************************/
	
	/************************** SLIDING EFFECT LIKE NEWSLETTER ******************************/
		/* Layout properties for your question  */
	.question{
		font-weight:bold;	/* Bold font */		
		color: #ffffff;		/* The questions is in red */
		font-size:13px;
		cursor:pointer;		/* Cursor is like a hand when someone rolls the mouse over the question */
		
			background-color:#036;
			width:620px;
			margin-bottom:2px;
			margin-top:2px;
			padding-left:2px;
			background-image:url('images/bg_answer.gif');
			background-repeat:no-repeat;
			background-position:top right;	
			height:20px;

	}
		
	.answer{
		/* Layout properties - You can change these */
		
		border: 1px solid #555555;
		padding:10px;
		width:600px;
		background-color:#E2EBED;
		font-size:12px;
		
		/* This one should not be changed */
		display:none;	
	}
	.answer A:link {text-decoration: none; color: #036;}
	.answer A:visited {text-decoration: none; color: #036;}
	.answer A:active {text-decoration: none; color: #036;}
	.answer A:hover {text-decoration: underline ; color: #036;}
	/************************** SLIDING EFFECT LIKE NEWSLETTER ******************************/
	
	
	#navigation .primary, #navigation .secondary {
    margin-bottom: 10px;
    border: 5px solid #fff;
    line-height: 1.3;
    padding-bottom: 5px;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
	font-size:13px;
}

#navigation #guide {
    margin: 7px 0 10px;
    padding: 0.6em 0 1em;
    background: #369;
    font-weight: bold;
    font-size: 115%;
}

.primary p {
    margin: 1.2em 5px 1.2em 0;
}

#navigation .secondary {
    margin: 10px 0 50px;
    background: #039;
    padding: 2px 5px 0 5px;
}

#navigation #author {
    margin: 10px 0 50px;
    padding: 0px 5px 0 5px;
    background: #369;
    text-align: justify;
}

.icon {
    vertical-align: top;
}

#mainText{
	background-image:url(images/background.jpg);
}