/*** WEBSITE: Forest Lake College
	 AUTHOR: David Pollitt 
	 MODIFIED BY: Lauren Markwell
	 CREATED: 07/2008*/
	 
/******************************************************
    SKIN LAYOUT STYLES
******************************************************/
#bodyDiv { width:100%; height: 100%; text-align:center; background: #ebedf4; padding: 0px; margin: 0px;}
html>body #bodyDiv { height:auto; min-height: 100%;background: #ebedf4; }
#frame{width:960px;margin-left:auto;margin-right:auto;text-align:left;background: #ebedf4 url(images/frameBg.gif) repeat-y;}
html>body #frame{ width:960px;}
#branding { height: 180px; width:960px;float:left;padding:0;margin-bottom:-3px}
html>/**/body #branding{margin:0}
#menu{margin-left:181px; background: #EE3A43;}
#menuDesign { width:960px; float:left; text-transform:uppercase;clear:both}
#contentArea { clear:left;  width:960px;background: url(images/frameBg.gif) repeat-y;}
#enclose { width:732px; float:left}
.leftPanel { float:left; width:182px;}

#menuInner{background: #ee3a43;position:relative;width:181px;float:left}
#menuDesignInner { width:181px; text-transform:uppercase; margin-top:-1px}
html>/**/body #menuDesignInner{margin-top:0}
.vSubMenu{background: #99ABC0;width:181px;padding:0;margin:0;float:left}

#printLogo {display:none}

#contentWrap {float:right; width:545px;}
.contentPanel {padding: 20px 35px;}
.homeImagePanel{ padding:0; margin:-3px;}

/* Admin Skin*/
#contentAreaAdmin {clear:left;  width:960px; background:#fff; text-align:left; padding-left:30px;}
.contentPanelAdmin {}
#menuAdmin {background: #ee3a43;}

/* Login Skin*/
#contentAreaLogin { background:#D4D8E6}
#frameLogin{width:960px;margin-left:auto;margin-right:auto;text-align:left;}
#frameLogin #menuDesign {background:#EE3A43}
#contentAreaLogin .Head {color:#fff; text-transform:uppercase; margin-top:5px}

.innerImagePanel { width:550px; margin:-3px;}
html>/**/body .innerImagePanel { margin:0;}

#rightWrap {float:right; width:228px; background:#6681A1}
#topwrap { background:#6681A1}
.rightPaneltop { background:#6681A1; padding:0 15px 15px 15px;}
.rightPaneltop a, .rightPaneltop a:link, .rightPaneltop a:active, .rightPaneltop a:visited { color:#fff; text-decoration:none}
.rightPaneltop a:hover { text-decoration:underline; color:#fff}
.rightPanelbase {padding:15px; color:#fff; background:#6578A2}
.rightPanelbase a, .rightPanelbase a:link, .rightPanelbase a:active, .rightPanelbase a:visited { color:#fff; text-decoration:none}
.rightPanelbase a:hover {text-decoration:underline; color:#fff}
.rightPanelbase p, .rightPaneltop p { color:#fff}
.rightPaneltop h2, .rightPanelbase h2 {margin-bottom:7px; padding:0;}

.rightPanellogin { background:#6681A1;color:#B4BCD4; padding:0px 0px 0px 15px;width:228px; margin:10px 0}
html>/**/body .rightPanellogin{width:213px}
#search {background:#6681A1; padding:10px 0 0 15px;}
#search .NormalTextBox {border:1px solid #58595B;}

#footer {font-size:10px; background:#EE3A43 /*url(images/footerBg.gif) repeat-x*/;border-top:10px solid #FFF; color:#fff; padding:5px 10px 0px 10px; clear:both;width:960px;height:51px }
html>/**/body #footer{width:940px;height:31px}
.footerLeft{ float:left; width:700px;}
.footerLeft a, .footerLeft a:active, .footerLeft a:visited, .footerLeft a:link, .footerRight a, .footerRight a:active, .footerRight a:visited, .footerRight a:link {text-decoration:none; color:#fff; } 
.footerLeft a:hover, .footerRight a:hover {text-decoration:underline; color:#fff}
.footerRight { float:right; }

/******************************************************
    PANE SPECIFIC STYLEs              
******************************************************/
.leftPanel h1{text-align:right;}
.leftPanel h2{color:#FFF;font-size:12px;background:#333C42;padding:1px 10px;font-weight:bold;margin:10px 0px 0px 0px}

/******************************************************
    DIGICON CLEAN CSS HORIZONTAL MENU STYLES              
******************************************************/
/***  CLEAN MENU FUNCTIONALITY STYLES - DON'T TOUCH THESE STYLES  ***/
.menu, .menu ul {margin: 0; padding: 0; border: 0; list-style-type: none; display: block; zoom: 1;/*IE6*/ min-height: 0;/*IE7*/}
.menu li {margin: 0; padding: 0; border: 0; display: block; float: left; position: relative; z-index: 5; white-space: normal;}
.menu li:hover {z-index: 10000; white-space: normal;}
.menu li.menuHover /*IE6*/{z-index: 10000;}
.menu .menuHoverUL /* li:hover>ul selector */ /*IE6*/{visibility: visible;}
.menu .menuHoverUL /* 1st-level submenu go below their parent item */ /*IE6*/{top: 100%; left: 0;}
.menu .menuHoverUL .menuHoverUL /* 2nd+ levels go on the right side of the parent item */ /*IE6*/{top: 0; left: 100%;}
.menu li li {float: none;}
.menu ul {visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0;}
.menu li:hover>ul {visibility: visible;	top: 100%;}
.menu li li:hover>ul /* 2nd+ levels go on the right side of the parent item */{top: 0; left: 100%;}
.menu a, .menu a:link, .menu a:active, .menu a:visited, .menu a:link:hover, .menu li.active {display: block; position: relative;}
.menu ul a /*fix clickability-area problem*/ /*IE6*/{zoom: 1;}
.menu li li /*fix white gap problem*/ /*IE6*/{float: left; width: 100%;}
.menu li li /*prevent double-line between items*/ /*IE6*/{margin-top: -1px;}
html>body .menu li li { margin-top: 0px;}

/***  CLEAN MENU DESIGN STYLES - CHANGE ONLY THESE STYLES  ***/
.menu, .menu ul li {color: white; }
.menu ul li {background: #999; text-align: left; width: 150px; display:none;}
.menu ul {width: 150px;display:none}
/* Top Level Menu Items */
.menu a, .menu a:link, .menu a:active, .menu a:visited, .menu a:hover, .menu a:link:hover{text-decoration:none;color:white;padding:9px 7px 6px 7px;font-size:10px;font-weight:bold;display:block;margin:0}
.menu li.active { background: #99ABC0;color:#fff;margin:0;padding:11px 7px 7px 7px;font-size:10px;font-family:Arial,Verdana,Helvetica;font-weight:700}
html>/**/body .menu li.active {padding:10px 7px 8px 7px}
.menu a:hover, .menu a:link:hover, .menu li:hover>a {color:white;background:#99ABC0;margin:0;padding:12px 7px 6px 7px;margin-top:-3px}
html>/**/body .menu a:hover, html>/**/body .menu a:link:hover, html>/**/body .menu li:hover>a {margin-top: 0px; padding: 9px 7px 6px 7px}
* html .menu a:hover/* li:hover>a selector */ /*IE6*/{margin-top: -3px; padding-top: 12px; color: white; background: #99ABC0;}
.menu a:link:hover, .menu .menuHoverA /* li:hover>a selector */ /*IE6*/{color: white; background: #99ABC0;}

/* Drop Down Menu Items */
ul.menu ul a, ul.menu ul a:link, ul.menu ul a:active, ul.menu ul a:visited, ul.menu ul a:hover, ul.menu ul a:link:hover, ul.menu ul li.active {border-right: 0px; text-decoration: none; color: white; padding:0px 5px;background:#4e5c65;margin:0px}
ul.menu ul li.active {background:#7AA2BE;padding:0px 5px;margin:0px}
ul.menu ul li a:hover, ul.menu ul li a:link:hover, ul.menu ul li li:hover>a {color:white;background:#7AA2BE;padding:0px 5px;margin:0px}
.menu ul a:hover, .menu ul a:link:hover, .menu ul .menuHoverA /* ul li:hover>a selector */ /*IE6*/{color:white;background:#7AA2BE}
ul.menu ul li.active /* needs to be adjusted by hand - seems to be dropdown width minus a padding */{width:137px;color:#4e5c65;background:#FFF;border:1px solid #4e5c65}
.menu li li {border: 0px solid #333;}
.menu ul>li + li /*remove top border on all but first item in the list*/{border-top: 0;}
.menu li li:hover>ul /*position of 2nd+ submenus, overlapping*/{top: -1px; left: 100%;}
.menu .menuHoverUL .menuHoverUL /*position of 2nd+ submenus, overlapping*/ /*IE6*/{top: 0px; left: 100%;}

/***  CLEAN MENU FIXES AND EXTRA FUNCTIONALITY STYLES - DON'T TOUCH THESE STYLES  ***/
/* special colouring for first menu item on each level */
/*.menu>li:first-child>a, .menu li + li + li li:first-child>a {color: #567;}*/
/* float clear - force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both;}
/* float clear end */
/* sticky submenu - it should not disappear when your mouse moves a bit outside the submenu YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!	if you do it, make sure you 110% know what you do */
.menu ul {background-image: url(../DigiconDefaultSkin_v1.2/empty.gif); /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */ padding: 0px 30px 30px 30px; margin: 0px 0 0 -30px; /*background: #f00;*/	/* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */}
html>body .menu ul {padding-top: 0px;}
.menu ul ul {padding: 0px 30px 30px 10px; margin: 1px 0 0 -10px;}
/* sticky submenu end */
/* Fix for IE5/Mac \*//*/
.menu a {float: left;}
/* End Fix */












/******************************************************
    DIGICON CLEAN CSS VERTICAL MENU STYLES              
******************************************************/
/***  VERTICAL CLEAN MENU FUNCTIONALITY STYLES - DON'T TOUCH THESE STYLES  ***/
ul.secondaryMenu {position: relative!important;}
.secondaryMenu, .secondaryMenu ul { width: 181px;/* remove all list stylings */ margin: 0; padding: 0; border: 0; list-style-type: none; display: block;}
.secondaryMenu, .secondaryMenu ul /*IE 6*/{/* float.clear */ zoom: 1;}
.secondaryMenu li {margin: 0; padding: 0; border: 0; display: block; position: static;/* position each LI, thus creating potential IE.win overlap problem */ z-index: 5;	/* thus we need to apply explicit z-index here... */}
.secondaryMenu li /*IE6*/{/* fix white gap problem */ float: left; width: 100%;}
.secondaryMenu li /*IE6*/{/* prevent double-line between items */ /*margin-top: -1px;*/}
.secondaryMenu li:hover {z-index: 10000;	white-space: normal; /* required to resolve IE7 :hover bug (z-index above is ignored if this is not present) */}
.secondaryMenu li.menuHover /*IE6*/{z-index: 10000;}
.secondaryMenu .menuHoverUL /*IE6*/{/* li:hover>ul selector */ visibility: visible;}
.secondaryMenu .menuHoverUL /*IE6*/{/* submenu goes to the right */ left: 100%;}

/***  VERTICAL CLEAN MENU DESIGN STYLES - CHANGE ONLY THESE STYLES  ***/
.secondaryMenu, .secondaryMenu ul li {color: #FFF; background: #EE3A43}
.secondaryMenu, .secondaryMenu ul, * html ul.secondaryMenu ul a:link /*2nd level menu items in IE6*/ {width: 182px;}
html>/**/body .secondaryMenu ul {width: 184px;}
* html ul.secondaryMenu li {padding-top: 6px; padding-bottom: 6px}
/* Top Level Menu Items */
.secondaryMenu a, .secondaryMenu a:link, .secondaryMenu a:active, .secondaryMenu a:visited, .secondaryMenu a:hover, .secondaryMenu li:hover>a, /*.secondaryMenu a:link:hover,*/ .secondaryMenu .menuHoverA, .secondaryMenu li.active {text-decoration: none; color: #FFF; padding: 3px 10px; display: block; font-size: 11px}
* html ul.secondaryMenu li a, * html ul.secondaryMenu li a:link, * html ul.secondaryMenu li a:active, * html ul.secondaryMenu li a:visited {color: #FFF; text-decoration: none; padding: 6px 10px; margin-top: -6px; margin-bottom: -6px;display:block}
* html ul.secondaryMenu li.active {color: #FFF; padding: 6px 10px; width: 182px;}
.secondaryMenu a:hover, .secondaryMenu li:hover>a, .secondaryMenu .menuHoverA { background: #99ABC0;}
* html .secondaryMenu a:link:hover /*IE6*/{text-decoration: none; color: #FFF; padding: 6px 10px; margin-top: -6px; margin-bottom: -6px; display: block; background: #99ABC0;}
.secondaryMenu li.active { background: #99ABC0; padding: 4px 10px 3px 10px; /* top and bottom padding to be one pixel less than normal and hover states? */ margin-top: 0px; width: 180px; /* width minus padding */}
html>body .secondaryMenu li.active {width: 181px;}
html>/**/body .secondaryMenu li.active {width: 162px;}
.secondaryMenu li {/* create borders around each item */ /*border-bottom: 1px solid #000; border-right: 1px solid #000;*/ border: 0;}
.secondaryMenu>li + li, .secondaryMenu ul>li + li {/* and remove the top border on all but first item in the list */ /*border-top: 0;*/}

/* Drop Down Menu Items */
ul.secondaryMenu ul {position: absolute!important; top:1; left:186; height: 244px; background:#99ABC0;margin-top:1px}
html>body ul.secondaryMenu ul {margin-top:1px}/* for ie7 - the *:first-child blah blah doesn't seem to work. and * html seems to target both ie6 & 7*/
html>/**/body ul.secondaryMenu ul {top: 0;height:247px;margin-top:0px}
* html ul.secondaryMenu ul {left:181!important; width: 181px;margin-top:0px}
*:first-child+html ul.secondaryMenu ul {left:180!important}
ul.secondaryMenu ul ul {top:0; background: #3B5686;}
* html ul.secondaryMenu ul ul {left:185!important;}
*:first-child+html ul.secondaryMenu ul ul {left:170!important;}
ul.secondaryMenu ul ul ul {background: #99ABC0;}
	/* First Level Drop Downs */
ul.secondaryMenu ul a, ul.secondaryMenu ul a:link, ul.secondaryMenu ul a:active, ul.secondaryMenu ul a:visited, ul.secondaryMenu ul a:hover, ul.secondaryMenu ul li.active, .secondaryMenu ul a:hover, .secondaryMenu ul a:link:hover, .secondaryMenu ul a:link:hover, .secondaryMenu ul .menuHoverA {top: 0px; border-right: 0px; text-decoration: none; color: #FFF; padding: 5px 8px; padding-bottom: 3px; background: #99ABC0; width: 185px;}
html>/**/body ul.secondaryMenu ul a, html>/**/body ul.secondaryMenu ul a:link, html>/**/body ul.secondaryMenu ul a:active, html>/**/body ul.secondaryMenu ul a:visited, html>/**/body ul.secondaryMenu ul a:hover, html>/**/body ul.secondaryMenu ul li.active, html>/**/body .secondaryMenu ul a:hover, html>/**/body .secondaryMenu ul a:link:hover, html>/**/body .secondaryMenu ul a:link:hover, html>/**/body .secondaryMenu ul .menuHoverA {width: 168px;}
* html ul.secondaryMenu ul li a, * html ul.secondaryMenu ul li a:link, * html ul.secondaryMenu ul li a:active, * html ul.secondaryMenu ul li a:visited {/*background: #EE3A43;*/ padding: 5px 8px; padding-bottom: 3px; margin-top: -6px; margin-bottom: -6px;width:185px}
ul.secondaryMenu ul li a:hover, ul.secondaryMenu ul li a:link:hover, ul.secondaryMenu ul li li:hover>a {background:#3B5686; padding-top: 5px;width:185px}
html>/**/body ul.secondaryMenu ul li a:hover,html>/**/body ul.secondaryMenu ul li a:link:hover,html>/**/body ul.secondaryMenu ul li li:hover>a {width:168px}
ul.secondaryMenu ul a:link:hover {background: #3B5686;}
.secondaryMenu ul a:hover, .secondaryMenu ul a:link:hover, .secondaryMenu ul a:link:hover, .secondaryMenu ul .menuHoverA /* ul li:hover>a selector */ /*IE6*/{background: #3B5686; padding-top: 6px;}
ul.secondaryMenu ul li.active /* needs to be adjusted by hand - seems to be dropdown width minus a padding */{ width: 185px; border-right: 0; background: #3B5686;}
	/* Second Level Drop Downs */
ul.secondaryMenu ul ul a, ul.secondaryMenu ul ul a:link, ul.secondaryMenu ul ul a:active, ul.secondaryMenu ul ul a:visited, ul.secondaryMenu ul ul a:hover, ul.secondaryMenu ul ul li.active, .secondaryMenu ul ul a:hover, .secondaryMenu ul ul a:link:hover, .secondaryMenu ul ul a:link:hover, .secondaryMenu ul ul .menuHoverA {background: #3B5686;}
ul.secondaryMenu ul ul li a:hover, ul.secondaryMenu ul ul li a:link:hover, ul.secondaryMenu ul ul li li:hover>a {background: #EE3A43;}
ul.secondaryMenu ul ul a:link:hover {background: #EE3A43;}
.secondaryMenu ul ul a:hover, .secondaryMenu ul ul a:link:hover, .secondaryMenu ul ul a:link:hover, .secondaryMenu ul ul .menuHoverA /* ul li:hover>a selector */ /*IE6*/{background: #EE3A43;}
ul.secondaryMenu ul ul li.active {background:#EE3A43}
	/* Third Level Drop Downs */
ul.secondaryMenu ul ul ul a, ul.secondaryMenu ul ul ul a:link, ul.secondaryMenu ul ul ul a:active, ul.secondaryMenu ul ul ul a:visited, ul.secondaryMenu ul ul ul a:hover, ul.secondaryMenu ul ul ul li.active, .secondaryMenu ul ul ul a:hover, .secondaryMenu ul ul ul a:link:hover, .secondaryMenu ul ul ul a:link:hover, .secondaryMenu ul ul ul .menuHoverA {background: #99ABC0;}
ul.secondaryMenu ul ul ul li a:hover, ul.secondaryMenu ul ul ul li a:link:hover, ul.secondaryMenu ul ul ul li li:hover>a {background: #3B5686;}
ul.secondaryMenu ul ul ul a:link:hover {background: #3B5686;}
.secondaryMenu ul ul ul a:hover, .secondaryMenu ul ul ul a:link:hover, .secondaryMenu ul ul ul a:link:hover, .secondaryMenu ul ul ul .menuHoverA /* ul li:hover>a selector */ /*IE6*/{background: #3B5686;}
	/* Other */
.secondaryMenu li li {border-left: 0;}
html>/**/body .secondaryMenu li li {border-bottom: 0;}
.secondaryMenu ul>li + li /*remove top border on all but first item in the list*/{border-top: 0;}
.secondaryMenu .menuHoverUL .menuHoverUL /*position of 2nd+ submenus, overlapping*/ /*IE6*/, .secondaryMenu li li:hover>ul, .secondaryMenu li:hover>ul, .secondaryMenu .menuHoverUL{top: 0px; left: 100%;}

/***  VERTICAL CLEAN MENU FIXES AND EXTRA FUNCTIONALITY STYLES - DON'T TOUCH THESE STYLES  ***/
/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu placed here to clarify the terminology I use when referencing submenus in posts */
.secondaryMenu>li:first-child>a, .secondaryMenu li + li + li li:first-child>a {/*color: #FFF;*/}
.secondaryMenu ul {visibility: hidden; /* initially hide all submenus. */ position: absolute; z-index: 10; left: 0; /* while hidden, always keep them at the top left corner, */	top: 0; /* to avoid scrollbars as much as possible */}
.secondaryMenu li:hover>ul {visibility: visible;	/* display submenu them on hover */ left: 100%;	/* and move them to the right of the item */}
/* -- float.clear -- force containment of floated LIs inside of UL */
.secondaryMenu ul a /*IE6*/{/* fix clickability-area problem */	zoom: 1;}
.secondaryMenu:after, .secondaryMenu ul:after {content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both;}
.secondaryMenu, .secondaryMenu ul {/* IE7 float clear: */min-height: 0;}
/* -- float.clear.END --  */
/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu YOU SHOULD NOT STYLE the background of the ".secondaryMenu UL" or this feature may not work properly!	if you do it, make sure you 110% know what you do */
.secondaryMenu ul {background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */ padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; /*background: #f00;*/	/* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */}

/***  OVERWRITE SPECIAL STYLES FROM HORIZONTAL MENU  ***/
/* special colouring for first menu item on each level */
/*.secondaryMenu>li:first-child>a, .secondaryMenu li + li + li li:first-child>a {color: #567;}*/
/* float clear - force containment of floated LIs inside of UL */
.secondaryMenu:after, .secondaryMenu ul:after {content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both;}
/* float clear end */
/* sticky submenu - it should not disappear when your mouse moves a bit outside the submenu YOU SHOULD NOT STYLE the background of the ".secondaryMenu UL" or this feature may not work properly!	if you do it, make sure you 110% know what you do */
.secondaryMenu ul {background-image: none; /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */ padding: 0px; margin: 0px; top: 0; /*background: #f00;*/	/* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */}
html>body .secondaryMenu ul {padding-top: 0px;}
.secondaryMenu ul ul {padding: 0px; margin: 0px;}
/* sticky submenu end */
/* Fix for IE5/Mac \*//*/
.menu a {float: left;}
/* End Fix */




/******************************************************
    CONTAINER STYLES
******************************************************/
.container{ width:100%;}
.containerContent { padding: 0px;}

/******************************************************
    SELECTOR and COMMONLY USED DNN STYLES              
******************************************************/
html {height: auto; background: #ebedf4 /*url(bg.gif) repeat top left*/;/* Firefox and IE7 hack for 100% background */}
body {margin:0px; padding:0px; background: #ebedf4; height: 100%;/* IE6 hack for 100% background  */}
body, td, ul li, p, .normal, .NormalDisabled, .blogCalendar td{font-family:"Arial", arial, verdana, helvetica;font-size:12px;color:#58595B;font-weight:normal;line-height:1.4em}
blockquote {font-size:15px; font-family:"Lucida Sans Unicode"; float:right;}

/* text style used for rendered text which should appear disabled */
.NormalDisabled { color: #D3D3D3;}
/* style of item titles on edit and admin pages */
.SubHead {color: #444444; font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; text-align: left;}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead { font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; color: #000;}
/* text style used for rende#FF0000 text which requires emphasis */
.NormalBold { font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold;}
/* text style used for error messages */
.Normal#FF0000 { font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: bold; color: #ff0000}

/* heading styles */
.rightPaneltop .container .Head{color:#002D62; text-transform:uppercase; font-size:12px;}
.rightPanel a { color:#fff}
.rightPanelbase .container .Head {color:#fff; text-transform:uppercase; font-size:12px;}
.rightPanellogin a, .rightPanellogin a:link, .rightPanellogin a:active, .rightPanellogin a:visited { color:#B4BCD4; font-weight:bold; text-transform:uppercase; text-decoration:none}
.rightPanellogin a:hover { text-decoration:underline;}
.rightPanelbase .normal {color:#fff}

h1 {font-size:16px; color:#EE3A43; font-weight:bold}
h2, .head, h2 span.head, .container h2 span.head {font-size:14px; color:#EE3A43; font-weight:bold;}
h3, h3 span.SubHead, .newstitle {font-size:13px; color:#58595B; font-weight:bold; text-transform:uppercase}
h4 {font-size: 12px;color:#58595B; font-weight:bold}
h5 {font-size: 12px;color:#EE3A43;}
h6 {font-size: 12px;color:#EE3A43; font-weight:normal}

p {margin: 5px 0px 15px 0px;}
ul { margin: 0px 0px 10px 25px;}
html>/**/body ul {margin-left:0px}
ul li { margin-left:5px; padding:0px; list-style-type: square; /*list-style:none; list-style-image: url(bullet.gif)*/}
ul li li { list-style-type: disc;}
ul li li li { list-style-type: circle;}
ol li { list-style-type: decimal;}
ol ol li { list-style-type: lower-alpha;}
ol ol ol li{ list-style-type: lower-roman;}
hr { color: dimgrey; height:1pt; text-align:left;}
img{ border:0px; margin:0px; padding:0px;}

/* link styles */
a, a:link, a:active, a:visited { color:#6578A3; text-decoration:underline; padding: 0px; margin:0px;}
a:hover { text-decoration:none; color:#6578A3;}

blockquote {font-size:15px; font-family:"Lucida Sans Unicode"; float:right;}
pre {font-family: Lucida Console, monospace;color: #434343;font-weight: normal;	font-size: 11px;}
address {font-family: Arial, Verdana, Helvetica;color: #434343;font-weight: normal;font-size: 11px;font-style: italic;}

/******************************************************
    FORM STYLES              
******************************************************/
/* Generic Form Element classes */
.formInput{ width:150px; height:18px; border:1px solid #CCCCCC;}
.formBtn{}.formRadio{}.formCheckBox{}

.formItem { clear: both;}
.label { clear: both; float: left; width: 120px; text-align: right; padding-right: 10px; font-weight: bold;}
.labelDetails { width: 390px;}
.labelDetails p { margin: 0px 0px 7px 0px;}

/* button style for standard HTML buttons */
.StandardButton, a.StandardButton, a:link.StandardButton, a:active.StandardButton, a:visited.StandardButton, input.StandardButton, a.CommandButton, a:link.CommandButton, a:active.CommandButton, a:visited.CommandButton { padding-left:8px; padding-right: 8px; width:0; overflow:visible; font-weight: normal; font-size: 11px; border: 1px solid #CBD2D8; background: #183243; color: #FFFFFF; font-family: Arial, Verdana, sans-serif; text-transform: lowercase; margin: 0px; cursor: pointer; clear: both; height: 14px; border: 1px solid #333333; white-space: nowrap;}
input.StandardButton[class], a.CommandButton[class], a:link.CommandButton[class], a:active.CommandButton[class], a:visited.CommandButton[class] { width: auto;} /* Non IE browsers read this */
a:hover.CommandButton, input:hover.StandardButton{color: #E0E0E0;}

.PwdReminder {background:none;border:0px;padding-left:0px; width:0; overflow:visible; font-weight: normal; font-size: 10px;color: #fff; font-family: Arial, Verdana, sans-serif; text-transform: capitalize; margin: 0px; cursor: pointer; clear: both; height: 18px; border:0; white-space: nowrap;text-align:left}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox, input.longTextBox, input.longmedTextBox, input.medTextBox, input.medshortTextBox, input.shortTextBox { font-family: Arial, Helvetica; font-size: 12px; font-weight: normal;}
input.longTextBox { width: 250px;}
input.longmedTextBox { width: 200px;}
input.medTextBox { width: 150px;}
input.medshortTextBox { width: 100px;}
input.shortTextBox { width: 60px;}

/*Dropdown Boxes*/
select { font-size: 10px;}

/* Requi#FF0000 Fields */
span.mandatory { color: #334692; font-weight:bold;}

/******************************************************
    GENERAL STYLES
******************************************************/
.floatLeft{ float:left;}
.floatRight{ float:right;}

/* styles to mimic auto height of div elements as per IE */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/******************************************************
    DNN STYLES (Some of these we try to avoid, but are still used in some modules; Some we are unsure of what they do)
******************************************************/

/* What exactly does this style?? */
.SkinObject { font-weight: bold; font-size: 8.5pt; color: #003366; font-family: Arial, Helvetica; text-decoration: none;}
A.SkinObject:link { text-decoration: none; color:#003366;}
A.SkinObject:visited { text-decoration: none; color:#003366;}
A.SkinObject:active { text-decoration: none; color:#003366;}
A.SkinObject:hover { text-decoration: none; color:#003366;}

/* styles used by Data Grids */
.DataGrid_AlternatingItem { background-color:#fff; color: #FF0000; font-family: Arial, Helvetica; font-size: 10px; font-weight: normal;}
.DataGrid_Container { background-color: Transparent;}
.DataGrid_Footer { background-color:#fff;}
.DataGrid_Header { background-color:Transparent; color: #000; font-family: Arial, Helvetica; font-size: 10px; font-weight: bold; text-align: center;}
.DataGrid_Item { background-color:Transparent; color: #000; font-family: Arial, Helvetica; font-size: 10px; font-weight: normal;}
.DataGrid_SelectedItem { background-color: #D3D3D3; color: Blue; font-family: Arial, Helvetica; font-size: 10px; font-weight: normal;}

/* text style used for help text rende#FF0000 by modules */
.Help { border: #000 1px solid; padding: 2px; font-weight: normal; font-size: 11px; color: #000; font-family: Arial, Helvetica; background-color: #ffff99;}
.LabelEditOverClass {text-decoration:none}
SMALL { font-size: 8px;}
BIG { font-size: 14px;}

/******************************************************
    DIGICON QUICK LINK STYLES
******************************************************/
.QuickLink { padding:0px 0px;}
.QuickLink h3 { margin:0px; padding:0px;font-size:12px;font-weight:normal;}
.QuickLink img { float:left; padding-right:3px;}
.QuickLink p { margin:0px; padding-top:10px; color: #fff}
.QuickLink a, .QuickLink a:link, .QuickLink a:active, .QuickLink a:visited{ color: #fff;text-decoration:none;filter:none}
.QuickLink a:hover{ color: #fff; text-decoration:underline}
.QuickLink a:link img{filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25}
.QuickLink a:visited img{filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25}
.QuickLink a:hover img{filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0}
.qlBox {border:1px solid #7AA2BE;background:#aecce2;padding:10px}

/******************************************************
    QUICK LINKS WITHOUT DESCRIPTION STYLES
******************************************************/
#Highlight_SubHead {color: #230C69;background-color: #DEE4F2;font-family: Arial;font-size: 14px;font-weight: bold;	height: 20px;padding: 2px;}
#Highlight{border: solid 1px #230C69;}

/******************************************************
    ORIZONTI NUKE NEWS STYLES
******************************************************/
.newsactionbarlinks:link, .newsactionbarlinks:active, .newsactionbarlinks:visited { font-size:11px;color:#FFFFFF;background-color: #666666;padding: 3px 5px 3px 5px; margin-right: 10px;}
.newsactionbarlinks:hover { color:#fff;background-color: #999999;}
.rssFeed { margin-top: 10px;}
.rssFeedSummary {display: block}
.readMore { padding: 0px 0px 5px 0px;}
.newspostdate, .newsPosted { padding: 5px 0px 5px 0px;font-size:10px;color:#666;}
/******  default theme ******/
.newscontainer{	width: 100%;}
.newsheadercontainer{font-family: Arial;	font-weight:bold; font-size:14px; padding: 3px 0px 10px 0px;}
.newsactionbar {font-family:Tahoma, Arial; font-weight:normal; font-size:11px; padding: 10px 0px 3px 0px; 	text-align: left;}
.newsactionbarlinks:link, .newsactionbarlinks:active, .newsactionbarlinks:visited{font-family:Tahoma, Arial;	font-weight:bold; font-size:11px; color:#ffffff; background-color: #666; padding: 3px 5px 3px 5px}
.newsactionbarlinks:hover{ color:#FFF;	background-color:#000;}
.newsPublishRSSLink:link, .newsPublishRSSLink:active, .newsPublishRSSLink:visited{font-family:Tahoma, Arial;font-weight:bold; font-size:11px;}
.newsPublishRSSLink:hover{}
.newsrow {padding: 5px 0px 5px 0px;}
.NukeNews_Item{	padding: 5px 0px 5px 0px;}
.NukeNews_AltItem{	padding: 5px 0px 5px 0px;}
.newsrowspacer{	height:1px;	background-color:#666;}
.newscategoryimage{}
.newscategoryimagecontainer {float: left; text-align: center;}
.newscategoryimagecontainer img { padding: 0px 5px 0px 0px;}
.newstitle {font-family:Tahoma, Arial;font-weight:normal;font-size:18px;}
.newspostdate{font-family:Tahoma, Arial;font-weight:normal;font-size:10px;color:#666;}
.newssummary {font-family:Tahoma, Arial;font-weight:normal;	font-size:11px;}
.newsreadmore:link, .newsreadmore:active, .newsreadmore:visited{ font-family:Tahoma, Arial; font-weight:bold;	font-size:11px; text-decoration: underline;}
.newsreadmore:hover { font-family:Tahoma, Arial; font-weight:bold; font-size:11px;}
.archivelinkcontainer {	background-color: Silver;padding: 3px 3px 3px 3px;}
.archivelink:link, .archivelink:active, .archivelink:visited{font-family:Tahoma, Arial;	font-weight:bold; font-size:11px; text-decoration: underline;}
.archivelink:hover { font-family:Tahoma, Arial; font-weight:bold; font-size:11px;}
.archivedisplaymonthlink:link, .archivedisplaymonthlink:active, .archivedisplaymonthlink:visited { font-family:Tahoma, Arial; font-weight:bold; font-size:14px; text-decoration: underline;}
.archivedisplaymonthlink:hover { font-family:Tahoma, Arial; font-weight:bold; font-size:14px;}
.archivedisplayreturnlinkcontainer{	padding: 5px 0px 10px 0px;}
.archivedisplayreturnlink:link, .archivedisplayreturnlink:active, .archivedisplayreturnlink:visited{font-family:Tahoma, Arial;	font-weight:bold;	font-size:11px;	text-decoration: underline;}
.archiveddisplayreturnlink:hover{	font-family:Tahoma, Arial;	font-weight:bold;	font-size:11px;}
.fullArticle {text-align: left;}
.viewNewsTitle{	font-family:Tahoma, Arial;	font-weight:normal;	font-size:18px;}
.viewNewsImage{	float:right; padding: 0px 0px 0px 0px;}
.viewNewsReturn:link, .viewNewsReturn:active, .viewNewsReturn:visited{	font-family:Tahoma, Arial;	font-weight:bold;
	font-size:11px;	text-decoration: underline;}
.viewNewsReturn:hover{	font-family:Tahoma, Arial;	font-weight:bold;	font-size:11px;}
.viewNewsArticle {font-family:Tahoma, Arial;font-weight:normal;font-size:11px;}
.viewNewsPostedBy {	font-family:Tahoma, Arial;	font-weight:normal;	font-size:10px;	color:#666;	padding: 0px 0px 0px 0px;}
.adminMenuTitle{ font-family:Tahoma, Arial; font-size: 12px; font-weight: bold; padding: 0px 0px 3px 0px; vertical-align: bottom;}
.adminMenuDesc{font-family:Tahoma, Arial;font-size: 11px;font-weight: normal;color: #666;padding-left: 0px;vertical-align:top;}
.adminlabels{font-family:Tahoma, Arial;font-weight:bold;font-size:11px;}
.admindata{font-family:Tahoma, Arial;font-weight:normal;font-size:11px;}
.adminlinks:link, .adminlinks:active, .adminlinks:visited{font-family:Tahoma, Arial;font-weight:bold;font-size:11px;}	
.adminlinks:hover{}
.errors {font-family:Tahoma, Arial;font-weight:bold;font-size:11px;color:#FF0000;}
.admincategorygridheader {font-family: Tahoma, Arial;font-weight:bold;font-size:11px;color:#666;}
.admincategorygriditem {font-family: Tahoma, Arial;font-weight:bold;font-size:10px;}
.admincategorygrid{}
.submitnewsdata{font-family:Tahoma, Arial;font-weight:normal;font-size:11px;}
.submitnewslabels{	font-family:Tahoma, Arial;	font-weight:bold;	font-size:11px;}
.submitnewslinks:link, .submitnewslinks:active, .submitnewslinks:visited{font-family:Tahoma, Arial;font-weight:bold;	font-size:11px;}
.helplist{color:#00FF00;font-size:12px;font-family: Arial;}

/*****  Comments & Ratings *****/
.newsRatingsDisplay{font-family:Tahoma, Arial;font-size: 11px;font-weight: bold;}
.RatingLabel{font-family:Tahoma, Arial;font-size: 12px;font-weight:bold;}
.CommentsEntryLabel{font-family:Tahoma, Arial;font-size: 12px;font-weight:bold;}
.SaveCommentsRating:link, .SaveCommentsRating:active, .SaveCommentsRating:visited{font-family:Tahoma, Arial;font-weight:bold;font-size:11px;text-decoration: underline;}
.SaveCommentsRating:hover{text-decoration:none;	}	
.EditCommentsLink:link, .EditCommentsLink:active, .EditCommentsLink:visited{font-family:Tahoma, Arial;font-weight:bold;font-size:11px;text-decoration: underline;}
.EditCommentsLink:hover{text-decoration:none;}	
.commentsRating{font-size:12px;font-family: Arial;}
.CurrentRatingLabel{font-family:Tahoma, Arial;	font-size: 12px;font-weight:bold;}
.CurrentRating{	font-family:Tahoma, Arial;	font-size: 12px;}
.RatingLabelRow{font-family:Tahoma, Arial;	font-size: 11px; font-weight:bold; padding-top:10px;}
.RatingRow{	font-family:Tahoma, Arial;	color:#666;	font-size: 11px;padding-top:10px;}
.CommentsRow{font-family:Tahoma, Arial;	color:#666;	font-size: 11px;}

/******************************************************
    ANNOUNCEMENT MODULE STYLES
******************************************************/
.DNN_ANN_DesignTable { width:100%; padding:4px;}
.DNN_ANN_Description {}
.DNN_ANN_Description P { margin-top:0px;}

/******************************************************
    BLOG MODULE STYLES
******************************************************/
.blogCalendar th, .CreateFrom, .extraInfo, .extraInfo .Normal, .extraInfo .NormalBold {font-size: 11px; font-weight: normal; color: #000000;}
.blogSummary { }
.blogCommentsHeading { padding: 5px; margin: 5px 0px 5px 0px; background: #EFEFEF;}
.blogComments { border-bottom: 1px solid #C0C0C0; padding-bottom: 5px;}
.BlogInfo {}
.SearchOptions LABEL {font-family: Arial, Helvetica, Serif;	font-size:x-small;} 
.CreateFrom {font-size: 10px;color: #003366;font-family: Tahoma, Arial, Helvetica, Serif;}

/******************************************************
    EVENT MODULE STYLES
******************************************************/
.Eventtooltip{ border: #000 1px solid; padding: 5px; font-size: 10px; width: 200px; color: #000; font-family: Arial; 	background-color: #ffd; text-align: left;}
.Event {border: #000 1px solid; table-layout: auto; padding: 0px; font-size: 7pt; margin: 0px; color: #000;
font-family: Verdana; border-collapse: collapse; text-align: center; width: 400px; height: 400px;}
.EventTitle { font-weight: bold; font-size: 9pt; background-image: none; width: 100%; height: 100%; background-color: #6666ff; text-align: center;}
.EventTitle, .EventTitle td{ font-weight: bold; font-size: 11pt; background-image: none; color: #000080; background-color: #6666ff; text-align: center;}
/* Note use of "!important" to override Inline Style */
.EventNextPrev, .EventNextPrev a:link {padding-right: 0, 0.5em; font-size: 8pt; color: #000080 !important;}
.EventNextPrev a, .EventNextPrev a:visited, .EventNextPrev a:hover { padding-right: 0, 0.5em; font-size: 8pt; color: #000080 !important;}
.EventDayHeader{ font-weight: bold; font-size: 7pt; font-family: Verdana; background-color: #D3D3D3; }
.EventDay, .EventDay td, .EventDay a,.EventDay a:visited,.EventDay a:hover{ font-size: 7pt; color: #0000ff !important; font-family: Verdana;}
.EventOtherMonthDay{color: #808080; background-color: #DCDCDC;}
.EventOtherMonthDay a, .EventOtherMonthDay a:visited, .EventOtherMonthDay a:hover{ color: #8080c0; background-color: #DCDCDC;}
.EventWeekendDay{background-color: #F5F5F5;}
.EventTodayDay{	border: #FF0000 2px solid;}
/* Note use of "!important" to override Inline Style */
.EventSelectedDay{	font-weight: bold;	color: #0000ff !important;	background-color: #696969;}
.EventSelectedDay a,.EventSelectedDay a:visited,.EventSelectedDay a:hover{color: #0000ff !important;font-weight: bold;}
.EventSelector{	background-color: #c0c0e0;}
.EventSelector a,.EventSelector a:visited,.EventSelector a:hover{color: #0000ff;text-decoration: none;}	

/******************************************************
    OPT IN MODULE STYLES
******************************************************/ 
.GridText{ color: #ffffff; }
tr.HeaderRowStyle{  background-color : #7F7F7F;}
tr.HeaderRowAlternate{  background-color : #0F4791; }
td.HeaderStyle{	color: #ffffff; font-weight: bold; }
th.HeaderStyle {color: #ffffff; font-weight: bold; }

/******************************************************
    SIMPLE GALLERY FANCY POP UP MODULE STYLES
******************************************************/ 
#lightbox{ position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer{ padding: 10px;}
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(../../../../DesktopModules/SimpleGallery/Images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../../../DesktopModules/SimpleGallery/Images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../../../DesktopModules/SimpleGallery/Images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em;}
#imageData{ padding:0 10px;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #183243; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}

.thumbs { text-align: center; width: 140px;}
.imgBorderSml { }