/*** WEBSITE: CUC
	 AUTHOR: Lauren Markwell & Sommer Hayes
	 CREATED: May 2008	 
/******************************************************
    SKIN LAYOUT STYLES
******************************************************/
#bodyDiv { width:100%; height: 100%; text-align:center; padding: 0px; margin: 0px; background: url(homeBg.jpg) repeat-x;}
html>body #bodyDiv { height:auto; min-height: 100%;}
#bodyDivInner { width:100%; height: 100%; text-align:center; padding: 0px; margin: 0px; background: url(innerBg.jpg) repeat-x;}
#frame{width:886px;margin-left:auto;margin-right:auto;text-align:left;}
html>body #frame{ width:886px;}
#Menu { float:right; height:28px; padding-top:89px; text-align:right}
#menuDesign { width:100%; height: 46px; background: url(images/menu_design_bg.gif) repeat-x top left; padding-top: 10px;}
html>body #menuDesign { height: 36px;}
#Header { height:497px;}
#Logo {width:225px; height:117px; float:left; background:url(images/logoInner.jpg) no-repeat; }
#homeBase {margin: 30px 0px; background:red;}
.homeContent {float:right; width:400px; padding-top:10px; min-height:180px; height:180px;}
html>body .homeContent {height:auto;}
.baseLink{ float:left;}
#footer {clear:both; width:886px; font-size: 12px; border-top:1px solid #1c5d8f; text-decoration:none;}
html>body #footer { width: 886px;}
#footer a, #footer a:link, #footer a:active, #footer a:visited, #footer a.footerMenuItem {font-size: 12px; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footerText {float:left; width:680px; height: 80px; padding-top:20px;}
.footerMenu {float:left; width:200px;}
.footerMenu a, .footerMenu a:link, .footerMenu a:visited, .footerMenu a:active {color:#003e7d;}
.mainFooter {float:right; text-align: center; width:470px; color:#999;}
.mainFooter a, .mainFooter a:link, .mainFooter a:visited{ color:#999;}
#footerLogo{float:right; width:190px; height:88px; margin:0; padding:0;}

/* Inner Skin Layout*/
#frameInner {width:886px;margin-left:auto;margin-right:auto;text-align:left;height:236px; }
#tagArea {clear:both; height:119px; }
#tagArea p {color:#fff; padding:0px;}
#tagArea a { color:#fff;}
.tagline {color:#fff; float:left; width:570px; padding-top:30px; }
.tagline h1 {color:#fff; font-size:23px;}
.subtag {float:right; width:280px;padding:20px 20px 0 0;}
.subtag p {font-size:13px; font-weight:normal;vertical-align:text-top;}
#breadcrumb {height:36px; background:url(images/breadcrumbBg.gif) repeat-x;}
.circle {float:left;margin-right:5px; }
.crumb {padding-top:6px;}
#innercontentArea { width:885px; background:url(images/innerContentBg.gif) repeat-y; padding:20px 0; margin-bottom:40px;}
.innerContent{ float:left; width:590px;}
.innerSupport{ float:right;width:230px;}

/* Admin Skin Layout*/
#bodyDivAdmin {width:100%; height: 100%; text-align:center; background: #fff url(adminBg.jpg) repeat-x; padding: 0px; margin: 0px;}
html>body #bodyDivAdmin {height:auto; min-height: 100%;}
#AdminHeader { width:100%; height:162px; background:url(adminBg.jpg) repeat-x; }
#adminImage{width:275px; height:162px; float:left;background:url(adminHeader.jpg) no-repeat; }
#adminMenu { float:right; height:162px; padding-top:90px;}
.adminContent {width:790px; padding: 30px;}
#footerAdmin {text-align:left; padding-left:20px;}
/** 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: #999;}
.menu ul li {text-align: left; width: 150px;background: #3274A6;}
.menu ul {width: 150px; text-align:right}
* html .menu {float:right;}
/* Top Level Menu Items */
.menu a, .menu a:link, .menu a:active, .menu a:visited, .menu a:hover, .menu a:link:hover, .menu li.active {text-decoration: none; color: #999; padding: 5px 10px; font-size: 14px;}
.menu li.active { background: url(menuArrow.gif) no-repeat bottom center; padding: 3px 10px 4px 10px; color:#003e7d;}
.menu a:hover, .menu a:link:hover, .menu li:hover>a {color:#003e7d;background: url(menuArrow.gif) no-repeat bottom center;}
.menu a:hover, .menu a:link:hover, .menu .menuHoverA /* li:hover>a selector */ /*IE6*/{color:#003e7d;background: url(menuArrow.gif) no-repeat bottom center;}
/* 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 {text-decoration: none; color: white; padding: 2px 5px;background: #3274A6;}
ul.menu ul li.active { background: #3274A6;}
ul.menu ul li a:hover, ul.menu ul li a:link:hover, ul.menu ul li li:hover>a {color: white; background: #003e7d;}
.menu ul a:hover, .menu ul a:link:hover, .menu ul .menuHoverA ul li:hover>a selector /*IE6*/{color: white; background: #003e7d;}
* html .menu ul li a:hover {background:#003e7d!important;}
ul.menu ul li.active /* needs to be adjusted by hand - seems to be dropdown width minus a padding */{ width: 140px; background: #003e7d; border-right:1px solid #fff; }
.menu li li {border: 1px solid #fff;}
.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(images/empty.gif); /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */ padding: 12px 30px 30px 30px; margin: -10px 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: 10px;}
.menu ul ul {padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px;}
/** CONTAINER STYLES**/
.container{ width:100%;}
.containerContent { padding: 0px;}
/***SELECTOR and COMMONLY USED DNN STYLES***/
html {height: auto; background: #fff;/* Firefox and IE7 hack for 100% background */}
body {margin:0px; padding:0px; background: #FFFFFF; height: 100%;/* IE6 hack for 100% background  */}
body, td, ul li, p, .normal, .NormalDisabled, .blogCalendar td, .SkinObject{ font-family: "Arial", verdana, helvetica;	font-size: 12px;color: #888;font-weight: normal;line-height:1.5em;}
/* 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: Arial, Verdana Tahoma, 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: Arial, Verdana Tahoma, Helvetica; font-size: 11px; font-weight: bold; color: #000;}
/* text style used for rendered text which requires emphasis */.NormalBold { font-family: Arial, Verdana Tahoma, Helvetica; font-size: 11px; font-weight: bold;}
/* text style used for error messages */.NormalRed { font-weight: bold; color: #500000;}
/* heading styles */
h1, h2, h3, h4, h5, dt, h6, .head, h2 span.head, .container h2 span.head, 
h3 span.SubHead, .newstitle, tfoot, thead, th {font-family: "Arial", verdana, helvetica; color:#3289d8; margin:0px; padding:0px; margin-bottom:10px; font-weight:normal; font-size: 12px;}
h1 {font-size:18px; color:#003e7d; font-weight:bold;}
h2, .head, h2 span.head, .container h2 span.head {font-size:14px;font-weight: bold;}
h3, h3 span.SubHead, .newstitle {font-size: 13px; font-weight: bold;}
h4 {font-size: 12px; font-weight: bold;}
h5, DT {font-size: 12px;}
h6 {font-size: 12px; font-style: italic;}
p {margin: 5px 0px 15px 0px;}
ul { margin: 0px 0px 10px 25px;}
.innerContent ul li {height:auto!important; vertical-align:text-top!important;}
ul li { margin-left:5px; list-style-image: url(bullet2.jpg);}
.innerContent ul li:first-child {list-style-image: url(bullettop.jpg);}

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;}
/* bullet styles */
.container ul {background-image:url(images/foxBulletBg.gif);}
.container li {vertical-align:text-top; background:#fff;}
/* link styles */
a, a:link, a:active, a:visited { color:#3289d8; text-decoration:underline; padding: 0px; margin:0px;}
a:hover { text-decoration:none;}
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 */
td .onlineForm {padding:5px;}
.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: #6ca3d9 url(images/button_bg.gif) repeat-x top left; color: #FFFFFF; font-family: Tahoma, 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: #fff;}
/* 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, Verdana Tahoma, 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;}
/* Required 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 ***/
/* styles used by Data Grids */.DataGrid_AlternatingItem { background-color:#fff; color: #FF0000; font-family: Arial, Verdana Tahoma, 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, Verdana Tahoma, Helvetica; font-size: 10px; font-weight: bold; text-align: center;}
.DataGrid_Item { background-color:Transparent; color: #000; font-family: Arial, Verdana Tahoma, Helvetica; font-size: 10px; font-weight: normal;}
.DataGrid_SelectedItem { background-color: #D3D3D3; color: Blue; font-family: Arial, Verdana Tahoma, 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, Verdana Tahoma, Helvetica; background-color: #ffff99;}
SMALL { font-size: 8px;}
BIG { font-size: 14px;}
/*** DIGICON QUICK LINK STYLES***/
.QuickLink { padding:6px 13px;background: url(images/bgQlink.jpg) no-repeat;width:260px; height:200px}
.QuickLink h3 { margin:0px; padding:10px;}
.QuickLink img { float:left; padding:20px 0px 10px 0px;}
#homeQLinks .QuickLink p { margin:0px; padding-top:10px; display:none; overflow:hidden;}
.QuickLink a,.QuickLink a:link,.QuickLink a:visited,.QuickLink a:active {margin-bottom: 15px;}

/* main home quicklinks */
#homeQLinks {width:880px; height:200px; margin-top:0px;}
html>/**/body #homeQLinks {margin-top: 10px;}
.highlights {width:100% }
.titleQlink{ text-align:center;}
.highlights h2 {display:block; border-top: 1px solid #67A5D8; border-bottom: 1px solid #67A5D8; color:#fff; text-align:center; width:100%; margin:auto;padding:2px 0px; font-weight:normal; font-size: 15px; font-weight:bold;margin-bottom: 4px;}
#homeQLinks .highlights a,#homeQLinks .highlights a:visited {margin:5px; color:#635d5d; font-size:14px; font-weight:bold; text-decoration:none; text-align:center;}
#homeQLinks .highlights a:hover {text-decoration:underline;}
#homeQLinks .QuickLink .more {float:right;background:url(images/readMore.gif) top left no-repeat; font-size: 12px; color:#fff; width:108px;height:29px; padding: 5px 5px;margin-top:5px}
#homeQLinks .QuickLink .more a,#homeQLinks .QuickLink .more a:link,#homeQLinks .QuickLink .more a:visited,#homeQLinks .QuickLink .more a:active {color:#fff!important; font-size: 12px!important;font-weight:normal!important}

/* base Links (home page) */
.baseLink { width:461px; height:157px;}
.baseLink .QuickLink { background:url(images/baseQBg.jpg) no-repeat; height:157px; width:450px;}
.baseLink .QuickLink p {overflow:hidden; }
.titleHome, .titleHome a, .titleHome a:link, .titleHome a:visited, .titleHome a:active { font-weight:bold; font-size:16px; text-decoration:none; color:#4f4f51; text-transform:uppercase;}
.titleHome a:hover {text-decoration:underline;}
.description p{color:#003e7d; }
.moreHome, .moreHome a, .moreHome a:link, .moreHome a:active, .moreHome a:visited { text-align:right; text-decoration:none; color:#003e7d;font-weight:600;}
.moreHome a:hover {text-decoration:underline;}
.linkWrap { width:300px; float:right; margin: 10px 30px 0 0;}

/* Inner support pane quicklinks (inner pages) */
.innerSupport .QuickLink {background:url(images/ql_top.gif) top left no-repeat;width: 229px;padding:10px 0px 0px 0px; height:auto}
.innerSupport .innerQL {background:url(images/ql_bot.gif) bottom left no-repeat; padding-bottom:10px}
.innerSupport .QuickLink p {float:left;width:210px; color:#999;}
.innerSupport .QuickLink .description {padding: 0px 10px 0px 10px}
.innerSupport .QuickLink img {background:url(images/ql_image_bg.gif) top left no-repeat; padding: 5px 5px 10px 5px;margin-left: 10px}
.innerSupport .QuickLink a, .innerSupport .QuickLink a:link, .innerSupport .QuickLink a:active, .innerSupport .QuickLink a:visited {text-align: center; display:block; font-weight:bold; font-size: 15px; text-decoration:none;margin-bottom: 0px}
.innerSupport .QuickLink a:hover {text-decoration:underline}
.innerSupport .QuickLink .description a,.innerSupport .QuickLink .description a:link,.innerSupport .QuickLink .description a:visited,.innerSupport .QuickLink .description a:active {display:inline; text-align:left; font-weight:normal; font-size: 12px}