@charset "utf-8"
/*
* skin.css - CSS for Grace Community Church DNN website skin
*
* 6/27/2010
*/

*
{
   margin:0;
   padding:0;
}

#InnerPageSkinContainer /* with Page centers page */
{
   margin: 0;
   padding: 0;
   text-align: center;
   min-width: 900px;
   background-color: #0F3063;
}

#SplashPageSkinContainer /* with SplashPage centers page */
{
   margin: 0;
   padding: 0;
   text-align: center;
   min-width: 900px;
   min-height:1680px;
   height:1680px;
   background-color: #0F3063;
}

#Page /* with InnerPageSkinContainer centers page */
{
   text-align: left;
   width: 900px;
   margin-left:auto;
   margin-right: auto;
   background-color: white; 
}

#SplashPage /* with SplashPageSkinContainer centers page */
{
   text-align: left;
   width: 900px;
   /*min-height:1024px;*/ /* originally height:955px, height of FrontDoor.jpg */
   margin-left:auto;
   margin-right: auto;
   background-color: #0F3063; 
   background-image: url(images/FrontDoor.jpg);
   background-repeat:no-repeat;
}

#UserContainer /* holds the USER and LOGIN skin objects */
{
   text-align:right;
   background-color: #0F3063;
   line-height: 1.8; /* connected to top border height of FrontDoor.jpg */
   padding-right: 10px;
}
.user
{
   text-decoration: none;
   color: #CCCCCC;
   font-weight: bold;
   font-size: 10pt;
   font-family: Tahoma, Arial, Helvetica;
}
#dnn_dnnUSER_cmdRegister /* Workaround: same styling as .user - DNN id appears to be overriding class="user" */
{
   text-decoration: none;
   color: #CCCCCC;
   font-weight: bold;
   font-size: 10pt;
   font-family: Tahoma, Arial, Helvetica;
}
#dnn_dnnLOGIN_cmdLogin /* Workaround: same styling as .user - DNN id appears to be overriding class="user" */
{
   text-decoration: none;
   /*color: #CCCCCC; this color when registration is going*/
   color: #0F3063; /* same as background color until we get registration going */
   font-weight: bold;
   font-size: 10pt;
   font-family: Tahoma, Arial, Helvetica;
}

#SplashHeaderContainer
{
   text-align: center;
   width: 900px;
   height: 199px;
   /*background-image: url(images/Header.jpg); */
   background-repeat: no-repeat;
}
#HeaderContainer
{
   text-align: center;
   width: 900px;
   height: 120px;
   background-image: url(images/Header.jpg);
   background-repeat: no-repeat;
}

#TopPaneContainer
{
   text-align: left;
   width: 900px;
}

#ContentContainer
{
   text-align: left;
   /*height: 700px; */ /* if this is in, the table does not expand for content in Firefox3. It does in IE7 */
/*   height:1px; /* ie7 fix */  
}

.LeftPane
{
   float: left;
   width: 200px;
}

.ContentPane
{
	background-color: transparent; /* was white */
	text-align: left;
	vertical-align: top;
	width: 630px; /* remove this to allow room for LeftPane - LeftPane currently not used */
	max-width: 630px; /* test 7/1/2010 */
}
.ContentPaneWide
{
	background-color: transparent; /* was white */
	text-align: left;
	vertical-align: top;
	/*width: 630px; */ /* remove this to allow room for LeftPane - LeftPane currently not used */
}
.SplashContentPane
{
	background-color: transparent; /* was white */
	text-align: left;
	vertical-align: top;
	width: 300px; /* remove this to allow room for LeftPane - LeftPane currently not used */
}

.RightPane
{
   float: right;
   width: 250px;
   
   border-style: solid;
   border-width: 2px;
   border-left-color: #999999;
   border-right: none;
   border-top: none;
   border-bottom: none; 
}
.RightPane ul /* move the splash menu in a bit to match the DNN menu */
{
   padding-left: 18px;
}
.RightPane ul li /* styles the li used for the splash/external pages menu */
{
	background-color:#FFFFFF;

	border: none; 

	z-index: 1000;
	cursor: pointer;
	cursor: hand;
	padding: 0px 1px 1px 1px;
	
    color:#666666;
	font-size:10pt;
	font-weight:bold;
	font-style:normal;
	font-family:Tahoma, Arial, Helvetica;
    list-style-type:none;
}
#SplashPageSkinContainer .RightPane
{
   border-left: none;
   width: 600px;
}


