/* ================================
    Main CSS STYLES FOR Snapsis CSSNav Skin
   ================================
 */
 
 
 


 
 
body
{
	
	font: arial, San-Serif;
    height:100%%;
    font-family: arial, San-Serif;
    background-color:#cccccc;
   
}
html{height:100%}
html>body #PortalBorder {height:auto}/*for mozilla */


p
{
font: 75% Arial, San-Serif;
color: #333333;
line-height:1.35;

}

h1
{
font: 300% Arial, San-Serif;
color: #333333;
font-weight:bold;
margin-bottom:0;
margin-top:0;
}

h1 p
{
color: #333333;
margin-bottom:0;
margin-top:0;
}

h2
{
font: 87.5% Arial, San-Serif;
color: #333333;
font-weight:bold;
margin-bottom:0;
margin-top:0;
}

underheader
{
font: 87.5% Arial, San-Serif;
color: #333333;
font-weight:bold;
margin-bottom:0;
margin-top:0;
}

p
{
margin-top:0;
color: #333333;
}


.TabList {
    
    horizontal-align:left;
}
.TabList ul {
    clear:both;
    margin:0;
    padding:10px 10px;
    list-style:none;
    display: inline;
}
.TabList li {
    float:left;
    margin:0;
    display: inline;
    padding:0 0 0 2px;
}
.LinkIcon {
    border:0;
    padding-right:2px;
}
.TabList li li {
    padding:0 0 0 10px;
    
}
.TabList li li li{
    padding:0 0 0 20px;
}
.TabList li a {
   padding:0 0 0 10px;
   font-family: Arial, San-Serif;
   voice-family: "\"}\""; voice-family:inherit;
   line-height:normal;
}

select.TabList {
    border-left: #333333 1px solid;
    border-right: #333333 1px solid;
    border-top:  #333333 1px solid;
    border-bottom: #333333 1px solid;
    background-color: #C1C1C1;
    color:#000;
    
    
}



/* IE-PC doesn't see these child selectors but CSS2 compliant browsers can make use of them
#NavTabs > ul a {width:auto;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#NavTabs a {float:none;}
/* End IE5-Mac hack */

/* too problematic, daniel 080901
#NavTabsContainerBorder {
    background-color:#999999;
    padding:0 0 0 0;
    margin:0 0 0 0;
    border:1px solid red;
    display:block;
    width:185px;

    
}
#NavTabsContainer {
    border:1px solid blue;
	background-color: #999999;
	width:185px;
	vertical-align:top;
    padding:0 0 0 0;
    margin:0 0 0 0;
}
*/

#NavTabsTopCorners
{

	margin:5 0 0 0;
}

#NavTabsBottomCorners
{
    border-top: 1px solid #fff;	
    margin:0 0 15 0;

}

#NavTabsTable
{
	background-color:#999999; 
	width:200px; 
	margin:0 0 0 0; 
	padding:0 0 0 0;
}

#NavTabs a {

    float:left;
    text-align:left;
    padding:0 0 0 0;
    margin:0 0 0 0;
    text-decoration:none;
    border:0px solid #ffff00;
    color:#000;
    font: 68.75% Arial, San-Serif;
}

#NavTabs a:hover {
    text-decoration:underline;
}

#NavTabs .Level0 
{
	width:200px;
	padding-left:0px;
	padding-right:0px;
    padding-top:5px;
    padding-bottom:5px;
    margin:0 0 0 0;
    border:0px solid #ff0000;
    border-top: 1px solid #fff;
}
#NavTabs .Level0 a {
    font-weight:normal;
	padding-left:20px;
	border:0px solid #ff0000;
}
#NavTabs .Level1 {
    padding-left:30px;
    padding-bottom:5px;
    border:0px solid #ffff00;
    width:170px;
    margin:0px 0px 0px 0px;
}
#NavTabs .Level2 {
    padding-left:0px;
    padding-bottom:0px;
}
#NavTabs .SelectedTab a {
    font-weight:bold;
    border-left:0px solid blue;
    color:#000;

}
#NavTabs .DisabledTab {
    color:#000;
    font-weight:bold;
    padding-left:0px;
    width:165px;
}
#LoginUserContainer {
    position:relative;
    padding-right:25px;
    horizontal-align:right;
}
A.BannerLinks:Link, A.BannerLinks:Active, A.BannerLinks:Visited
{
    font-family: Arial ,San-Serif;
    
    font-weight:bold;
    color:#000;
	padding-left:5;
}
A.BannerLinks:hover
{
    color:#FFF;
    text-decoration:none;
}

