/* 
================================
 Container Styles for DotNetNuke
dark brown=826545
background=DCCEB5
blue accent=0C499C
Light Container="#DCCEB5"
Blue container= 0c499c
yellow container=ffd900
================================
*/   
.header
{
	width: 100%;
	background-color: #ffffff;
	BORDER-RIGHT: #826545 0px solid; 
	BORDER-TOP: #826545 0px solid; 
	BORDER-LEFT: #826545 0px solid; 
	BORDER-BOTTOM: #826545 0px solid; 	
}
.headerblue
{
	width: 100%;
	background-color: #ffffff;
	BORDER-RIGHT: #0C499C 2px solid; 
	BORDER-TOP: #0C499C 2px solid; 
	BORDER-LEFT: #0C499C 2px solid; 
	BORDER-BOTTOM: #0C499C 2px solid; 	
}
.contentpaneblue
{
	color: #0C499C;
	font-weight: bold;
}
.containerrow1_dark {
	background-image: url(darkgradientcontainer.jpg);		
}
.containerrow1_light {
	background-image: url(lightgradientcontainer.jpg);
}
.containerrow1_darkblue {
	background-image: url(darkgradientcontainerblue.jpg);		
}
.containerrow1_lightblue {
	background-image: url(lightgradientcontainerblue.jpg);
}

.titledarkblue
{
	font-family: Tahoma, Arial, Helvetica;
	font-size:  12px;
	font-weight: bold;	
	color: #0C499C;	
}
.titlelightblue
{
	font-family: Tahoma, Arial, Helvetica;
	font-size:  12px;
	font-weight: bold;
	color: #DCE6F3;	
}

.titledark
{
	font-family: Tahoma, Arial, Helvetica;
	font-size:  12px;
	font-weight: bold;	
	color: #ffffff;	
}
.titlelight
{
	font-family: Tahoma, Arial, Helvetica;
	font-size:  12px;
	font-weight: bold;
	color: #826545;	
}


.mediumContentTitle {
    color: #193A6B;
    font-weight: bold;
    font-size: 11pt;
    font-family: Verdana, Arial, Helvetica;
}

.maincontent
{
	width: 100%;
	background-color: #DCE6F3;
}

.maincontentrow
{
	
}
.maincontentsolidborder
{
	width: 100%;
	background-color: #ffffff;
	BORDER-RIGHT: #0C499C 1px solid; 
	BORDER-TOP: #0C499C 1px solid; 
	BORDER-LEFT: #0C499C 1px solid; 
	BORDER-BOTTOM: #0C499C 1px solid; 		 
}
.maincontentsolidborderrow
{
}
.sidecontent
{
	width: 100%;
	background-color: #ffffff;

}
.sidecontenthead
{
	font-family: Tahoma, Arial, Helvetica;
	font-size:  12px;
	font-weight: bold;
	color: #3F3326;
	
}
.sidecontentcolor
{
	width: 100%;
	background-color: #DCE6F3;
	BORDER-RIGHT: #0C499C 1px solid; 
	BORDER-TOP: #0C499C 1px solid; 
	BORDER-LEFT: #0C499C 1px solid; 
	BORDER-BOTTOM: #0C499C 1px solid; 		
}
.sidecontentcolorhead
{
	font-family: Tahoma, Arial, Helvetica;
	font-size:  12px;
	font-weight: bold;
	color: #ffffff;
	background-color: #0C499C;
}
.sidecontentcolorhead A, .sidecontentcolorhead A:Link, .sidecontentcolorhead A.Active, .sidecontentcolorhead A.Visited, .sidecontentcolorhead A:Hover
{
	font-family: Tahoma, Arial, Helvetica;
	color: #ffffff;
}
.contentpanecontainer
{
	border-bottom: #DCE6F3 1px solid;
	border-top: #DCE6F3 1px solid;
}

.sidecontentsolidborder
{
	width: 100%;
	background-color: #ffffff;
	BORDER-RIGHT: #0C499C 1px solid; 
	BORDER-TOP: #0C499C 1px solid; 
	BORDER-LEFT: #0C499C 1px solid; 
	BORDER-BOTTOM: #0C499C 1px solid; 
}
.sidecontentsolidborderhead
{
	font-family: Tahoma, Arial, Helvetica;
	font-size:  12px;
	font-weight: bold;
	color: White;
}

.containerLinksModule {
	width: 100%;
	background-color: #ffffff;
	border: 2px solid #0C499C;
}

