@import url(SiteLink.css);
@import url(Header.css);
@import url(ThreePanes.css);
@import url(modules.css);
@import url(Footer.css);
@import url(TabStyleMenu.css);
@import url(DropDownStyleMenu.css);
@import url(DefaultElements.css);
@import url(rb_defaults.css);


/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< START OF SECTION >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* <<<<<																	  >>>>> */
/* <<<<<          This section controls the Header look and feel.			  >>>>> */
/* <<<<<																	  >>>>> */
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< START OF SECTION >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/************************************************************************************/
/*						Controls the header, title and shim colors.					*/
/************************************************************************************/
.HeadBG								/* HEADER BACKGROUND		*/
{
    BACKGROUND-COLOR: #ffffff;		/* Header background color	*/
    background-image: none;			/*url(./img/rain-100pure.gif);*/
    background-repeat: no-repeat;
}

.HeaderShim				/* **NEW**	UPPER & LOWER SHIMS BORDERING HEADER*/
{
	background-color: #ffffff;		/* color		*/
	height: 2px;					/* thickness	*/
}

.SiteTitle							/*HEADER - Controls for the site*/
{									/*title.						*/
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    
    FONT-FAMILY:  Arial, Verdana;
    FONT-WEIGHT: bold;
    FONT-SIZE: 18pt;
    
    COLOR: #AC66AB;
    TEXT-DECORATION: none;
    text-align: right;
    vertical-align: middle;
}

/************************************************************************************/
/*						Controls the inset menu inside the header.					*/
/************************************************************************************/
.SiteLink, .SiteLink A:link, .SiteLink A:visited,	/* Controls font used for menu items */
.SiteLink A:hover, .SiteLink A:active				/* within the inset menu.			 */
{
    FONT-FAMILY: Verdana, Arial;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 7pt;
}