A.Content:Link, A.Content:Active, A.Content:Visited
{
    color:#000;
    height:auto;
}
A.Content:hover {
    color:#FFF;
}
A.FooterLinks:Link, A.FooterLinks:Active, A.FooterLinks:Visited
{
    font-weight:bold;
    color:#f1f1f1;
	padding-left:5;
}
A.FooterLinks:hover
{
    color:#FF;
    text-decoration:none;
}
#copyright{
    text-align:left;
    width:290px;
    padding-left:20px;
}
#terms{

    left:300px;    
    width:250px;
    text-align:left;
}
#host{
    text-align:right;
    right:10px;
    width:300px;
    padding-right:10px;
}
.Head{
    font-family: Arial, San-Serif;
    
    font-weight: bold;
    color: slate;

}
Input.NormalTextbox
{
    
    height:22px;
}
.NormalSmall
{
    font-family: Arial, San-Serif;
    
    
}
.NormalSmallRed
{
    font-family: Arial, San-Serif;
    
    
    color: #CC0000
}
.CSS01
{
    position:relative;
    top:0;
    bottom:0;
    margin:5px;
    width:100%;
    border: #333 1px solid;
}
.CSS01 #Top
{
    position:relative;
    top:0;
    left:0;
    height:34px;
    width:100%;
    background:url(Top.jpg) repeat-x top left;
}
.CSS01 .Content
{
    position:relative;
    top:0;
    left:0;
    width:90%;
    margin:5px;
    background-color:#FFF;
}
.CSS01 #Middle
{
    border-left: #333 1px solid;    
    border-right: #333 1px solid;    
}
.CSS01 #Bottom
{
    position:relative;
    top:0;
    left:0;
    padding-top:4px;
    height:25px;
 
}
.DivL
{
    position:absolute;
    text-align:left;
    top:2px;
    left:5px;
    padding-right:10px;
    width:50%;
}
.DivIcon
{
    float:left;
    text-align:left;
    top:2px;
    left:5px;
    padding-right:10px;
    width:25px;
}
.DivC
{
    position:relative;
    left:0;
    padding-top:10px;
    padding-left:5px;
    padding-right:5px;
    width:100%;
    color:#f1f1f1
}
.DivR
{
    position:absolute;
    width:50%;
    text-align:right;
    padding-left:10px;
    top:2px;
    right:5px
}
#PortalContainer
{
    border:0px solid #333;
	width:920px;
    background-color:white;

}
#PortalBanner
{
    height:0px;
    padding-left:0px;    

}
#TopRightContainer
{
    width:100%;
    text-align:right;
    padding-top:1px;
    padding-right:10px;
    padding-left:10px;
}
.DNNEmptyPane 
{
	width:0px;
	line-height:0px;	
	border:0px solid #333;
	visibility:hidden;
	display:none;
}

	
.ContentPane 
{

}
.RightPane 
{

}

.p02 p
{
	color: #333333;
	font: 125% Arial, San-Serif;
	font-weight: normal;
	margin-top:0;
}

.InlineImageBoxRightOuter
{
	padding-left:10px;
	padding-right:0px;
	padding-bottom:5px;
	padding-top:;
    margin-left:10px;
	margin-right:0px;
	margin-bottom:5px;
	margin-top:;
	border:0px solid #333;
}

.InlineImageBoxLeftOuter
{
	padding-left:0px;
	padding-right:10px;
	padding-bottom:5px;
	padding-top:;
    margin-left:0px;
	margin-right:10px;
	margin-bottom:5px;
	margin-top:;
	border:0px solid #333;
}

.InlineImageCaptionRight
{
	font: 68.75% Arial, San-Serif;
	font-style:italic;
	margin-bottom:0;
	margin-top:0;
	color: #333333;
}

.InlineImageCaptionLeft
{
	font: 68.75% Arial, San-Serif;
	font-style:italic;
	margin-bottom:0;
	margin-top:0;
	color: #333333;
}

.img_n_txt
{
	padding-left:10px;
	padding-right:0px;
	padding-bottom:5px;
	padding-top:0px;
    margin-left:10px;
	margin-right:0px;
	margin-bottom:5px;
	margin-top:0px;
	border:0px solid #333;
}

.p03 p
{
	margin-top:0;	
	margin-bottom:0px;
	color: #333333;
}	

.p04 p
{
	font: 68.75% Arial, San-Serif;
	font-style:italic;
	margin-top:0;
	color: #333333;
}

.p05
{
	margin-top:0;
	color: #333333;
}

.p05 p
{
	font: 100% Arial, San-Serif;
	font-weight: bold;
	margin-top:0;
	color: #333333;

}

.p07 p
{
	font-style:italic;
	color: #333333;
}


.p08 strong p
{
	font-weight: bold;
	color:#cc0033;
	margin-bottom:0;
}


.p19 strong p
{
	font-weight: bold;
	color:#cc0033;
	margin-bottom:0;
}

.p20 p
{
	font-weight: bold;
	color:#ffffff;
	margin-bottom:0;
}

.DoubleColBoxOuter
{
	border:solid 0px black;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-top:0px;
    margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;

}

.DoubleColBoxInner
{
	border:solid 0px red;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-top:0px;
    margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;

}

.DoubleColBoxTable
{
	border:solid 0px blue;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-top:0px;
    margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	width:420px;


}

.DoubleColBoxTdLeft
{

	border:solid 0px blue;
	width:200px;
	vertical-align:top;
	padding-right:10px;
}


.DoubleColBoxTdRight
{
	border:solid 0px red;
	width:200px;
	vertical-align:top;
	padding-left:10px;
}


.BoxOuterTable
{
	width:100%;
	border: 0px solid #000000;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-collapse:collapse; 

}

.BoxTable
{
	border: 0px solid #000000;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.SubHead A:link
{
	text-decoration: none;
	color: #cc0033;
	font-weight:bold;
}


.SubHead h2
{
font: 110% Arial, San-Serif;
color: #cc0033;
font-weight:bold;
margin-bottom:0;
margin-top:0;
}


.SubHead b
{
font: 110% Arial, San-Serif;
color: #cc0033;
font-weight:bold;
margin-bottom:0;
margin-top:0;
}


.BoxOuterTd
{
	padding:0px 0px 0px 0px;
}

.BoxTd
{
	padding:0px 0px 0px 0px;
}

.BoxTd p
{
    font: 68.75% Arial, San-Serif;
}

.BoxTd strong
{
	color:#cc0033;
}

.BoxTd a
{
	color:#000000;
}


#RoundBoxPeach 
{
background:#ffcc99 url(/Portals/0/site-img/corners/peach/leftside.gif) repeat-y left top;
}

.RoundBoxPeachTop {
width:100%;
height:5px;
background:url(/Portals/0/site-img/corners/peach/top.gif) no-repeat left top;
overflow:hidden;
}

.RoundBoxPeachTop span {
display:block;
position:relative;
height:5px;
background:url(/Portals/0/site-img/corners/peach/top-right.gif) no-repeat right top;
}

.RoundBoxPeachCenter
{
position:relative;
background:url(/Portals/0/site-img/corners/peach/rightside.gif) repeat-y right top;
padding:15px 15px 15px 15px;
}

.RoundBoxPeachBottom {
width:100%;
height:5px;
background:url(/Portals/0/site-img/corners/peach/bottom.gif) no-repeat left top;
overflow:hidden;
}
.RoundBoxPeachBottom span {
display:block;
position:relative;
height:5px;
background:url(/Portals/0/site-img/corners/peach/bottom-right.gif) no-repeat right top;
}

#RoundBoxLightYellow 
{
background:#ffffcc url(/Portals/0/site-img/corners/lightyellow/leftside.gif) repeat-y left top;
}

.RoundBoxLightYellowTop {
width:100%;
height:5px;
background:url(/Portals/0/site-img/corners/lightyellow/top.gif) no-repeat left top;
overflow:hidden;
}

.RoundBoxLightYellowTop span {
display:block;
position:relative;
height:5px;
background:url(/Portals/0/site-img/corners/lightyellow/top-right.gif) no-repeat right top;
}

.RoundBoxLightYellowCenter
{
position:relative;
background:url(/Portals/0/site-img/corners/lightyellow/rightside.gif) repeat-y right top;
padding:15px 15px 15px 15px;
}

.RoundBoxLightYellowBottom {
width:100%;
height:5px;
background:url(/Portals/0/site-img/corners/lightyellow/bottom.gif) no-repeat left top;
overflow:hidden;
}
.RoundBoxLightYellowBottom span {
display:block;
position:relative;
height:5px;
background:url(/Portals/0/site-img/corners/lightyellow/bottom-right.gif) no-repeat right top;
}


#RoundBoxDarkYellow 
{
background:#ffff99 url(/Portals/0/site-img/corners/darkyellow/leftside.gif) repeat-y left top;
}

.RoundBoxDarkYellowTop {
width:100%;
height:5px;
background:url(/Portals/0/site-img/corners/darkyellow/top.gif) no-repeat left top;
overflow:hidden;
}

.RoundBoxDarkYellowTop span {
display:block;
position:relative;
height:5px;
background:url(/Portals/0/site-img/corners/darkyellow/top-right.gif) no-repeat right top;
}

.RoundBoxDarkYellowCenter
{
position:relative;
background:url(/Portals/0/site-img/corners/darkyellow/rightside.gif) repeat-y right top;
padding:15px 15px 15px 15px;
}

.RoundBoxDarkYellowBottom {
width:100%;
height:5px;
background:url(/Portals/0/site-img/corners/darkyellow/bottom.gif) no-repeat left top;
overflow:hidden;
}
.RoundBoxDarkYellowBottom span {
display:block;
position:relative;
height:5px;
background:url(/Portals/0/site-img/corners/darkyellow/bottom-right.gif) no-repeat right top;
}



#RoundBoxGrey
{
background:#cccccc url(/Portals/0/site-img/corners/grey/leftside.gif) repeat-y left top;
}

.RoundBoxGreyTop {
width:100%;
height:5px;
background:url(/Portals/0/site-img/corners/grey/top.gif) no-repeat left top;
overflow:hidden;
}

.RoundBoxGreyTop span {
display:block;
position:relative;
height:5px;
background:url(/Portals/0/site-img/corners/grey/top-right.gif) no-repeat right top;
}

.RoundBoxGreyCenter
{
position:relative;
background:url(/Portals/0/site-img/corners/grey/rightside.gif) repeat-y right top;
padding:15px 15px 15px 15px;
}

.RoundBoxGreyBottom {
width:100%;
height:5px;
background:url(/Portals/0/site-img/corners/grey/bottom.gif) no-repeat left top;
overflow:hidden;
}
.RoundBoxGreyBottom span {
display:block;
position:relative;
height:5px;
background:url(/Portals/0/site-img/corners/grey/bottom-right.gif) no-repeat right top;
}

#RoundBoxOrange
{
background:#ffcc66 url(/Portals/0/site-img/corners/orange/leftside.gif) repeat-y left top;
}

.RoundBoxOrangeTop {
width:100%;
height:5px;
background:url(/Portals/0/site-img/corners/orange/top.gif) no-repeat left top;
overflow:hidden;
}

.RoundBoxOrangeTop span {
display:block;
position:relative;
height:5px;
background:url(/Portals/0/site-img/corners/orange/top-right.gif) no-repeat right top;
}

.RoundBoxOrangeCenter
{
position:relative;
background:url(/Portals/0/site-img/corners/orange/rightside.gif) repeat-y right top;
padding:15px 15px 15px 15px;
}

.RoundBoxOrangeBottom {
width:100%;
height:5px;
background:url(/Portals/0/site-img/corners/orange/bottom.gif) no-repeat left top;
overflow:hidden;
}
.RoundBoxOrangeBottom span {
display:block;
position:relative;
height:5px;
background:url(/Portals/0/site-img/corners/orange/bottom-right.gif) no-repeat right top;
}





#PortalFooter 
{
    position:relative;
    height: 46px;
    width:100%;
    
    font-weight: bold;
    background-color: #fffff;
    background-image:url(/Portals/0/site-img/wholepage_bottomcorners.jpg);

    color: #f1f1f1;
    text-decoration: none;
}
.ControlPanel
{
BORDER-RIGHT: #003366 1px solid;
BORDER-TOP: #003366 1px solid;
BORDER-LEFT: #003366 1px solid;
WIDTH: 100%;
BORDER-BOTTOM: #003366 1px solid;
HEIGHT: 64px;
BACKGROUND-COLOR: #ffffff;
}
.Head
{
FONT-WEIGHT: bold;
COLOR: #666666;
FONT-FAMILY: Arial, San-Serif;
}
.SubHead
{
COLOR: #666666;
FONT-FAMILY: Arial, San-serif;
}
.SubSubHead
{

COLOR: #666666;
FONT-FAMILY: Arial, San-serif;
}
.Normal
{


FONT-FAMILY: Arial, San-serif;
}
TD.Normal
{
  
}
TD.NormalTextBox
{
  
}
TD.NormalBold
{
  
}
.NormalBold
{
FONT-WEIGHT: bold;
FONT-FAMILY: Arial, San-serif;
}
.NormalRed
{
FONT-WEIGHT: bold;
COLOR: #ff0000;
FONT-FAMILY: Arial, San-serif;
}
.NormalTextBox
{

FONT-FAMILY: Arial, San-serif;
}


.OptOut
{
	font: 75% Arial, San-Serif;
}