/* ThemeOfficeMenu Style Sheet */

body#green {
	background-color: #FFFFFF;
	background-image: url(../images/bg_green.gif);
	background-repeat: no-repeat;
	margin: 0px;
}

body#dot {
	background-color: #FFFFFF;
	background-image: url(../images/bg_dot.gif);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.red {
	font-weight: bold;
	color: #CC0033;
	font-family: "Comic Sans MS", verdana, arial, sans-serif;
}

.topmenufirstcell{
	padding-top: 50px;
	padding-right: 375px;
}

.BrandImage
{
	padding-top:	0px;
	padding-bottom:	0px;
	padding-left:	2px;
	padding-right:	2px;
	font-family:"Comic Sans MS", verdana, arial, sans-serif;
	font-size:	12px;
	font-weight:bold;
	color: #996699;
	height:27px;
	white-space:	nowrap;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #6699FF;
	border-bottom-color: #0066CC;
	background-color: #DEF0FE;
}

.PictureTitle
{
	font-family:"Comic Sans MS", verdana, arial, sans-serif;
	font-size:	10px;
	padding:	0;
	white-space:	nowrap;
	cursor:		hand;
	width:auto;
 }
 
.MenuTableTop
{
	align:top;
	text-align: center;
	padding: 0px 5px;
	margin: 0px;
}

.ThemeOfficeIndexTable
{
	border:0px;
	padding-left:0px;
	padding-bottom:30px;
}

.ThemeOfficeIndexMain
{  
	padding-left:152px;
	padding-top:380px;
	background-image:url(../images/picture_start.jpg);
	background-repeat:no-repeat;
	vertical-align:middle;
	padding-bottom:8px;
	
}

.ThemeOfficeLeftBackground
{
	background-repeat:no-repeat;
	background-image:url(../images/left.jpg);
	vertical-align:top;
}

.ThemeOfficeGreenHeader
{
	background-repeat:no-repeat;
	background-image:url(../Images/top.jpg);
	vertical-align:top;
	height:162px;
	padding-top:73px;
}

.ThemeOfficeDotHeader
{
	background-repeat:no-repeat;
	background-image:url(../Images/inner_top.jpg);
	vertical-align:top;
	height:162px;
	padding-top:73px;
}

.ThemeOfficeTopMenuCell
{
	padding-left:5px; 
}

.ThemeOfficeMenuTable
{
	padding-left:60px;
	padding-top:25px;
	vertical-align:top;
}



.ThemeOfficeSelectHighlight
{
	font-family:"Comic Sans MS",verdana, arial, sans-serif;
	font-size:	12px;
	font-weight:bold;
	color:#FF00FF;
	padding:	0;
	white-space:	nowrap;
	cursor:		hand;
	
	text-decoration: none;
	
}
.ThemeOfficeSelectTitle
{
	font-family:"Comic Sans MS",verdana, arial, sans-serif;
	font-size:	13px;
	font-weight:bold;
	color:#FF00FF;
	padding:	0;
	white-space:	nowrap;
	text-decoration: none;
	cursor:default;
	
}

.ThemeOfficeMenuTop
{
	font-family:"Comic Sans MS",verdana, arial, sans-serif;
	font-size:	12px;
	font-weight:bold;
	color: #00A2FF;
	white-space: nowrap;
	cursor: hand;
	text-decoration: none;
	text-align: center;
}

.ThemeOfficeContent
{
	font-family:"Comic Sans MS", verdana, arial, sans-serif ;
	font-size:	11px;
	color: #000000;
	padding:	0;
	cursor:		default;
	text-decoration: none;
	text-align:left;
	font-weight:400;
	
}

.ThemeOfficeContentPink
{
	font-family:"Comic Sans MS", verdana, arial, sans-serif ;
	font-size:	11px;
	color: #ff00ff;
	padding:	0;
	cursor:		default;
	text-decoration: none;
	text-align:left;
		
}
.ThemeOfficeContentBlue
{
	font-family:"Comic Sans MS", verdana, arial, sans-serif ;
	font-size:	11px;
	color: #0069EA;
	padding:	0;
	cursor:default;
	text-align:left;
	text-decoration:none;
}

.ThemeOfficeContentBlueH
{
	font-family:verdana,"Comic Sans MS", arial, sans-serif;
	font-size:	11px;
	color: #0069EA;
	padding:	0;
	text-align:left;
	cursor:hand;
	text-decoration:none;

}

