/* 
================================
Skin styles for the RShip pages
================================
*/   

/* --------------------------------
	Normalising across browsers using
	http://www.elementalfocus.com/normalizing-your-css/
   --------------------------------
*/

/* Normalize padding and margins */
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
margin: auto;
padding: 0;
}

/* Normalize header sizes */
h1, h2, h3,  h5, h6 {
font-size: 100%;
}

h4 {
	color:#006881;
	font:bold 13px verdana;
	margin: 10px 0;
	padding:0;
}

ul
{
    font:verdana !important;
    font-size:12px !important;
    list-style-type:circle !important; 
}
ul li
{
    font:verdana !important;
    font-size:12px !important; 
    list-style-type:circle !important;
}

/* Normalize font style and weight on odd elements */
address, caption, cite, code, dfn, th, var {
font-style: normal;
font-weight: normal;
}

/* Normalize table borders */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* Normalize other borders */
fieldset, img {
border: 0;
}

/* Normalize text-alignment */
caption, th {
text-align: left;
}

/* Normalize (remove) quotation marks */
q:before, q:after {
content: '';
}

/* --------------------------------
	Page Layout
   --------------------------------
*/

body { 
	color: #333;
	font: normal 75% Verdana;
	text-align: left;
	height: 100%;
	background-color: #fff;
}
p
{
    font:verdana !important;
    font-size:12px !important;
}
div 
{
	display:block;
}

#outerContainer 
{	
	background: transparent url(images/site_border_left.gif) repeat-y top left;
	height:100%;
	margin: 0 auto;
	padding-left: 6px;
	text-align: left;
	width: 965px; 
}
#outerContainerReport 
{	
	background: transparent url(images/site_border_left.gif) repeat-y top left;
	height:100%;
	margin: 0 auto;
	padding-left: 6px;
	text-align: left;
	width: 965px; 
}
#rightBorder { 
	width: 982px; 
	background: transparent url(images/site_border_right.gif) repeat-y top right; 
}

/* --------------------------------
	Screen Top Layout
   --------------------------------
*/

.controlpanel 
{
	background-color: #cce1e6;  
	border: 0;
	border-bottom: 1px solid #006881;
	clear:both;
}

.logo { 
	float: left; 
	height: 144px; 
	width: 370px;
}
.banner { 
	float: left;  
	height: 144px; 
	width: 595px;
}

div#top 
{
	clear:both;
	white-space:nowrap;
	width:965px;
}

#userTools {
	background-color: #006881;
	color: #fff;	
	clear:both;
	float: left;
	height: 28px;
	padding: 0 10px;
	width: 945px; 
	max-width: 965px;
}
#userTools span, #userTools a { 
	color: #fff;
	font: normal .8em verdana;
	text-decoration: none;	
}
#userTools a:hover { text-decoration: underline; }
#loginArea {
	float: left;
	width: 300px;
	height: 28px;
	padding-top: 7px;
}
#searchArea 
{
	float: right;	
	padding-top:7px;
	width: 180px;
	height: 28px;
	white-space:nowrap;
}

#searchArea span 
{
	clear:none;
	font-weight:bold;
}

#searchArea a:link.SkinObject 
{
	bottom:-7px;
	background: url(images/search_go_normal.gif) no-repeat;
	cursor: pointer;
	height: 19px;
	padding:10px 0 0 25px;
	position:relative;
	text-decoration: none; 
	width: 25px; 
}

#searchArea a:hover.SkinObject
{
	background: url(images/search_go_hover.gif) no-repeat; 
	text-decoration: none; 
}

div#divTopMenu 
{
	clear:both;
	width:965px;
}

#breadcrumbs { 	
	background: #cce1e6 url(images/breadcrumbs_bar.gif) repeat-x top left;	
	clear:both;
	color: #024a5b; 
	font: bold .8em Verdana;
	height: 24px;
	padding: 6px 0 0 222px;
	width: 743px; 
}
.home div#breadcrumbs 
{
	padding-left: 305px; 
	width:660px;
	}
.admin_ div#breadcrumbs 
{
	padding-left: 222px; 
	width:965px;
	}
#breadcrumbs a, #breadcrumbs a:visited {  
	color: #024a5b; 
	font: normal 1.0em Verdana; 
	text-decoration: underline;	
}
#breadcrumbs a:hover { 
	color: #006881;
	text-decoration: underline;
}