.SiteLink, SiteLinkSeperator		/*RELATES TO INSET MENU IN TOP RIGHT CORNER*/
{									
    background-color: #ffffff;		/*Controls background color - removing makes transparent */
    color: #997399;					/*Controls color of "Welcome User"*/
}
.SiteLinkSeperator, .SiteLink A:link,	/*Controls colors for hyperlinks in SiteLink*/
.SiteLink A:visited						
{
    COLOR: #997399;
    background-color: White
}
.SiteLink A:hover						/* Controls Color & decoration for Hover	*/ 
{										/* links in sitelink						*/
    COLOR: #C020C0;
    text-decoration: none; 
}
.Sitelink A:active						/*Controls for active link in sitelink*/
{
    COLOR: #C020C0;
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< END OF SECTION >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */


/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< START OF SECTION >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* <<<<< This section controls the color & look of the menu entries, along    >>>>> */
/* <<<<< with the look & feel of the drop down menu styles.					  >>>>> */
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */


/************************************************************************************/
/* Controls the spacing on the root level Tab Style menu entries.					*/
/************************************************************************************/
.Tabs A:link, .Tabs A:visited, .Tabs A:hover,
.SelectedTabs A:link, .SelectedTabs A:visited, .SelectedTabs A:hover
{
    padding: 0px,15px,10px,15px;
}


/************************************************************************************/
/* Controls the spacing on the SubTabs in the Tab Style menu entries.				*/
/************************************************************************************/
.SubTabs A:link, .SubTabs A:visited, .SubTabs A:hover,
.SelectedSubTabs A:link, .SelectedSubTabs A:visited, .SelectedSubTabs A:hover
{
    padding: 0px,15px,0px,15px;
    font-size:9pt;
}

/************************************************************************************/
/* Sets font properties for Menu and Tab style menus ( for both tab and subtabs )	*/
/************************************************************************************/
.MenuItem, .MenuItemHi, .MenuSub, .MenuSubHi, .Menu
.Tabs A:hover, .Tabs A:link, .Tabs A:visited,
.SubTabs A:hover, .SubTabs A:link, .SubTabs A:visited
{											
    FONT-FAMILY:	Comic Sans MS, Arial, Verdana;			
    FONT-WEIGHT:    normal;
    FONT-SIZE:		9pt;	
    background-color: white;	
    padding-top:	6px;
    padding-bottom:	6px;
}

/************************************************************************************/
/* Sets background color for unselected menu items in both the Menu and Tab layouts.*/
/************************************************************************************/
.MenuItem, .MenuSub, .Menu, .Tabs					
{									
	font-size: 9pt;		
}

.MenuSub, MenuSub, .Menu
{
	background-color: #ffddff;		
}
									
/************************************************************************************/
/* Sets text color for unselected menu items (in both menu and tab style)			*/
/************************************************************************************/
.MenuItem, .Menu, .Tabs A:link, .Tabs A:visited,
.SubTabs A:link, .SubTabs A:visited
{											
	color: #997399;				/* Sets the text color */
	font-weight:normal;
}

/* Can't workout how to highlight the active tab
 .Tabs A:Active
{											
	color: #C020C0;			
	font-weight:bold;
}*/


/************************************************************************************/
/* Sets text and background color for menu items mouse hovers over ( Not subtabs )	*/
/* The padding values set the amount of vertical fill of bgcolor on Tab style menus */
/************************************************************************************/ 
.Tabs A:hover, .MenuItemHi, .MenuSubHi
{									
	color: #C020C0;				/* Sets the text color */
	background-color:White;	/* Sets the background color */
	font-weight:bold;
    padding-top:	0px;
    padding-bottom:	0px;
}
/*
.MenuItemHi, .MenuSubHi
{
	font-size:9pt;
}
*/
/************************************************************************************/
/* Sets background color for the selected item in the DefaultSubTab style layout.	*/
/************************************************************************************/
.SelectedTabs, .SubTabs				
{									
	background-color: White;
	font-size:9pt;
	font-weight:bold;
        color: #C020C0;
}

/************************************************************************************/
/* Sets background color for the selected SubTab in the DefaultSubTab style layout.	*/
/************************************************************************************/
.SelectedSubTabs				
{									
	background-color: #F5C6F5;		
	font-weight:bold;
}

/************************************************************************************/
/* Sets text and background color for sub-menu items mouse hovers over (ie SubTabs)	*/
/* The padding values adjust the vertical fill of bgcolor on Tab style menus.		*/
/************************************************************************************/
.SubTabs A:hover 			
{									
	color: #ffffff;					/* Text color */
	background-color: #21438c;		/* Background Color */		
	font-weight:bold;
    font-style:italic;
    font-size:9pt;
    padding-top:	2px;
    padding-bottom:	0px;
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< END OF SECTION >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */







/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< START OF SECTION >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* <<<<<																	  >>>>> */
/* <<<<< This section controls the color of the main body.					  >>>>> */
/* <<<<<																	  >>>>> */
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< START OF SECTION >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/************************************************************************************/
/* Controls the main body background color and seperation from edge of screen.		*/
/************************************************************************************/
BODY
{
    BACKGROUND-COLOR: White; /*#EFEFE4; *//* #E4EFE8; #EFE4EB;*/		/* Overall bground color of the	*/ 
									/* display. It is also the		*/
									/* transition screen color.		*/
	background-image: none; /* url(img/bunnyfeet160col.gif); */
}


/************************************************************************************/
/* Controls the main body overall width. If less than width of display area, the 	*/
/* site is displayed centered horizontally.											*/
/************************************************************************************/
.rb_DefaultLayoutTable
{
	width: 760;							/* Controls the pages overall width			*/
										/* 782 fits exactly within IE6 at 800 x 600	*/

	border-left:	solid 0px black;	/* Controls the borders around the edge of	*/
	border-right:	solid 0px black;	/* the display area							*/
	border-top:		solid 0px black;
	border-bottom:	none 0px black;
}

.rb_DefaultLayoutDiv
{
    padding-top: 1px;					/* Controls vertical spacing of display from*/
}										/* the top of the screen					*/

/************************************************************************************/
/* Controls the background color and image (if loaded) for each of the three panes	*/
/************************************************************************************/
.LeftPane								/* Left pane controls*/
{
    background-color:	#FFFFFF;		/* Pane background color*/
    background-image:	url(img/bunnyfeet160col.gif);
    background-repeat:	repeat-y;		/* Repeat direction of any background image loaded in the pane*/
/*	width:		Width cannot be controlled here - to modify the pane width, you have	*/
/*				to edit the DeskTopThreePanes.ascx file, in the section<LeftPaneStyle>	*/
}
.RightPane
{
    background-color:	#FFFFFF;
    background-image:	none;
    background-repeat:	repeat-y;		/*Repeat direction of any background image loaded in the pane*/
/*	width:		Width cannot be controlled here - to modify the pane width, you have	*/
/*				to edit the DeskTopThreePanes.ascx file, in the section<RightPaneStyle>	*/
}
.ContentPane
{
    background-color:	#FFFFFF;
    background-image:	none;
    background-repeat:	repeat-y;		/*Repeat direction of any background image loaded in the pane*/
/*	width:		Width cannot be controlled here - to modify the pane width, you have	*/
/*				to edit the DeskTopThreePanes.ascx file, in the section<ContentPaneStyle>	*/
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< END OF SECTION >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */





/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< START OF SECTION >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* <<<<<																	  >>>>> */
/* <<<<< This section controls the look and feel of modules within the site.  >>>>> */
/* <<<<<																	  >>>>> */
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< START OF SECTION >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/************************************************************************************/
/* Controls the module frame, display area and title properties.					*/
/************************************************************************************/
.module									/* Module background color control */
{
    background-color:#ffffff;			/* Background color in module body */
}


.moduleframe							/*Module frame settings*/
{
    FONT-WEIGHT: 600;					/*Font weight for title*/
    FONT-SIZE: 10pt;					/*Font size - title*/
    
    COLOR: #C020C0;						/*Font color for module title*/
    FONT-FAMILY: Comic Sans MS, Arial,Verdana;		/*Title font style*/
    /*font-style:italic;*/
    
    background-color: White ;			/*Color of Frame (for recolorable frames - ie transparent images)*/
    									/* #d77b53 - Orange/Brown */
										/* #d77b13 - Amber */
										/* #b77bbb - Mauve */
										/* #7b7bbb - Royal Blue */
										/* #5b5bbb - Imperial Blue */
										/* #5b5bfb - Intense Blue */
										/* #9b9bbb - Grey Blue */
										/* #8b8bbb - Anothe blue */
}
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< END OF SECTION >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */