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

body { 
/* background-image:url(images/BackgroundGreen.jpg);   */
text-align: center;
background-repeat: repeat-y;
height: 100%;
width:100%;
margin-left:1%;
margin-right:1%;
/* Include a hack just to be nice to IE */
_position: relative;
_top: 0;
}

/* [CONTROLPANEL] */
.ControlPanel
{
margin-top:6px;
background-color: white;

filter:alpha(opacity=100);
opacity:.100;
}

/* Adjust the MainContent Block to return to the left half its width */
div#MainContent {
width: 100%;
margin: 1em auto;
text-align: center;
/* Include a hack just to be nice to IE */
_position: relative;
_top: 0;
background-color:Transparent;
background-repeat:repeat;
}

div#Header {
background-color: transparent;
width: 800px;
}

div#ColumnA {
float: left;
background-color: transparent;
width: 490px;
} 

div#ColumnB {
float: right;
background-color: transparent;
width: 190px;
}

div#Footer {
clear: both;
background-color: transparent;
width: 100%;
height: 24px;
} 

#HOSTNAME_1
{
border-top: #cc0066 6px solid;
font-size: 24pt;
margin-bottom: 1px;
padding-bottom: 3px;
width: 100%;
color: #ff0066;
padding-top: 3px;
border-bottom: #cc0066 8px solid;
font-family: 'Trebuchet MS';
background-color: transparent;
text-align: center;
}
/* [TITLE] */
#HOSTNAME_1 a:link 
{
font-family: 'Trebuchet MS';
font-size: 24pt;
color: #ff0066;
}
#HOSTNAME_1 a:visited 
{
font-family: 'Trebuchet MS';
font-size: 24pt;
color: #ff0066;
}
#HOSTNAME_1 a:active 
{
font-family: 'Trebuchet MS';
font-size: 24pt;
color: #ff0066;
}
#HOSTNAME_1 a:hover
{
font-size: 24pt;
color: #ff0066;
font-family: 'Trebuchet MS';
text-decoration: none;
}
div#SEARCH_1
{
float: right;
}

/* [USER] [LOGIN] */
div#USER_1 {margin-top: 12px;
margin-left: 0px;}
div#LOGIN_1 {margin-top: 12px;
margin-left: 0px;}
div#USER_1 a:link {font-family:Tahoma;font-size: 10pt;color:#666666;white-space: nowrap;}
div#USER_1 a:visited {font-family: Tahoma;font-size: 10pt;color:#666666;white-space: nowrap;}
div#USER_1 a:active {font-family: Tahoma;font-size: 10pt;color:#666666;white-space: nowrap;}
div#USER_1 a:hover {font-family: Tahoma;font-size: 10pt;color: #FF0066;white-space: nowrap;}
div#LOGIN_1 a:link {font-family:Tahoma;font-size: 10pt;color:#666666;white-space: nowrap;}
div#LOGIN_1 a:visited {font-family: Tahoma;font-size: 10pt;color:#666666;white-space: nowrap;}
div#LOGIN_1 a:active {font-family: Tahoma;font-size: 10pt;color:#666666;white-space: nowrap;}
div#LOGIN_1 a:hover {font-family: Tahoma;font-size: 10pt;color: #FF0066;white-space: nowrap;}


/* [LINKS] -root */ 
div#Links_1_Frame
{
}
div#Links_1
{
padding-right: 0px;
margin-top: 18px;
padding-left: 0px;
padding-bottom: 3px;
font: 10pt Tahoma, sans-serif;
margin-left: 0px;
padding-top: 3px;
border-bottom: #778 0px solid; text-indent:6px; text-align:justify;
}

div#Links_1 a:link.phd_links1
{
border-right: fuchsia 1px solid;
padding-right: 0.5em;
border-top: fuchsia 1px solid;
padding-left: 1.0em;
background: #dde;
padding-bottom: 4px;
vertical-align: super;
border-left: fuchsia 1px solid;
padding-top: 3px;
border-bottom: fuchsia 1px solid;
white-space: nowrap;
text-decoration: none; 
position:relative;
top: -5px;
left: 0;
}
div#Links_1 a:visited.phd_links1
{
border-right: fuchsia 1px solid;
padding-right: 0.5em;
border-top: fuchsia 1px solid;
padding-left: 1.0em;
background: #dde;
padding-bottom: 4px;
vertical-align: super;
border-left: fuchsia 1px solid;
padding-top: 3px;
border-bottom: fuchsia 1px solid;
white-space: nowrap;
text-decoration: none; 
position:relative;
top: -5px;
left: 0;
}
div#Links_1 a:active.phd_links1
{
border-right: fuchsia 1px solid;
padding-right: 0.5em;
border-top: fuchsia 1px solid;
padding-left: 1.0em;
background: #dde;
padding-bottom: 4px;
vertical-align: super;
border-left: fuchsia 1px solid;
padding-top: 3px;
border-bottom: fuchsia 1px solid;
white-space: nowrap;
text-decoration: none; 
position:relative;
top: -5px;
left: 0;
}
div#Links_1 a:hover.phd_links1
{
border-right: gray 1px solid;
padding-right: 0.5em;
border-top: gray 1px solid;
padding-left: 1.0em;
background: #ff0099;
padding-bottom: 4px;
vertical-align: super;
border-left: gray 1px solid;
color: #ffffff;
border-bottom: gray 1px solid;
white-space: nowrap;
text-decoration: none; 
position:relative;
top: -5px;
left: 0;
}

