/* 
================================
Skin styles for DotNetNuke
================================
*/  
 
body {
	margin:0;
	padding:0;
	background-color:#186499;
	font-family:Century Gothic, Arial, Tahoma;
	font-style:normal;
	background-image: url(images/pagbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
	
.pagemaster{
	width:100%;
	height:100%;
}

.skinmaster{
	padding-top: 30px;
}	
.bodybarBackground{ background-image:url(images/bodyBackground.jpg); background-repeat:repeat-x; background-color:#FFFFFF;}	
.bodybarBackgroundShort{ background-image:url(images/bodyBackground_short.jpg); background-repeat:repeat-x; background-color:#FFFFFF;}	
	
#adminbar{font-size:70%; color:#006699;  padding:5px 5px 5px 0;}
#adminbar a:link, #adminbar a:active, #adminbar a:visited, {color:#006699;}
#adminbar a:hover, {color:#1177AA;}
.header{
	background-image: url(images/left-banner-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.header .left{
	width: 151px;
}
#header .headertopleft {width:14px; height:100%; overflow:hidden; text-align:center; background-image:url(images/headercurve_topleft.jpg); background-repeat:no-repeat; background-position:top left;}
#header .headertopright {width:14px; height:100%; overflow:hidden; text-align:center; background-image:url(images/headercurve_topright.jpg); background-repeat:no-repeat; background-position:top right;}
#header .logopane{ padding:2px;}
#header .logopane img{ margin-top:10px; margin-bottom:5px;}
		
.midbarleft{ width:14px; background-image:url(images/midbar_border_left.gif); background-repeat:repeat-y; background-position:top left;}	
.midbarcontent{ background-image:url(images/midbar_border_top.gif); background-repeat:repeat-x; background-position:top;}	
.midbarright{ width:14px; background-image:url(images/midbar_border_right.gif); background-repeat:repeat-y; background-position:top right;}	
.midbarBackgroundcenter{ background-color:#4B9CC7;}

.navbar{ background-image:url(images/nav_background.gif); background-repeat:repeat-x; background-position:top;}	
.navbarleft{ width:14px; background-image:url(images/midbar_border_left_nav.gif); background-repeat:repeat-y; background-position:top left;}	
.navbarright{ width:14px; background-image:url(images/midbar_border_right_nav.gif); background-repeat:repeat-y; background-position:top right;}	
.navbarleftshort{ width:14px; background-image:url(images/midbar_border_left_navshort.gif); background-repeat:repeat-y; background-position:top left;}	
.navbarrightshort{ width:14px; background-image:url(images/midbar_border_right_navshor.gif); background-repeat:repeat-y; background-position:top right;}	

.bodycontent{ background-image:url(images/main_content_bg.gif); background-repeat:repeat-x; background-position:top right;}		
.bodybarleft{ width:14px; background-image:url(images/border_left.gif); background-repeat:repeat-y; background-position:top left;}	
.bodybarright{ width:14px; background-image:url(images/border_right.gif); background-repeat:repeat-y; background-position:top right;}	
.bodybarleftshort{ width:14px; background-image:url(images/border_leftshort.gif); background-repeat:repeat-y; background-position:top left;}	
.bodybarrightshort{ width:14px; background-image:url(images/border_rightshort.gif); background-repeat:repeat-y; background-position:top right;}	

.bottombarleft{ width:14px; background-image:url(images/border_left.gif); background-repeat:repeat-y; background-position:bottom left;}	
.bottombarright{ width:14px; background-image:url(images/border_right.gif); background-repeat:repeat-y; background-position:bottom right;}	

.bottompane{ }

.footerBackground{ background-color:#FFFFFF;}	
.footercontent{ background-image:url(images/footer_background.gif); background-repeat:repeat-x; background-position:bottom left; background-color:#FFFFFF;}	
.footerleft{ background-image:url(images/footer_left.gif); background-repeat:repeat-y; background-position:bottom left;}	
.footerright{ background-image:url(images/footer_right.gif); background-repeat:repeat-y; background-position:bottom right;}	
.footerlinks{ padding:5px; font-size:70%}	

/*submenu _______________________________________________________________________________________________

This is the menu that pops up when you hover over a main menu item. FOr some reason, it needs to be above

the main menu in the CSS file to work properly. If it isn't a blankspace will show up on the right of the 

sub menu item. */
.submenu{

            z-index:1000; 

            background:#186499;          

            /*filter:progid:DXImageTransform.Microsoft.Shadow(color='#757575', Direction=135, Strength=2);*/

            border:1px #186499 solid; 

            padding:0px;

            margin-left:2px;

            color:#186499;
			
			font-family:Century Gothic, Arial, Tahoma;

}

 

.submenuitembreadcrumb{ 
font-family:Century Gothic, Arial, Tahoma; 
color:#186499; 
font-size:11px; 
font-weight:bold;
padding:5px 5px 5px 5px;
height:20px;
font-family:Century Gothic, Arial, Tahoma;
background:#FFFFFF;            
border:#FFFFFF solid;
border-width:1px 0px;
margin-bottom:1px;
}

 

.submenuitemselected{
font-family:Century Gothic, Arial, Tahoma; 
color:#FFFFFF; 
font-size:11px; 
font-weight:bold;
padding:5px 5px 5px 5px;
height:20px;
font-family:Century Gothic, Arial, Tahoma;
background:#186499;            
border:#FFFFFF solid;
border-width:1px 0px;
margin-bottom:1px;
}



/* Main Menu ___________________________________________________________________________________________ */

.menubg{ width:100%; height:100%;}

 

/* MainMenu_MenuItem controls the borders between submenu items before they are rolled over*/ 

.MainMenu_MenuItem{
font-family:Century Gothic, Arial, Tahoma; 
color:#186499; 
font-size:11px; 
font-weight:bold;
padding:5px 5px 5px 5px;
height:20px;
font-family:Century Gothic, Arial, Tahoma;
background:#FFFFFF;            
border:#FFFFFF solid;
border-width:1px 0px;
margin-bottom:1px;
}


 

/* These bits here turn on and off the drop downs, icons and arrows */

.MainMenu_MenuContainer{
font-family:Century Gothic, Arial, Tahoma; 
color:#186499; 
font-size:11px; 
font-weight:bold;
padding:5px 5px 5px 5px;
height:20px;
font-family:Century Gothic, Arial, Tahoma;
background:#FFFFFF; height:20px; margin-bottom:1px;
}

.MainMenu_MenuBar{
font-family:Century Gothic, Arial, Tahoma; 
color:#186499; 
font-size:11px; 
font-weight:bold;
padding:5px 5px 5px 5px;
height:20px;
font-family:Century Gothic, Arial, Tahoma;
background:#FFFFFF; margin-bottom:1px;
}

.MainMenu_RootMenuArrow{ display:none; }	

.MainMenu_MenuIcon{ display:none; }

.MainMenu_MenuArrow{ display:none; }

 

/* rootmenuitem TD controls the look of the main menu bar */

.rootmenuitem TD{

            color:#186499; 

            font-size:11px; 

            font-weight:bold;

            padding:5px 5px 5px 5px;

            height:20px; width:100%;
			
			font-family:Century Gothic, Arial, Tahoma;
			
			background:#FFFFFF; margin-bottom:1px;
			}

 

/* rootmenuitemselected TD controls the look of the main menu bar with the roll over state on, 

be sure to keep a background in there or firefox will show a blue box in the background */

.rootmenuitemselected TD{

            color:#2895DD; 

            font-size:11px; 

            font-weight:bold;

            padding:5px 5px 5px 5px;

            background:#FFFFFF;

			font-family:"Century Gothic", Arial, Tahoma;
			
			height: 20px; width:100%; margin-bottom:1px;
}

 

/* rootmenuitembreadcrumb TD controls the look of the main menu bar when it is the selected menu 

be sure to keep a background in there or firefox will show a blue box in the background */

.rootmenuitembreadcrumb TD{

            color:#186499; 

            font-size:11px; 

            font-weight:bold;

            padding:5px 5px 5px 5px;

            background:#FFFFFF;

			font-family:"Century Gothic", Arial, Tahoma;
			
			height: 20px; width:100%; margin-bottom:1px;
}

 

.MainMenu_MenuBreak{
	color: #CCCCCC;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
}




/* Admin link styles */
a.CommandButton:link,a.CommandButton:visited,a.CommandButton:active { color:#186499; background:#FFFFFF; padding:2px 3px 3px 4px; font-family:tahoma; font-weight:bold; font-size:11px; text-decoration:none; height:20px;}
a.CommandButton:hover {color:#2895DD; background:#FFFFFF; padding:2px 3px 3px 4px; font-family:tahoma; font-weight:bold; font-size:11px; text-decoration:none; height:20px;}

/* Normal Text Box */
.NormalTextBox {
	font-family: Arial, Helvetica;
	font-size: 8.5pt;
	color: #186499;
	font-weight: normal;
	vertical-align: middle;
}

/*Terms Link */
A.Terms:link,A.Terms:visited { 
	font-family: Century Gothic, Arial, Tahoma;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration:none;
}
A.Terms:active { 
	font-family: Century Gothic, Arial, Tahoma;
	color: #FFFFFF;
	font-weight: normal;
}
A.Terms:hover { 
	font-family: Century Gothic, Arial, Tahoma;
	color: #6DB1E0;
	font-weight: normal;
	text-decoration:underline;
}

/*This makes the separators and defines the text size where the Terms and Privacy are*/
.linksTable {
	color: #FFFFFF;font-size: 0.8em;
}

/* Breadcrumb*/
.Breadcrumb {
	text-align: left;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #B0B7C3;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: normal;
}
/* Breadcrumb link */
A.Breadcrumb:link,A.Breadcrumb:visited,A.Breadcrumb:active { 
	text-align: left;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #394B68;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
}
A.Breadcrumb:hover { 
	text-align: left;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #394B68;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
}
.ltsidetext {
	color: #186499;
	width: 133px;
	padding-left: 17px;
}


a:link {
color:#186499;text-decoration:underline;
}
a:visited {
color:#186499;
}
a:hover {
color:#186499;text-decoration:none;
}
a:active {
color:#186499;
}


/*Privacy Button Settings*/
A.privacy:link,A.privacy:visited { 
	font-family: Century Gothic, Arial, Tahoma;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration:none;
}
A.privacy:active { 
	font-family: Century Gothic, Arial, Tahoma;
	color: #FFFFFF;
	font-weight: normal;
}
A.privacy:hover { 
	font-family: Century Gothic, Arial, Tahoma;
	color: #6DB1E0;
	text-decoration:underline;
}


/*Login Link definitions*/
A.Login:link,A.Login:visited { 
	font-family: Century Gothic, Arial, Tahoma;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration:none;
}
A.Login:active { 
	font-family: Century Gothic, Arial, Tahoma;
	color: #FFFFFF;
	font-weight: normal;
}
A.Login:hover { 
	font-family: Century Gothic, Arial, Tahoma;
	color: #6DB1E0;
	text-decoration:underline;
}

A.Register:link,A.Register:visited { 
	font-family: Century Gothic, Arial, Tahoma;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration:none;
}
A.Register:active { 
	font-family: Century Gothic, Arial, Tahoma;
	color: #FFFFFF;
	font-weight: normal;
}
A.Register:hover { 
	font-family: Century Gothic, Arial, Tahoma;
	color: #6DB1E0;
	text-decoration:underline;
}

/*Sage Footer Link Definitions*/
#sagefooter {
	padding-top: 5px;
	padding-bottom: 10px;
	color:#6DB1E0;
	margin-right: auto;
	margin-left: auto;
	font-size: 0.8em;
	text-decoration:none;
}
#sagefooter a:link {
	padding-top: 5px;
	padding-bottom: 10px;
	color:#6DB1E0;
	text-decoration:none;
}
#sagefooter a:visited {
	padding-top: 5px;
	padding-bottom: 10px;
	color:#6DB1E0;
	text-decoration:none;
}
#sagefooter a:hover {
	padding-top: 5px;
	padding-bottom: 10px;
	color:#6DB1E0;
	text-decoration:none;
}
#sagefooter a:active {
	padding-top: 5px;
	padding-bottom: 10px;
	color:#6DB1E0;
	text-decoration:none;
}
/*//////////////////////////////////////////////////////////////*/

.Head{
	font-family: Century Gothic, Arial, Tahoma;
	font-size: 1.2em;
	color: #186499;
}