/* --------------------------------
	innerContainer Layout
   --------------------------------
*/
#innerContainer 
{
	clear:both;
	float: left;
	background: #fff url(images/innerpg_left_col_bckgrd.jpg) repeat-y top left; 
}
.home #innerContainer { background-image: url(images/home_left_col_bckgrd.jpg); }
.admin #innerContainer { width:965px; }
.report#innerContainer{ background: #aaa; }
.sitemap #innerContainer { background-image: url(images/home_left_col_bckgrd.jpg); }

#innerContainerReport 
{
	clear:both;
	float: left;
	background: #fff; 
}
/* Styles for the Panes */
.leftPane 
{
	border-top: 1px solid #fff;
	clear:left;
	float: left;
	height:100%;
	padding: 10px 10px 0;
	width: 189px;
}
.home .leftPane { width: 272px;}
.sitemap .leftPane { width: 300px; }

.contentPane {
	clear:none;
	float: left; 
	width: 510px; 
	padding:  10px 0px 0 10px;
}
.home .contentPane { width: 423px; }
.admin .contentPane { width: 730px; }
.sitemap .contentPane { width: 320px; }

.map .contentPane { width: 325px; 
		padding:  10px 0 0 0; }
.map .mapPane { width: 175px; 
		padding: 10px 0 0 10px; }

.rightPane 
{
	clear:right;
	float: right; 
	padding: 10px 10px 0 0;
	width: 220px;  
}
.admin .rightPane { width: 0;display:none;}
.sitemap .rightPane { width: 300px;}

/* Top of Page link */
.topOfPage 
{
	clear:both;
	margin: 10px 0 10px 295px; 
	text-align: right;
	width: 433px; 
}
.topOfPage a:link, .topOfPage a:visited  {  
	color: #024a5b; 
	font: normal .8em Verdana; 
	text-decoration: underline;	
}
.topOfPage a:hover { 
	color: #b97b90;
	text-decoration: underline;
}

/* Styles for the Footer area */
#footer 
{	
	clear:both;
	color: #fff;
	text-align: center;	
	width: 100%; 
	height: 28px;
	padding: 6px 0 0;
	background-color: #006881;
}
#footer span, #footer a { 
	color: #fff;
	font: normal .8em verdana;
	text-decoration: none;	
}
#footer a:hover { text-decoration: underline; }

/* Button styles */
a.donateNow {
	display: block;
	width: 210px;
	height: 45px;
	background: transparent url(images/donate_button_normal.jpg) top left;
}
a.donateNow:hover { background: transparent url(images/donate_button_hover.jpg) top left; }
a.emailFriend {
	display: block;
	width: 210px;
	height: 45px;
	background: transparent url(images/email_pg_button_normal.jpg) top left;
}
a.emailFriend:hover { background: transparent url(images/email_pg_button_hover.jpg) top left; }

/* Misc styles */
.divider 
{
	background-color: #cce1e6;
	border-top: 1px solid #fff; 
	clear:both;
	float: left; 
	width: 100%;  
}

/*          ---------------------------------------
            CSS DNN TopNav 
            --------------------------------------- */
/*          -- #4b2e86 - Dark Purple  -- */
/*          -- #b7abcf - Mid Purple  -- */
/*          -- #005a5d - Dark Green  -- */
/*          -- #dfd8ec - Light Purple?-- */
.CSSControl 
{
	background: transparent url(images/behind_topnav_gradient.gif) repeat-x top left;
	clear:both;
    display:block; 
    height:30px;
	padding-top: 16px;
	width:100%;  
}
.CSSIcon { display: none; }

/* -- RootNodes -- */

.CSSBreadCrumbRoot span, .CSSNodeHoverRoot span, 
.CSSNodeSelectedRoot span, .CSSNodeRoot span 
{
	display:block;
	float:left;
	font: bold xx-small verdana;
    text-decoration: none;
    padding-right:20px;
}
.CSSBreadCrumbRoot span,  
.CSSNodeRoot span { 
	color: #006881; 
	height: 30px;
	padding: 7px 3px 0;
	background: transparent url(images/topnav_normal_middle_bckg.jpg) repeat-x top left; 
}
.CSSNodeSelectedRoot span, .CSSNodeHoverRoot span { 
	color: #fff; 
	background: transparent url(images/topnav_selected_middle_bckg.jpg) repeat-x top left;  
}