/*#SplashMenuLogoContainer
{
   width: 230px;
   float: right;
   border-left: 2px Gray;
}*/


#MenuLogoContainer
{
   width: 230px;
   float: right;
   line-height: 1.4;
}

#MenuContainer
{
}

#LogoContainer
{
   text-align: center;
   width: 230px;
   height: 60px;
   background-image: url(images/Logo.jpg);
   background-repeat: no-repeat;
}

#BottomPaneContainer
{
   width: 900px;
}

#BottomPane
{
   font-weight: bold;
   font-size: 8.5pt;
   color: #CCCCCC;
   font-family: Tahoma, Arial, Helvetica;
   text-decoration: none;
   background-color: #FFFFFF;
   width: 900px;
}

#FooterContainer
{
   width: 900px;
   /*height: 125px;*/ /* test 7/1/2010 */
   /*background-image: url(images/Footer.jpg);*/
   text-align:center;
   clear: both;
}

#LinksContainer
{
   text-align:center;
   color: #CCCCCC;
   background-color: #0F3063;
}
.footer
{
   font-weight: bold;
   font-size: 8.5pt;
   color: #CCCCCC;
   font-family: Tahoma, Arial, Helvetica;
   text-decoration: none;
   text-align:center;
   background-color: #0F3063;
}
#dnn_dnnLINKS_lblLinks /* Workaround:  same styling as .footer - DNN id appears to be overriding class="footer" */
{
   font-weight: bold;
   font-size: 8.5pt;
   color: #CCCCCC;
   font-family: Tahoma, Arial, Helvetica;
   text-decoration: none;
   background-color: #0F3063;
}

#CopyrightContainer
{
   text-align:center;
   background-color: #0F3063;
}

/* NAV Menu Classes */
.Main_DNNMenu_ContainerSub
{
	background-color:#FFFFFF;
	border: none;
	z-index: 1000;
	cursor: pointer;
	cursor: hand;
	padding: 1px 1px 1px 1px;
	
    color:#003385;
	font-size:10pt;
	font-weight:bold;
	font-style:normal;
	font-family:Tahoma, Arial, Helvetica;
}
.Main_DNNMenu_ContainerRoot
{
	background-color:#FFFFFF;
	border: none;
	z-index: 1000;
	cursor: pointer;
	cursor: hand;
	padding: 1px 1px 1px 1px;
}

