/*========================================================*/
/*     Cascading Style Sheet for Tranquility DNN Skin     */
/*========================================================*/

/*========================================================*/
/*                  Table of Contents                     */
/*========================================================*/
/*  1. Universal                                          */
/*  2. Containers                                         */
/*  3. Links                                              */
/*  4. Text                                               */
/*  5. Forms                                              */
/*  6. Main Menu                                          */ 
/*  7. Module Menus                                       */
/*========================================================*/


/*========================================================*/
/*  1. Universal                                          */
/*========================================================*/

body {
/*	background: #e7e7e7; */
	SCROLLBAR-FACE-COLOR: #C5CAB4;
	SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
	SCROLLBAR-SHADOW-COLOR: #666666;
	SCROLLBAR-3DLIGHT-COLOR: #E3EBD6;
	SCROLLBAR-ARROW-COLOR: #2F341C;
	SCROLLBAR-TRACK-COLOR: #2F341C;
	SCROLLBAR-DARKSHADOW-COLOR: #333333
	margin: 0;
}


table, tr, td {
	font-family: tahoma;
	font-size: 12px;
	line-height: 1.5em;
}

p,li,lo {
	font-family: "Verdana,Tahoma,Arial,Helvetica,Times New Roman";
	font-size: 12px;
	line-height: 1.5em;
	color: #27370E;
}
li.square 
{
	font-family: "Verdana,Tahoma,Arial,Helvetica,Times New Roman";
	font-size: 12px;
	line-height: 1.5em;
	color: #27370E;
	list-style-type: square 
}
ol.alpha
{
	list-style: upper-alpha;
	font-family: "Verdana,Tahoma,Arial,Helvetica,Times New Roman";
	font-size: 12px;
	line-height: 1.5em;
	color: #27370E;
}  /* A B C D E etc. */
ol.roman 
{
	list-style-type: lower-roman;
	font-family: "Verdana,Tahoma,Arial,Helvetica,Times New Roman";
	font-size: 12px;
	line-height: 1.5em;
	color: #27370E;
}  /* i ii iii iv v etc. */

/*========================================================*/
/*  2. Containers                                         */
/*========================================================*/

.SiteWidth {
	margin-top: 15px;
	align: center;
	width: 944px;
	margin-bottom: 15px;
}

.HeaderLeft {
	vertical-align: top;
	width: 190px;
	color: #677D94;
}


.HeaderRight {
	vertical-align: top;
	padding-top: 22px;
}

.LoginTD {
	text-align: right;
}

.AdminColumn {
	padding: 0 0 0 75px;
}

.FullPaneColumn {
	padding: 0 0 0 75px;
}

.LeftColumn {
	width: 158px;
	padding: 0 15px 0 45px;
}


.RightColumn {
	width: 700px;
	padding: 0 0 10px 20px;
}

.TopRow {
	background: url(bg_top_leftmenu.jpg) no-repeat top center;
	height: 320px;
	text-align: right;
	padding: 0 38px 0 38px;
	font-size: 12px;
}
.TopRowFlash {
	padding: 0 38px 0 38px;
}
.HeaderRowFlash {
	height: 318px;
	padding: 0 38px 0 38px;
}
.TopRowAdmin {
	background: url(bg_top_admin.jpg) no-repeat top center;
	height: 318px;
	text-align: right;
	padding: 0 38px 0 38px;
	font-size: 12px;
}

.MiddleRowAdmin {
	background: url(bg_table_admin.jpg) center repeat-y;
	padding: 10px 85px 0 0;
	font-size: 12px;
}
.TopRowFullPane {
	background: url(bg_top_fullpane.jpg) no-repeat top center;
	height: 318px;
	text-align: right;
	padding: 0 38px 0 38px;
	font-size: 12px;
}

.MiddleRowFullPane {
	background: url(bg_table_fullpane.jpg) center repeat-y;
	padding: 10px 40px 0 90px;
	font-size: 12px;
}

.MiddleRow {
	background: url(bg_table_leftmenu.jpg) center repeat-y;
	padding: 10px 85px 0 0;
	font-size: 12px;
}

.BottomRow {
	background: url(bg_footer_leftmenu.jpg) no-repeat bottom center;
	height: 120px;
	padding: 0 90px 55px 100px;
	color: #fff;
	text-align: right;
	font-size: 12px;
}

.BottomRowAdmin {
	background: url(bg_footer_admin.jpg) no-repeat bottom center;
	height: 120px;
	padding: 0 65px 55px 100px;
	color: #fff;
	text-align: right;
	font-size: 12px;
}