.CSSBreadCrumbRoot, .CSSNodeHoverRoot, 
.CSSNodeRoot 
{
	background: transparent url(images/topnav_normal_right_corner.jpg) no-repeat top right !important;  
	border-left: 1px solid #006881;
	display:block;
	float:left;         
    height: 30px; 
    padding-right:7px;
	}
.CSSNodeSelectedRoot, .CSSNodeHoverRoot { 
	border-left: 1px solid #d195b5;
	background: transparent url(images/topnav_selected_right_corner.jpg) no-repeat top right !important; }

/* -- SubNodes -- */

.CSSContainerSub {
    width: 148px; 
    background-color: #fff ;
    border-collapse: collapse;
    border:1px solid #d195b5;
}
.CSSBreadCrumbSub span, .CSSNodeHoverSub span, 
.CSSNodeSelectedSub span, .CSSNode span {
    color: #620641;
    font: bold xx-small verdana;
    text-decoration: none;
    white-space: normal;
}
.CSSNode td, .CSSNodeHoverSub td, .CSSNodeSelectedSub td {     
    width: 148px;                    
    padding: 5px;   
    border-top: 1px solid #d195b5;	
}
.CSSNodeHoverSub td { background-color: #dab3c7; }           

.CSSContainerSub tr td img {
    float: right;
    margin-right: -7px;     
}

/* ---------------------------------------
							Geni Left Nav */
/* ---------------------------------------
							GeneralLevel */

div.LeftNav
{ 
	background: url(images/leftnav_normal_state_bckgrd.jpg) repeat-y -10px 0;	
	display:block;
	margin: 0;
	padding: 0;
	white-space: normal;
}
div.LeftNav .RtShad 
{
	background:url(images/left_nav_right_border.jpg) repeat-y top right;
	padding:0 7px 0 0;
}

div.LeftNav a.BreadCrumbHasChild 
{
	background-color:Transparent; 
	/* Ideally, this wouuld be a down arrow */
	background-image: url(images/nav_green_arrow.gif);
	background-position: right;
	background-repeat: no-repeat;
}
div.LeftNav a.HasChild 
{
	background-color:Transparent; 
	background-image: url(images/nav_green_arrow.gif);
	background-position: right;
	background-repeat: no-repeat;
}

div.LeftNav a 
{	
	border-bottom:1px solid #a9c9d1;
	border-left:1px solid #a9c9d1;	
	background-color:Transparent; 		
	color: #620641;
	display: block;	
	font: normal x-small verdana;
	margin: 0;
	padding-bottom:5px;
	padding-right:10px;
	padding-top:5px;
	text-decoration: none;
	white-space: normal;
	max-width: 180px;
	}
	
/* -- L0 */
div.LeftNav a.Level0, 
div.LeftNav a.BreadCrumbLevel0,
div.LeftNav a.Level0:Hover
{
	background-image: url(images/left_nav_header_bckgrd.jpg);
	color:#024a5b;
	font: bold x-small verdana;
	padding-left:10px;
	} 
	
/* -- L1 */
div.LeftNav a.Level1 
{		
	background-color: Transparent;
	color: #024a5b;
	padding-left:20px;
	}
div.LeftNav a.BreadCrumbLevel1
{
	background-color: #73b1bd;
	color: #024a5b;
	padding-left:20px;
	}
div.LeftNav a.Level1:Hover,
div.LeftNav a.BreadCrumbLevel1:Hover 
{
	background-color: #006881;
	color: #ffffff;
	padding-left:20px;
	}
	
/* -- L2 */
div.LeftNav a.Level2 
{		
	background-color: Transparent;
	color: #024a5b;
	padding-left:30px;
	}
div.LeftNav a.BreadCrumbLevel2
{
	background-color: #98c5cd;
	color: #024a5b;
	padding-left:30px;
	}
div.LeftNav a.Level2:Hover,
div.LeftNav a.BreadCrumbLevel2:Hover 
{
	background-color: #006881;
	color: #ffffff;
	padding-left:30px;
	}
/* -- L3 */
div.LeftNav a.Level3 
{		
	background-color: Transparent;
	color: #024a5b;
	padding-left:40px;
	}
div.LeftNav a.BreadCrumbLevel3
{
	background-color: #c0dde3;
	color: #024a5b;
	padding-left:40px;
	}
div.LeftNav a.Level3:Hover,
div.LeftNav a.BreadCrumbLevel3:Hover 
{
	background-color: #006881;
	color: #ffffff;
	padding-left:40px;
	}
	

	/* -- L1 */
div.LeftNav a.LevelBottom 
{	
	background-color: white;
	background-image:url(images/left_nav_bottom.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	border:0px;
	height:41px;
	margin:0px;
	padding:0;
	text-decoration: none;
	white-space:nowrap;
	width:179px;
	}
	
img.menuBot 
{
	height:7px;
	margin:0;
	width:100%;
	line-height:7px;
	max-width:100%;
	/*width:171px*/
	/*max-width:171px;*/
	}


/* ---------------------------------------
							Geni Centre Nav */
/* ---------------------------------------
							GeneralLevel */

div.CentreNav .RtShad 
{
	background:url(images/left_nav_right_border.jpg) repeat-y top right;
	padding:0 7px 0 0;
}

div.CentreNav a 
{	
	border-bottom:1px solid #a9c9d1;
	border-left:1px solid #a9c9d1;	
	background-color:Transparent; 		
	color: #620641;
	display: block;	
	font: normal x-small verdana;
	margin: 0;
	padding-bottom:5px;
	padding-right:10px;
	padding-top:5px;
	text-decoration: none;
	white-space: normal;
	max-width: 323px;
	}


/* -- L0 */
div.CentreNav a.Level0, 
div.CentreNav a.BreadCrumbLevel0,
div.CentreNav a.Level0:Hover
{
	background-image: url(images/left_nav_header_bckgrd.jpg);
	color:#024a5b;
	font: bold x-small verdana;
	padding-left:10px;
	} 
	
/* -- L1 */
div.CentreNav a.Level1 
{		
	background-color: Transparent;
	color: #024a5b;
	padding-left:20px;
	}
div.CentreNav a.BreadCrumbLevel1
{
	background-color: #73b1bd;
	color: #024a5b;
	padding-left:20px;
	}
div.CentreNav a.Level1:Hover,
div.CentreNav a.BreadCrumbLevel1:Hover 
{
	background-color: #006881;
	color: #ffffff;
	padding-left:20px;
	}
	
/* -- L2 */
div.CentreNav a.Level2 
{		
	background-color: Transparent;
	color: #024a5b;
	padding-left:30px;
	}
div.CentreNav a.BreadCrumbLevel2
{
	background-color: #98c5cd;
	color: #024a5b;
	padding-left:30px;
	}
div.CentreNav a.Level2:Hover,
div.CentreNav a.BreadCrumbLevel2:Hover 
{
	background-color: #006881;
	color: #ffffff;
	padding-left:30px;
	}
/* -- L3 */
div.CentreNav a.Level3 
{		
	background-color: Transparent;
	color: #024a5b;
	padding-left:40px;
	}
div.CentreNav a.BreadCrumbLevel3
{
	background-color: #c0dde3;
	color: #024a5b;
	padding-left:40px;
	}
div.CentreNav a.Level3:Hover,
div.CentreNav a.BreadCrumbLevel3:Hover 
{
	background-color: #006881;
	color: #ffffff;
	padding-left:40px;
	}
	

	/* -- L1 */
div.CentreNav a.LevelBottom 
{	
	background-color: white;
	background-image:url(images/left_nav_bottom.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	border:0px;
	height:41px;
	margin:0px;
	padding:0;
	text-decoration: none;
	white-space:nowrap;
	width:179px;
	}
@media print {
        div#top img.banner 
        {
            position: absolute;
        }
        .leftPane
        {
            display:none;
        }
        div#divTopMenu
        {
            display:none;
        }
        div#userTools
        {
            display:none;
        }
}

table.courseTable {
	border:1px solid #E8E8E8;
	border-collapse:collapse;
	margin-bottom: 15px;
}



.courseTable th {
	color: #B97B90;
	background-color:#F0F0F0;
	border:1px solid #E8E8E8 !important;
	min-width:90px;
	padding:6px;
	font-weight:bold;
}

.courseTable td {
	border:1px solid #E8E8E8;
	padding:6px;
}