/* CSS Document */
/*GLOBAL STUFF*/

body {
	margin: 0;
	padding: 0;
	font:12px/15px Georgia, "Times New Roman", Times, serif;
	color:#333333;
	background-color: #cccccc;	
}

img{
	border:none;
}


/*COMMON  MASTHEAD*/

#mastheadWrapper {
	background-color:#032B66;
	width: 100%;
	height:78px;
}

#masthead {
	width: 930px;
	margin: 0 auto;
	height: 70px;
}

#search {
	float: right;
	margin: 40px 0 10px 0;
	color:white;
	font: 10px Arial, Helvetica, sans-serif;
	
	/*padding: 0 0 40pt 0;*/
}

#mastheadRedBar {
	height: 8px;
	background-color:#B10000;
	width: 100%;
}

/*CONTENT AREA STRUCTURE*/

#contentWrapperOuter{
	background-image:url(/sitecore/design/images/background.jpg);
	background-repeat:repeat-y;
	width: 952px;
	margin: 0 auto;
	height:100%;
}

#contentWrapperOuterno2a{
	background-image:url(/sitecore/design/images/background-home.jpg);
	background-repeat:repeat-y;
	width: 952px;
	margin: 0 auto;
	height:100%;
}
#contentWrapperInner {
	/* ALSO USED ON SMU HOME PAGE */
	padding: 0px 11px;
	margin:0px;
	
}
#subpageContent {
	/*width:930px;*/
	width:960px;
	
	/*	Why is the following attribute here? it's making weird stripes in the content area 
when there is no department ID or breadcrumb. i'm commenting it out for now. --katy*/
/*	background-image: url(/sitecore/design/images/background-gradient-departmentID-IE6.gif);
	background-repeat:repeat-x;*/
	
	/*hack for IE6: */
	/*background-image:url(/sitecore/design/images/background-gradient-departmentID-IE6.gif);
background-repeat:no-repeat;*/
}

#pageLevelNavigation {
/*this is the equivalent of 2a in the old template*/
	width: 170px;
	padding: 10px;
	float:left;
}

#pageContent {
	margin: 0px 20px 0 210px;	
	/*padding: 10px 0px 20px 0;*/
	padding:10px 20px 20px 0pt;
	width: 700px;
	font: 14px/20px Helvetica, Arial, sans-serif;

}
#pageContentno2a {
	margin: 0px 20px;
	padding: 10px 20px 20px 0;
	width: 890px;
}


#breadcrumbDepartmentID {
	background-image: url(/sitecore/design/images/background-gradient-departmentID.jpg);
	background-repeat:repeat-x;
	padding: 10px 20px 0 20px;
	margin: -10px -20px 10px -20px;
/*	width: 700px;
*/	
	/*IE6 kludge:
	width: 717px;*/

}

#breadcrumbDepartmentIDno2a {
	background-image: url(/sitecore/design/images/background-gradient-departmentID.jpg);
	background-repeat:repeat-x;
		padding: 10px 20px 0 20px;
	margin: 0;

}


#departmentID {
	font: bold 17px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color: #032B66;
	margin-bottom: 10px;
}

#breadcrumb {
	font: 11px Arial, Helvetica, sans-serif;
	color: #666666;
	padding-bottom: 10px;
	border-bottom: 1px dotted #CCCCCC;
}

/*BOTTOM AREA FOR ALL PAGES*/

#bottom {
/*ENCLOSES BOTTOM LINKS AREA*/

}

/*BOTTOM LINKS, OPTIONAL ON ALL PAGES*/

#bottomLinks {
	clear:both;
	background-color:white;
	padding: 15px;
	border-top: 1px solid #CCCCCC;
	color:#999999;
}


/*FOOTER FOR ALL PAGES*/
#footer {
	margin: 5px 25px 15px 25px;
	padding: 10px 0px 0px 0px;
/*	border-top: 1px solid #CCCCCC;*/	
	color:#999999;
	background-image:none;

}

#footerImage {
	width: 952px;
	margin: 0 auto;
	background-image:url(/sitecore/design/images/background-bottom.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height: 27px;
}


 /* ---------------------------------------------------------------------- */
/*   FLYOUT MENUS, FROM SUCKERFISH (HTMLDOG.COM) */


	#nav2a-flyout, #nav2a-flyout ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 170px;
	}
	
#nav2a-flyout {
		margin: 0 0 20px 0;

}
	#nav2a-flyout li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 170px;
	}
	
	#nav2a-flyout li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 170px;
	margin-top : -1.35em;
	background-color: #91A3BC;
	}
	
		#nav2a-flyout li ul a { /* second-level lists */
	background-color: #91A3BC;
}
	
	#nav2a-flyout li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav2a-flyout li a {
		height:auto;
text-decoration:none;
line-height:13px;
text-align:left;
vertical-align:middle;
display:block;
border-top: 1px dotted #8CA5BB;
background-color:#7E8EA4;
padding: 4px 0px 4px 5px;
font-weight: normal;
color:#FFFFFF;
font-size:95%;
font-family: Arial, Helvetica, sans-serif;
}
	
	#nav2a-flyout li a:hover {
	background-color:#FCEDC6;
	color: #263C64;
}
	
	#nav2a-flyout li:hover ul ul, #nav2a-flyout li:hover ul ul ul, #nav2a-flyout li.sfhover ul ul, #nav2a-flyout li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav2a-flyout li:hover ul, #nav2a-flyout li li:hover ul, #nav2a-flyout li li li:hover ul, #nav2a-flyout li.sfhover ul, #nav2a-flyout li li.sfhover ul, #nav2a-flyout li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
 
 /*MIDNAV FOR ALL PAGES*/

#midnavHome {
	clear:both;
	margin:0 0px 10px 11px;
	color:#999999;
	float:left;
	width:750px;
}
#midnavHome2 {
	clear:both;
	margin:0 11px;
	padding:0;
	color:#999999;
	float:left;
}
#midnavRight {
	margin:0 11px 5px 0;
	color:#999999;
	float:left;
	width:180px;
	height:539px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	/*border-left: 1px solid #CCCCCC;*/
	background-image: url(/cavintest/cmstest/images/background-announcement1.jpg);
	background-repeat: repeat-x;	
}


#midnav {
	background-color:white;
	padding:0;
	clear:both;
	color:#999999;
}
#midnavImage {
	width: 952px;
	margin: 0 auto;
	background-image:url(/cavintest/cmstest/images/background-bottom.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height: 27px;
}