/* 
================================
Skin styles for DotNetNuke
================================
*/   


/*
================================
Global Styles
================================
*/
img   { border: 0; }
p     { margin: 0; color: Navy; text-decoration: none; font-family: Arial, Verdana; font-size: 12px; }
li     { margin: 0; color: Navy; text-decoration: none; font-family: Arial, Verdana; font-size: 12px; }
*     { font-family: arial; }
a img { border: 0; }

a:link,
a:visited {	COLOR: #295290 ; text-decoration: none; font-family: ARIAL,verdana; }
a:hover,
a:active,
a:focus   { COLOR: #840000; text-decoration: underline; font-family: ARIAL,verdana; }

form { margin: 0; }
.center { text-align: center; }
.curhand { cursor: pointer; }

body {
	scrollbar-3d-light-color : 24699F;
	scrollbar-arrow-color : 24699F;
	scrollbar-base-color : white;
	scrollbar-dark-shadow-color : white;
	scrollbar-face-color : a0b8c8;
	scrollbar-highlight-color : white;
	scrollbar-shadow-color : blue;
	font-size: 12px;
	margin: 15px 40px 15px 40px;
	background: #E2E2E2 url('bg.png') repeat-x;
}
.Head {
   font-family: Tahoma, Arial, Helvetica;
   font-size:  18px;
   font-weight: normal;
   color: #333333;
}

/* Content */
.Social-Links{text-align:right;padding:15px 0 0 0;}
	.Social-Links a{margin:0 0 0 10px;}
	.icoIN{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -192px 0;}
	.icoFacebook{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat 0 0;}
	.icoTwitter{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -32px 0;}
	.icoTwitter2{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -576px 0;}
	.icoMySpace{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -64px 0;}
	.icoStumbleUpon{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -96px 0;}
	.icoDigg{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -128px 0;}
	.icoFlickr{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -160px 0;}
	.icoLinkedIn{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -192px 0;}
	.icoYouTube{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -224px 0;}
	.icoDelicious{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -256px 0;}
	.icoBlogger{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -288px 0;}
	.icoRSS{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -320px 0;}
	.icoEmail{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -352px 0;}
	.icoTumblr{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -384px 0;}
	.icoFourSquare{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -416px 0;}
	.icoReddit{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -448px 0;}
	.icoVimeo{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -480px 0;}
	.icoWordPress{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -512px 0;}
	.icoBebo{width:32px;height:32px;background:url(images/SocialMedia.png) no-repeat -544px 0;}


/*
================================
Header Styles
================================
*/
.Logo
{
	color: Black;
	text-decoration: none;
	font-family: Arial, Verdana;
	font-size: 40px;
	font-weight: normal;	
}

.Slogan
{
	color: Red;
	font-size: 10px;
	font-weight: normal;
	text-decoration: italic;
	font-family: Verdana;
}

/*
================================
Hymn text Styles
================================
*/
.HymnTitle { COLOR: navy; text-decoration: none; font-family: ARIAL,verdana; FONT-SIZE:18px; FONT-WEIGHT: bold; background-color: #EFF3FB; margin-top: 7; margin-bottom: 7; padding-top: 7; padding-bottom: 7; }
.CopticFont   { COLOR: BLACK; text-decoration: none; font-family: CS Avva Shenouda, CS New Athanasius; FONT-SIZE:18px;}
.HazzatFont   { COLOR: BLACK; text-decoration: none; font-family: Hazzat; FONT-SIZE:18px;}
.EnglishFont  { COLOR: BLACK; text-decoration: none; font-family: ARIAL,verdana; FONT-SIZE:18px;}
.ArabicFont   { COLOR: BLACK; text-decoration: none; font-family: Arabic Transparent; FONT-SIZE:22px;}
.EnglishComment  { COLOR: RED; text-decoration: none; font-family: ARIAL,verdana; FONT-SIZE:14px; font-style:italic;}
.CopticComment   { COLOR: RED; text-decoration: none; font-family: CS Avva Shenouda, CS NEW Athanasius; FONT-SIZE:14px; font-style: italic;}
.ArabicComment   { COLOR: RED; text-decoration: none; font-family: Arabic Transparent; FONT-SIZE:16px; font-style: italic;}
.HymnList { width: 16px; border: 0px none transparent; }

/* Specific Writing Styles */
.MainFont { COLOR: navy; text-decoration: none; font-family: ARIAL,verdana; FONT-SIZE:16px; FONT-WEIGHT: bold; }
.MainFontRed { COLOR: red; text-decoration: none; font-family: ARIAL,verdana; FONT-SIZE:16px; FONT-WEIGHT: bold; }
.BaseFont   { COLOR: NAVY; text-decoration: none; font-family: ARIAL,verdana; FONT-SIZE:12px; border: 0px none transparent;}
.BaseFontBold   { COLOR: NAVY; text-decoration: none; font-family: ARIAL,verdana; FONT-SIZE:12px; FONT-WEIGHT: bold;}
.BaseFontSmall   { COLOR: NAVY; text-decoration: none; font-family: ARIAL,verdana; FONT-SIZE:10px;}
.BaseFontRed   { COLOR: Red; text-decoration: none; font-family: ARIAL,verdana; FONT-SIZE:12px;}
.BaseFontWhite   { COLOR: White; text-decoration: none; font-family: ARIAL,verdana; FONT-SIZE:12px;}

.MenuFont,
.MenuFont:link,
.MenuFont:visited { COLOR: #494949; text-decoration: none; font-family: ARIAL,verdana; FONT-SIZE:32px; FONT-WEIGHT: bold; }
.MenuFont:hover,
.MenuFont:active,
.MenuFont:fovus { COLOR: #494949; text-decoration: underline; font-family: ARIAL,verdana; FONT-SIZE:32px; FONT-WEIGHT: bold; }


/* Footers */
.FooterLink,
.FooterLink:link,
.FooterLink:visited  { COLOR: Navy; FONT-SIZE: 11px; 	text-decoration: none; 	font-family: ARIAL,verdana; text-align:center; }
.FooterLink:hover,
.FooterLink:active,
.FooterLink:focus {	COLOR: Red; 	FONT-SIZE: 11px; 	text-decoration: none;	font-family: ARIAL,verdana; text-align:center; }

@media print{.noprint{display:none;}}

.pagemaster {
	width: 100%;
	height: 100%;	
	background-color: #fefefe;
}
.skinmaster {
	height: 100%;
	background-color: #f3f5fa;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px; 
}
.skinheader {
}
.skingradient {
	background-image: url(gradient_DkBlue.jpg); 
	height:30px;
}
.controlpanel {
	width: 100%;
	background-color: #fefefe;
}
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
	color: Navy; text-decoration: none; font-family: Arial, Verdana; font-size: 12px;
}
.leftpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
	color: Navy; text-decoration: none; font-family: Arial, Verdana; font-size: 12px;
}
.contentpane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
	color: Navy; text-decoration: none; font-family: Arial, Verdana; font-size: 12px;
	text-align: left;
}
.rightpane {
	min-width: 100px;
	max-width:200px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
	color: Navy; text-decoration: none; font-family: Arial, Verdana; font-size: 12px;
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
	color: Navy; text-decoration: none; font-family: Arial, Verdana; font-size: 12px;
}
.main_dnnmenu_container {
	background-color: transparent; 
}
.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
}
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #444; 
	font-size: 10pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Verdana, Tahoma, Arial, Helvetica; 
        white-space: nowrap;  /*Word wrapping menu item now optional*/
        padding: 1px 3px 3px 1px;	
}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #444; 
	font-size: 10pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Verdana, Tahoma, Arial, Helvetica; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/	    
    padding: 0px 12px 0px 5px;   /*explicitly set padding for root menu items*/
}