.headerLinksModule {
    width: 100%;
    height: 30px;
    background-color: #ffffff;
    padding-top: 3px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 0px;
    border-bottom: #666666 1px dotted;
}

.titleLinksModule {
    color: #333333;
    font-weight: bold;
    font-size: 11pt;
    font-family: Verdana, Arial, Helvetica;
}

.contentLinksModule {
    width: 100%;
    background-color: #ffffff;
    color: #000000;
    padding-top: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
}

.footerLinksModule {
    background-color: #DCE6F3;
    color: #333333;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;    
}
/*
===================================================================================================================
These are the additions for the box based containers.  Below is all 4 white, yellow, blue, brown.  
===================================================================================================================
*/
/*White*/
.containermaster_rounded 
{
    width: 100%;
    background-color: White;
}
.top
{
    background-image: url(CenterContainerBase_02.gif);  
    background-repeat: repeat-x;
    background-position: top left;  
    background-color: #ffffff;
    height: 28px; 
}
.upperleft
{
    background-image: url(CenterContainerBase_01.gif);  
    background-repeat: no-repeat;
    background-position: top left;  
    height: 30px;
    width: 30px;          
}

.upper
{
   /*border-top: solid 2px black;*/
    background-image: url(CenterContainerBase_02.gif);  
    background-repeat: repeat;
    background-position: top left;  
    height: 27px;
   
}

.upperright
{
    background-image: url(CenterContainerBase_03.gif);   
    background-repeat: no-repeat;
    background-position: top right;    
    height: 30px;
    width: 30px; 
}

.left
{
    background-image: url(CenterContainerBase_04.gif);   
    background-repeat: repeat-y;
    background-position: top left; 
  
}

.right
{
    background-image: url(CenterContainerBase_06.gif);   
    background-repeat: repeat-y;
    background-position: top right; 
}

.lowerleft
{
    background-image: url(CenterContainerBase_07.gif);   
    background-repeat: no-repeat;
    background-position: bottom left; 
    height: 30px;   
}

.bottom
{
    text-align: right;
    background-image: url(CenterContainerBase_08.gif);   
    background-repeat: repeat;
    background-position: bottom left; 
}

.lowerright
{
     background-image: url(CenterContainerBase_09.gif); 
    background-repeat: no-repeat;
    background-position: bottom right; 
    min-width: 32px;
    min-height: 32px;
}

.extra
{
   background-color: #ffffff;
}
.containerbody
{
   background-color: #ffffff;
}

/*Yellow*/
.containermaster_roundedyellow
{
    width: 100%;
    background-color: White;
}
.topyellow
{
    background-image: url(ContainerBaseYellow_02.gif);  
    background-repeat: repeat-x;
    background-position: top left;  
    background-color: #ffffff;
    height: 28px; 
}
.upperleftyellow
{
    background-image: url(ContainerBaseYellow_01.gif);  
    background-repeat: no-repeat;
    background-position: top left;  
    height: 30px;
    width: 30px;          
}

.upperyellow
{
    background-image: url(ContainerBaseYellow_02.gif);  
    background-repeat: repeat;
    background-position: top left;  
    height: 27px;
   
}

.upperrightyellow
{
    background-image: url(ContainerBaseYellow_03.gif);   
    background-repeat: no-repeat;
    background-position: top right;    
    height: 30px;
    width: 30px; 
}

.leftyellow
{
    background-image: url(ContainerBaseYellow_04.gif);   
    background-repeat: repeat-y;
    background-position: top left; 
  
}

.rightyellow
{
    background-image: url(ContainerBaseYellow_06.gif);   
    background-repeat: repeat-y;
    background-position: top right; 
}

.lowerleftyellow
{
    background-image: url(ContainerBaseYellow_07.gif);   
    background-repeat: no-repeat;
    background-position: bottom left; 
    height: 30px;   
}

.bottomyellow
{
    text-align: right;
    background-image: url(ContainerBaseYellow_08.gif);   
    background-repeat: repeat;
    background-position: bottom left; 
}

.lowerrightyellow
{
     background-image: url(ContainerBaseYellow_09.gif); 
    background-repeat: no-repeat;
    background-position: bottom right; 
    min-width: 32px;
    min-height: 32px;
}

.extrayellow
{
   background-color: #ffffff;
   background-image: url(ContainerBaseYellow_05.gif);
   background-repeat: repeat;
   background-position: top left;
}
.containerbodyyellow
{
   background-color: #ffffff;
   background-image: url(ContainerBaseYellow_05.gif);
   background-repeat: repeat;
   background-position: top left;
}