.ThemeOfficeContentParagraph
{
	font-family:"Comic Sans MS", verdana, arial, sans-serif ;
	font-size:	11px;
	color: #000000;
	padding:	0;
	cursor:		default;
	text-decoration: none;
	text-align:left;
	font-weight:400;
	line-height:2;
}

.ThemeOfficeMenu,.ThemeOfficeSubMenuTable
{
	font-family:Comic Sans MS,verdana, arial, sans-serif;
	font-size:	13px;
	padding:	0;
	white-space:	nowrap;
	cursor:		hand;
	width:auto;
 }

.ThemeOfficeSubMenu
{
	position:	absolute;
	visibility:	hidden;
	/*
	   Netscape/Mozilla renders borders by increasing
	   their z-index.  The following line is necessary
	   to cover any borders underneath
	*/
	z-index:	100;
	border:		0;
	padding:	0px;
	background:	transparent;
	overflow:	visible;
	border:		0px solid #8C867B;
	/*filter:progid:DXImageTransform.Microsoft.Shadow(color=#FFFFFF, Direction=135, Strength=4);*/
	text-align:left;
	
}

.ThemeOfficeSubMenuTable
{
	overflow: visible;
}

.ThemeOfficeMainItem,.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive,
.ThemeOfficeMenuItem,.ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive
{
	border:		0;
	cursor:		default;
	white-space:	nowrap;
}

.ThemeOfficeMainItem
{
	color:#42B2FF;
	/*background-color:	#FFFFFF;*/
	background-color:Transparent;
}

.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive
{
	color:#FFFFFF;
	background-color:	#EF9ECE;
	background-repeat:no-repeat;
}

.ThemeOfficeMenuItem
{
	background-color:	#FFFFFF;
}

.ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive
{
	background-color:	#C6D3EF;
		
}


/* horizontal main menu */

.ThemeOfficeMainItem
{
	padding:	0px;
	border:		0;
}

td.ThemeOfficeMainItemHover,td.ThemeOfficeMainItemActive
{
	padding:	0px;
	border:		1px solid #3169C6;
}

.ThemeOfficeMainFolderLeft,.ThemeOfficeMainItemLeft,
.ThemeOfficeMainFolderText,.ThemeOfficeMainItemText,
.ThemeOfficeMainFolderRight,.ThemeOfficeMainItemRight
{
	background-color:	inherit;
	
}

/* vertical main menu sub components */

td.ThemeOfficeMainFolderLeft,td.ThemeOfficeMainItemLeft
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	2px;
	border-top:	0px solid #3169C6;
	border-bottom:	0px solid #3169C6;
	border-left:	0px solid #3169C6;

	background-color:	inherit;
	display:none;

}

td.ThemeOfficeMainFolderText,td.ThemeOfficeMainItemText
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	5px;

	border-top:	0px solid #3169C6;
	border-bottom:	0px solid #3169C6;
	font-weight:bold;
	
	background-color:	inherit; 
	white-space:	nowrap;
}


td.ThemeOfficeMainFolderTextHover,td.ThemeOfficeMainItemTextHover
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	5px;

	border-top:	0px solid #3169C6;
	border-bottom:	0px solid #3169C6;
	font-weight:bold;
	background-color:	inherit;
	white-space:	nowrap;
	
	
}

td.ThemeOfficeMainFolderRight,td.ThemeOfficeMainItemRight
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	0px;

	border-top:	0px solid #3169C6;
	border-bottom:	0px solid #3169C6;
	border-right:	0px solid #3169C6;

	background-color:	inherit;
	display:none;
}

tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderLeft,
tr.ThemeOfficeMainItem td.ThemeOfficeMainItemLeft
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	1px;
	padding-right:	2px;

	white-space:	nowrap;

	border:		0;
	background-color:	inherit;
}

tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderText,
tr.ThemeOfficeMainItem td.ThemeOfficeMainItemText
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	5px;

	border:		0;
	background-color:	inherit;
}

tr.ThemeOfficeMainItem td.ThemeOfficeMainItemRight,
tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderRight
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	1px;
	background: transparent;
	border:		0;
	background-color:	inherit;
}

/* sub menu sub components */