.main_dnnmenu_itemhover {  
	background-color: Transparent; 
	color: Red;
}

.main_dnnmenu_itemhover td {  
	background-color: Transparent;
	color: Red;
}

.TabLink,
.TabLink:link,
.TabLink:visited { COLOR: #444; FONT-SIZE: 10px; 	FONT-WEIGHT: bold; 	text-decoration: none; 	font-family: verdana; }
.TabLink:hover,
.TabLink:active,
.TabLink:focus { COLOR: Red; 	FONT-SIZE: 10px; 	FONT-WEIGHT: bold; 	text-decoration: none;	font-family: verdana; }

.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 100%;
}
.main_dnnmenu_submenu {
	background-color: White;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break {
	height: 1px;
	font-size: 1px;
}

.main_dnnmenu_arrow {
	border-right: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.main_dnnmenu_rootmenuarrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
.StandardButton {
  background: #7994cb none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #dfe5f2;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header {
	background-image: url(gradient_LtBlue.jpg);
}

.maintable_fixed {
	width: 950;
	background-color: #FFFFFF;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 7px;
	border: solid 2 black;
	z-index: 1;
}

.maintable_full_container {
	width: 95%;
	min-width: 800px;
	background-color: transparent;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 7px;
	border: 0px none black;
}
.maintable_full {
	width: 100%;
	min-width: 800px;
	background-color: #FFFFFF;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 7px;
	border: 2px black solid;
	z-index: 1;
	text-align: center;
}

.main_container {
	padding: 10px 10px 10px 10px;
	background-color: #FFFFFF;
}

#Header 
{
    width: 100%;
    text-align:left;
}

.logo_div
{
    float: left;
    padding-right: 7px;
}
.title_div
{
	color: Black;
	text-decoration: none;
	font-family: Arial, Verdana;
	font-size: 40px;
	font-weight: normal;
	text-align:left;
}
.subtitle_div
{
	color: Red;
	font-size: 10px;
	font-weight: normal;
	text-decoration: italic;
	font-family: Verdana;
	text-align:left;
}

#Navigation
{
    text-align:center;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    margin: 12px 0px 12px 0px;
    padding: 3px 0px 3px 0px;
}

.navigation_menu,
.navigation_menu:link,
.navigation_menu:visited 
{
    COLOR: #444;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    text-decoration: none;
    font-family: verdana;
    width: 100%;
    text-align: left;
}
.navigation_menu:hover,
.navigation_menu:active,
.navigation_menu:focus 
{
    COLOR: Red;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    text-decoration: none;
    font-family: verdana;
    width: 100%;
    text-align: left;
}
.date_div
{
    COLOR: NAVY; text-decoration: none; font-family: ARIAL,verdana; FONT-SIZE:12px; float: left;
}
.account_div
{
        COLOR: NAVY; text-decoration: none; font-family: ARIAL,verdana; FONT-SIZE:12px; float: right;
}
#Content 
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.clear {
	clear:both;
}