.BottomRowFullPane {
	background: url(bg_footer_fullpane.jpg) no-repeat bottom center;
	height: 120px;
	padding: 0 0px 0px 0px;
	color: #fff;
	text-align: right;
	font-size: 12px;
}

.ContentLeft {
	width: 34%;
	padding-right: 10px;
}

.ContentCenter {
}
.ContentMain {
}

.ContentRight {
	width: 34%;
	padding-left: 10px;
}

/*========================================================*/
/*  3. Links                                              */
/*========================================================*/


a:link.LoginLink, a:visited.LoginLink, a:active.LoginLink {
	color: #333;
	font-family: tahoma;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}

a:hover.LoginLink {
	color: #333;
	font-family: tahoma;
	font-weight: normal;
	font-size: 12px;
	text-decoration: underline;
}



/* hyperlink style for the unselected tabs */
a:link.OtherTabs, a:visited.OtherTabs, a:active.OtherTabs {
    text-decoration:    none;
    color: #333;
	background-color: transparent;
	border: 0;
	font-weight: bold;
}

a:hover.OtherTabs    {
    text-decoration:    underline;
    color: #333;
	background-color: transparent;
	border: 0;
	font-weight: bold;
}

a:link.SubHead, a:visited.SubHead, a:active.SubHead {
	color: #6E8E05;
	text-decoration: none;
    font-family: tahoma;
    font-size: 12px;
    font-weight: normal;
}

a:hover.SubHead {
	color: #2c2c2c;
	text-decoration: none;
    font-family: tahoma;
    font-size: 12px;
    font-weight: normal;
}


a:link.CommandButton, a:visited.CommandButton, a:active.CommandButton {
	color: #6E8E05;	
	font-family: tahoma;
	font-weight: normal;
	font-size: 12px;
	text-decoration: underline;
}

a:hover.CommandButton {
	color: #6E8E05;	
	font-family: tahoma;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}

a:link.Normal, a:visited.Normal {
	color: #6E8E05;
	font-family: tahoma;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}

a:hover.Normal {
	color: #2c2c2c;
	font-family: tahoma;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}


a:link, a:visited, a:active {
	color: #6E8E05;
	font-family: tahoma;
	font-weight: normal;
	font-size: 12px;
	text-decoration: underline;
}

a:hover {
	color: #2c2c2c;
	font-family: tahoma;
	font-weight: normal;
	font-size: 12px;
	text-decoration: underline;
}


/*========================================================*/
/*  4. Text                                               */
/*========================================================*/

.pageheader {
	font-family: "Verdana,Tahoma,Arial,Helvetica,Times New Roman";
	font-size: 24px;
	color: #27370E
}

.smalltitles {
	font-family: Tahoma;
	font-size: 14pt;
	color: #000080;
}

.imageleftside img
{
    margin-right: 15px;
    margin-bottom: 20px;
    float: left;
}
.imageleftsideborder img
{
    border: 1px solid #CCC;
    margin-right: 15px;
    margin-bottom: 20px;
    float: left;
}
.imagerightside img
{
    margin-left: 15px;
    margin-bottom: 20px;
    float: right;
}
.imagerightsideborder img
{
    border: 1px solid #CCC;
    margin-left: 15px;
    margin-bottom: 20px;
    float: right;
}
.imageleftsidecaption
{
    font-size: 85%;
    font-style: italic;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
.imageleftsidecaption img
{
    border: 1px solid #CCC;
    margin-bottom: 5px;
}
.imagerightsidecaption
{
    font-size: 85%;
    font-style: italic;
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}
.imagerightsidecaption img
{
    border: 1px solid #CCC;
    margin-bottom: 5px;
}
.imagecenter img
{
	align: center
    border: 1px solid #CCC;
    margin-bottom: 5px;
}
.clear
{
    clear: both;
}
.quoteleft
{
    font: italic 105% Georgia, "Times New Roman", Times, Serif;
    padding: 0 10px 0 0;
    margin: 10px 10px 10px 0;
    width: 220px;
    float: left;
    text-align: right;
    border-right: 10px solid #C8CDD0;
    color: #75818A;
}
.quoteright
{
    font: italic 105% Georgia, "Times New Roman", Times, Serif;
    padding: 0 0 0 10px;
    margin: 10px 0 10px 10px;
    width: 220px;
    float: right;
    text-align: left;
    border-left: 10px solid #C8CDD0;
    color: #75818A;
}

.contentpanewidth {
	background: url(clearpixel.jpg);
	height: 1px;
	width: 680px;
}

.CopyrightText, .CurrentDate {
	font-family: tahoma;
	font-size: 12px;
	color: #333;
	font-weight: normal;
}


.Normal {
	font-family: tahoma;
	font-size: 12px;
	color: #333;
}


/* text style for the unselected tabs */
.OtherTabs {
    font-size: 12px;
    color: #333;
    font-family: tahoma;
    text-decoration: none;
}

.SelectedTab {
    color: #777;
	font-family: tahoma;
	font-weight: normal;
	font-size: 12px;
}

.SubHead {
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #333;
	padding: 0;
}


.Head {
	font-size: 14px;
	color: #333;
	font-weight: bold;
}


.NormalRed {
	color: #900;
	font-family: tahoma;
	font-weight: bold;
	font-size: 12px;
}

.NormalBold {
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
}

/*========================================================*/
/*  5. Forms                                              */
/*========================================================*/


select, input {
	font-family: tahoma;
	font-size: 12px;
	color: #333;
}

.NormalTextBox {
	color: #333;
	padding-left: 2px;
	font-family: tahoma;
	font-weight: normal;
	font-size: 12px;
	scrollbar-face-color: #fff;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #555;
	scrollbar-3dlight-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-highlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
}

td.NormalTextBox {
	padding: 0;
	margin: 0;
	background: transparent;
	visibility: invisible;
	border: 0;
}




/*========================================================*/
/*  6. Main Menu                                          */
/*========================================================*/



/*-- box that holds the menu --*/
.MainMenu_MenuContainer {
	background-color: transparent;
	width: 100%;
}


/*-- bar that holds the menu? --*/
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	background: #fff;
	width: 100%;
}