/*Blue*/
.containermaster_roundedblue
{
    width: 100%;
    background-color: White;
}
.topblue
{
    background-image: url(CenterContainerBaseBlue_02.gif);  
    background-repeat: repeat-x;
    background-position: top left;  
    background-color: #ffffff;
    height: 28px; 
}
.upperleftblue
{
    background-image: url(CenterContainerBaseBlue_01.gif);  
    background-repeat: no-repeat;
    background-position: top left;  
    height: 30px;
    width: 30px;          
}

.upperblue
{
    background-image: url(CenterContainerBaseBlue_02.gif);  
    background-repeat: repeat;
    background-position: top left;  
    height: 27px;
   
}

.upperrightblue
{
    background-image: url(CenterContainerBaseBlue_03.gif);   
    background-repeat: no-repeat;
    background-position: top right;    
    height: 30px;
    width: 30px; 
}

.leftblue
{
    background-image: url(CenterContainerBaseBlue_04.gif);   
    background-repeat: repeat-y;
    background-position: top left; 
  
}

.rightblue
{
    background-image: url(CenterContainerBaseBlue_06.gif);   
    background-repeat: repeat-y;
    background-position: top right; 
}

.lowerleftblue
{
    background-image: url(CenterContainerBaseBlue_07.gif);   
    background-repeat: no-repeat;
    background-position: bottom left; 
    height: 30px;   
}

.bottomblue
{
    text-align: right;
    background-image: url(CenterContainerBaseBlue_08.gif);   
    background-repeat: repeat;
    background-position: bottom left; 
}

.lowerrightblue
{
     background-image: url(CenterContainerBaseBlue_09.gif); 
    background-repeat: no-repeat;
    background-position: bottom right; 
    min-width: 32px;
    min-height: 32px;
}

.extrablue
{
   background-color: #ffffff;
     background-image: url(CenterContainerBaseBlue_05.gif);
   background-repeat: repeat;
   background-position: top left;
}
.containerbodyblue, .containerbodyblue A, .containerbodyblue A:Link, .containerbodyblue A:Active, .containerbodyblue A:Visited
{
   background-color: #ffffff;
   background-image: url(CenterContainerBaseBlue_05.gif);
   background-repeat: repeat;
   background-position: top left;
   color: #ffffff;
}
.bluetitle
{
   color: #ffffff;         
   font-size: 10px;
   text-decoration: none;   
   font-family: verdana, tahoma, sans-serif;
   font-size: 14px;   
   font-weight: bold;
}

/*Tan*/
.containermaster_roundedtan
{
    width: 100%;
    background-color: White;
}
.toptan
{
    background-image: url(CenterContainerBaseLight_02.gif);  
    background-repeat: repeat-x;
    background-position: top left;  
    background-color: #ffffff;
    height: 28px; 
}
.upperlefttan
{
    background-image: url(CenterContainerBaseLight_01.gif);  
    background-repeat: no-repeat;
    background-position: top left;  
    height: 30px;
    width: 30px;          
}

.uppertan
{
    background-image: url(CenterContainerBaseLight_02.gif);  
    background-repeat: repeat;
    background-position: top left;  
    height: 27px;
   
}

.upperrighttan
{
    background-image: url(CenterContainerBaseLight_03.gif);   
    background-repeat: no-repeat;
    background-position: top right;    
    height: 30px;
    width: 30px; 
}

.lefttan
{
    background-image: url(CenterContainerBaseLight_04.gif);   
    background-repeat: repeat-y;
    background-position: top left; 
  
}

.righttan
{
    background-image: url(CenterContainerBaseLight_06.gif);   
    background-repeat: repeat-y;
    background-position: top right; 
}

.lowerlefttan
{
    background-image: url(CenterContainerBaseLight_07.gif);   
    background-repeat: no-repeat;
    background-position: bottom left; 
    height: 30px;   
}

.bottomtan
{
    text-align: right;
    background-image: url(CenterContainerBaseLight_08.gif);   
    background-repeat: repeat;
    background-position: bottom left; 
}

.lowerrighttan
{
     background-image: url(CenterContainerBaseLight_09.gif); 
    background-repeat: no-repeat;
    background-position: bottom right; 
    min-width: 32px;
    min-height: 32px;
}

.extratan
{
   background-color: #DCCEB5;
     background-image: url(CenterContainerBaseLight_05.gif);
   background-repeat: repeat;
   background-position: top left;
}
.containerbodytan
{
   background-color: #DCCEB5;
      background-image: url(CenterContainerBaseLight_05.gif);
   background-repeat: repeat;
   background-position: top left;
}