.ThemeOfficeMenuFolderLeft,.ThemeOfficeMenuItemLeft
{
	padding-top:	0px;
	padding-bottom:	0px;
	padding-left:	0px;
	padding-right:	0px;

	border-top:	0px solid #3169C6;
	border-bottom:	0px solid #3169C6;
	border-left:	0px solid #3169C6;

	background: transparent;
	background-image:	 url(../images/MenuLeft/menu_left.gif);
	width: 17px;
	white-space:	nowrap;
}
.ThemeOfficeMenuFolderLeftHover,.ThemeOfficeMenuItemLeftHover
{
	padding-top:	0px;
	padding-bottom:	0px;
	padding-left:	0px;
	padding-right:	0px;

	border-top:	0px solid #3169C6;
	border-bottom:	0px solid #3169C6;
	border-left:	0px solid #3169C6;

	background: transparent;
	background-image:	 url(../images/MenuLeft/menu_left_over.gif);
	width: 17px;
	white-space:	nowrap;
}

.ThemeOfficeMenuFolderText,.ThemeOfficeMenuItemText
{
	padding-top:	0px;
	padding-bottom:	0px;
	padding-left:	5px;
	padding-right:	5px;

	border-top:	0px solid #3169C6;
	border-bottom:	0px solid #3169C6;
	font-family:Comic Sans MS,verdana, arial, sans-serif;
	font-size:	13px;
	font-weight:bold;
	color: #8C0075;
	background-image:	 url(../images/MenuLeft/menu_tile.gif);
	height:27px;
	white-space:	nowrap;
}

.ThemeOfficeMenuFolderTextHover,.ThemeOfficeMenuItemTextHover
{
	padding-top:	0px;
	padding-bottom:	0px;
	padding-left:	5px;
	padding-right:	5px;

	border-top:	0px solid #3169C6;
	border-bottom:	0px solid #3169C6;
	font-family:Comic Sans MS,verdana, arial, sans-serif;
	font-weight:bold;
	font-size:	13px;
	color: #FFFFFF;
	background-image:	 url(../images/MenuLeft/menu_tile_over.gif);
	height:27px;
	white-space:	nowrap;
}

.ThemeOfficeMenuFolderRight,.ThemeOfficeMenuItemRight
{
	padding-top:	0px;
	padding-bottom:	0px;
	padding-left:	0px;
	padding-right:	0px;

	border-top:	0px solid #3169C6;
	border-bottom:	0px solid #3169C6;
	border-right:	0px solid #3169C6;

	background:	transparent;
	background-image:	 url(../images/MenuLeft/menu_right.gif);
	width:16px;
	white-space:	nowrap;
}

.ThemeOfficeMenuFolderRightHover,.ThemeOfficeMenuItemRightHover
{
	padding-top:	0px;
	padding-bottom:	0px;
	padding-left:	0px;
	padding-right:	0px;

	border-top:	0px solid #3169C6;
	border-bottom:	0px solid #3169C6;
	border-right:	0px solid #3169C6;

	background:	transparent;
	background-image:	 url(../images/MenuLeft/menu_right_over.gif);
	width:16px;
	white-space:	nowrap;
}

.ThemeOfficeMenuItem .ThemeOfficeMenuFolderLeft,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemLeft
{
	padding-top:	0px;
	padding-bottom:	0px;
	padding-left:	0px;
	padding-right:	0px;

	white-space:	nowrap;

	border:		0;

}

.ThemeOfficeMenuItem .ThemeOfficeMenuFolderText,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemText
{
	padding-top:	0px;
	padding-bottom:	0px;
	padding-left:	5px;
	padding-right:	5px;
	color			:#8C0075;
	font-family:Comic Sans MS,verdana, arial, sans-serif;
	font-size:	13px;
	border:		0;

}

.ThemeOfficeMenuItem .ThemeOfficeMenuFolderRight,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemRight
{
	padding-top:	0px;
	padding-bottom:	0px;
	padding-left:	0px;
	padding-right:	1px;

	border:		0;

}

/* menu splits */

.ThemeOfficeMenuSplit
{
	margin:		2px;
	height:		8px;
	overflow:	hidden;
	background-color:	inherit;
	border-top:	0px solid #C6C3BD;
}

/* image shadow animation */

/*
	seq1:	image for normal
	seq2:	image for hover and active

	To use, in the icon field, input the following:
	<img class="seq1" src="normal.gif" /><img class="seq2" src="hover.gif" />
*/

.ThemeOfficeMenuItem img.seq1
{
	display:	inline;
}

.ThemeOfficeMenuItemHover seq2,
.ThemeOfficeMenuItemActive seq2
{
	display:	inline;
}

.ThemeOfficeMenuItem .seq2,
.ThemeOfficeMenuItemHover .seq1,
.ThemeOfficeMenuItemActive .seq1
{
	display:	none;
}

.footer
{
	font-family:Verdana;
	font-size:10px;
	color:#CCCCCC;
	font-weight:500;
	text-decoration:none;
}