/* [LINKS] -child */ 
div#Links_2
{
padding-top: 4px;
margin-left: 100px;
}

div#Links_2 a:link.phd_links2
{
border-right: #cc0066 2px solid;
padding-right: 12px;
padding-left: 12px;
font-size: 9pt;
background: none transparent scroll repeat 0% 0%;
border-left: #cc0066 2px solid;
color: #333333;
font-family: Tahoma;
white-space: nowrap;position:relative;
top: -5px;
left: 0;
}
div#Links_2 a:visited.phd_links2
{
border-right: #cc0066 2px solid;
padding-right: 12px;
padding-left: 12px;
font-size: 9pt;
background: none transparent scroll repeat 0% 0%;
border-left: #cc0066 2px solid;
color: #333333;
font-family: Tahoma;
white-space: nowrap;position:relative;
top: -5px;
left: 0;
}
div#Links_2 a:active.phd_links2
{
border-right: #cc0066 2px solid;
padding-right: 12px;
padding-left: 12px;
font-size: 9pt;
background: none transparent scroll repeat 0% 0%;
border-left: #cc0066 2px solid;
color: #333333;
font-family: Tahoma;
white-space: nowrap;position:relative;
top: -5px;
left: 0;
}
div#Links_2 a:hover.phd_links2
{
border-right: #cc0066 2px solid;
padding-right: 12px;
padding-left: 12px;
font-size: 9pt;
background: none transparent scroll repeat 0% 0%;
border-left: #cc0066 2px solid;
color: #ff0066;
font-family: Tahoma;
white-space: nowrap;position:relative;
top: -5px;
left: 0;
} 

/* [BREADCRUMB] */
span.PHDBLink {
position:relative;
top: -2px;
left: 0;
color:#008000;font-family:Tahoma; font-size:10px; letter-spacing:-2pt;
}

div#Breadcrumb_1 { 
margin-top:8px;margin-bottom:8px;
}
div#Breadcrumb_1 .BLinks { 
font-size: 9pt;
text-transform: uppercase;
color: #009900;
font-family: Tahoma;
background-color: transparent;padding-right:4px; padding-left: 6px; padding-top:6px; padding-bottom:4px;
}
div#Breadcrumb_1 a:link.BLinks
{
font-weight: bold;
font-size: 9pt;
text-transform: uppercase;
color: #009900;
font-family: Tahoma;
}
div#Breadcrumb_1 a:visited.BLinks
{
font-weight: bold;
font-size: 9pt;
text-transform: uppercase;
color: #009900;
font-family: Tahoma, Verdana;
} 
div#Breadcrumb_1 a:active.BLinks
{
font-weight: bold;
font-size: 9pt;
text-transform: uppercase;
color: #009900;
font-family: Tahoma, Verdana;
}
div#Breadcrumb_1 a:hover.BLinks
{
font-weight: bold;
font-size: 9pt;
text-transform: uppercase;
color: #00cc00;
font-family: Tahoma, Verdana;
}


div#positioned-elementTop
{
background-image: url('none');
height: 30px;
left: 0px;
position: absolute;
top: 0px;
width: 300px;
background-color: lightsteelblue;
z-index: 1
}

div#positioned-element
{
background-image: none;
height: 203px;
left: 0px;
position: absolute;
top: 30px; 
width: 300px;
background-image:url(images/SBVBanner.gif); 
z-index: 2
}


div#positioned-element4
{
height: 163px; 
left: 300px;
position: absolute;
top: 0px;
width: 525px;
background-image:url(images/WebDev.gif); 
background-color: Transparent;
background-repeat:no-repeat;
z-index: 3
}

div#positioned-element5
{
height: 100%;
left: -5px;
position: absolute;
top: 232px; 
width: 302px;
z-index: 4
}

div#positioned-element6
{
height: 100%;
left: 0px;
position: absolute;
top: 600px; 
width: 25%;
z-index: 5
}

div#positioned-element7 
{
height: 100%;
left: 303px;
position: absolute;
top: 233px; 
width: 525px;
float:right;
background-repeat:repeat;
z-index: 6
}

div#positioned-element8
{
height: 520px;
left: 300px;
position: absolute;
top: 0px;
width: 07px;
background-color:buttonface;
float:right;
z-index: 7
}

div#positioned-element9
{
height: 100%;
left: 830px;
position: absolute;
top: 0px;
width: 150px;
float:right;
background-color:Transparent;
background-repeat:repeat-y;
z-index: 8
}

div#positioned-element10
{
height: 26px; 
left: 307px;
position: absolute;
top: 165px; 
width: 519px;
background-color: lightsteelblue;
background-repeat:no-repeat;
z-index: 9
}