/*-- applies to items in submenus only --*/
.MainMenu_MenuItem {
	font-family: tahoma; 
	color: #999;
	font-size: 12px;
	background: white;
	font-weight: bold; 
	font-style: normal; 
	padding: 1px 8px 1px 0px;
}


/*-- hover state in submenus only --*/
.MainMenu_MenuItemSel {
	font-family: tahoma; 
	color: #D9BA5B;
	font-size: 12px;
	font-weight: bold;
	font-style:normal;
	cursor: pointer; 
	cursor: hand; 
	background: white;
	padding: 1px 8px 1px 0px;
}


/*-- submenu container --*/
.MainMenu_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
/*	margin: 3px 0 0 0; */
	padding: 0px;
	font-family: tahoma; 
	font-style:normal;
	font-size: 12px;
	font-weight: bold; 
	background: transparent;
	font-weight: normal;
}


/*-- idle state for root menu items --*/
.MainMenu_Idle {
	color: #999;
	background: transparent;
	padding: 1px 3px 3px 1px;
	font-weight: bold;
}


/*-- hover state for root menu items --*/
.MainMenu_Selected {
	color: #D9BA5B;
	background: transparent;
	padding: 1px 3px 3px 1px;
	font-weight: bold;
}


/*-- applies to the active root menu item --*/
.MainMenu_Active, .MainMenu_BreadcrumbActive {
	color: #27370E;
	background: transparent;
	padding: 1px 3px 3px 1px;
	font-weight: bold;
}

.MainMenu_RootMenuArrow 
{
    font-family: webdings; 
    font-size: 12px; 
	color: #999;
    cursor: pointer; 
    cursor: hand;
}

.MainMenu_MenuBreak 
{
    background-color:#FF00FF; 
}

/*-- stuff we don't need to see --*/
.MainMenu_MenuArrow, .MainMenu_MenuIcon  {
	display: none;
}



/*========================================================*/
/*  7. Module Menus                                       */
/*========================================================*/


/*-- container for module menus --*/
.ModuleTitle_MenuContainer {
	color: #2c2c2c;
}


/*-- bar for module menus --*/
.ModuleTitle_MenuBar {
	cursor: pointer; 
	cursor: hand;
}


/*-- menu items --*/
.ModuleTitle_MenuItem {
	font-family: tahoma; 
	color: #333;
	font-size: 12px;
	background: #f6f6f6;
	font-weight: bold; 
	font-style: normal; 
	border: #f6f6f6 1px solid;
	padding: 0px 8px 1px 2px;
	font-weight: normal;
}


/*-- submenu container --*/
.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background: #f6f6f6;
	padding: 1px;
	border: 1px solid #666;
	font-weight: normal;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3);
}


/*-- hover state --*/
.ModuleTitle_MenuItemSel {
	font-family: tahoma; 
	font-size: 12px; 
	cursor: pointer; 
	cursor: hand; 
	color: #333;
	background: #ddd;
	border-left: #ddd 1px solid;
	border-right: #ddd 1px solid;
	padding: 0px 8px 1px 2px;
	font-weight: normal;
}

.ModuleTitle_MenuIcon {
	border: 1px solid #eee;
	padding: 0 3px 0 3px;
}

/*-- don't need this stuff --*/
.ModuleTitle_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow     {
	display: none;
}