.Main_DNNMenu_NodeRoot
{
	cursor: pointer;
	cursor: hand;
    color:#003385;
	font-size:10pt;
	font-weight:bold;
	font-style:normal;
	font-family:Tahoma, Arial, Helvetica;
	background-color: transparent;
	white-space:nowrap;
	padding: 0px 10px 0px 0px;
}
.Main_DNNMenu_NodeHoverRoot
{
	cursor: pointer;
	cursor: hand;
    /*color:#3366FF;*/
    color:#FF0000;
	font-size:10pt;
	font-weight:bold;
	font-style:normal;
	font-family:Tahoma, Arial, Helvetica;
	text-decoration:underline;
	background-color: transparent;
	white-space:nowrap;
	padding: 0px 10px 0px 0px;
}
.Main_DNNMenu_NodeSelectedRoot
{
	cursor: pointer;
	cursor: hand;
    color:#000000;
	font-size:10pt;
	font-weight:bold;
	font-style:normal;
	font-family:Tahoma, Arial, Helvetica;
	text-decoration:underline;
	background-color: transparent;
	white-space:nowrap;
	padding: 0px 10px 0px 0px;
}
.Main_DNNMenu_BreadCrumbRoot /* the node at the root of a submenu */
{
	cursor: pointer;
	cursor: hand;
    color:#000000;
	font-size:10pt;
	font-weight:bold;
	font-style:normal;
	font-family:Tahoma, Arial, Helvetica;
	text-decoration:underline;
	background-color: transparent;
	white-space:nowrap;
	padding: 0px 10px 0px 0px;
}
/*
.Main_DNNMenu_Node td
{
	cursor: pointer;
	cursor: hand;
    color:#000000;
	font-size:10pt;
	font-weight:bold;
	font-style:normal;
	font-family:Tahoma, Arial, Helvetica;
	background-color: transparent;
	white-space:nowrap;
	padding: 1px 3px 3px 1px;
}
*/
.Main_DNNMenu_Node
{
	cursor: pointer;
	cursor: hand;
    color:#000000;
	font-size:10pt;
	font-weight:bold;
	font-style:normal;
	font-family:Tahoma, Arial, Helvetica;
	background-color: transparent;
	white-space:nowrap;
	padding: 1px 3px 3px 1px;
}
.Main_DNNMenu_NodeHoverSub
{
	cursor: pointer;
	cursor: hand;
    /*color:#3366FF;*/
    color:#FF0000;
	font-size:10pt;
	font-weight:bold;
	font-style:normal;
	font-family:Tahoma, Arial, Helvetica;
	text-decoration:underline;
	background-color: transparent;
	white-space:nowrap;
	padding: 0px 10px 0px 0px;
}
.Main_DNNMenu_NodeSelectedSub
{
	cursor: pointer;
	cursor: hand;
    color:#000000;
	font-size:10pt;
	font-weight:bold;
	font-style:normal;
	font-family:Tahoma, Arial, Helvetica;
	text-decoration:underline;
	background-color: transparent;
	white-space:nowrap;
	padding: 0px 10px 0px 0px;
}

/* BreadCrumb styles */
.Breadcrumb
{
    color:#003385;
	font-size:10pt;
	font-weight:bold;
	font-style:normal;
	font-family:Tahoma, Arial, Helvetica;
	background-color: transparent;
	text-align:left;
	white-space:nowrap;
}
/*
#dnn_dnnBREADCRUMB_lblBreadCrumb
{
    color:#666666;
	font-size:10pt;
	font-weight:bold;
	font-style:normal;
	font-family:Tahoma, Arial, Helvetica;
	background-color: transparent;
	text-align:left;
	white-space:nowrap;
}
*/

/* styles for content */
.Normal
{
	color:#003385 !important;
	font-size:11px
	font-weight:normal;
	font-style:normal;
	font-family:Tahoma, Arial, Helvetica;
}
.NormalDisabled 
{
	color:gray !important;
	font-size:11px; 
	font-weight:normal;
	font-style:normal;
	font-family:Tahoma, Arial, Helvetica;
}


.gccContentPane
{
    color:#003385;
	font-size:10pt;
	font-weight:normal;
	font-style:normal;
	font-family:Tahoma, Arial, Helvetica;
}

.gccLeftPane
{
	border:solid 2px Gray;
	padding: 5px;
	margin-right:10px;
	width:150px;
	float:left;
}
.gccLeftPane ul
{
    list-style-type:none;
}

h1
{
	font-family: Tahoma,Arial,Helvetica;
	font-size: 20px;
	font-weight: normal;
	color: #666644;
}
h2
{
	font-family: Tahoma,Arial,Helvetica;
	font-size: 18px;
	font-weight: normal;
	color: #666644;
}
h3
{
	font-family: Tahoma,Arial,Helvetica;
	font-size: 14px;
	font-weight: normal;
	font-style:italic;
	color: #666644;
}
h4
{
	font-family: Tahoma,Arial,Helvetica;
	font-size: 12px;
	font-weight: normal;
	color: #666644;
}

/* fix for Safari and Chrome browsers who won't text align the splash page text */
div#SplashPage table#Table1 td {text-align:right}

/* adjust styling of the Documents module */
.DNN_Documents .TitleCell {
    height:20px;
}
.DNN_Documents .DescriptionCell {
    height:20px;
}