/* reset portion - taken from YUI */
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
*/
body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/***** End of reset ************/

/* general styling */
body {
font-size: 90%;
font-family: Arial, Helvetica, Verdana, sans-serif; }

/* main layout elements */
body {
background: #eee;
margin: 0;
}
div#wrapper-right {
padding-right: 6px;
background: #fff url(../imgs/right_shadow.png) repeat-y top right;
}

div#wrapper-left {
width: 90%;
margin: 0px auto;
padding-left: 6px;
background: #fff url(../imgs/left_shadow.png) repeat-y;
}

div#wrapper-content {
background: #fff url(../imgs/blue_horizontal_gradient.jpg) repeat-x;
min-width: 72em;
}

div#siteInformation {
height: 6em;
min-width: 70em;
}
div#branding{
float: left;
}
div#branding img {
margin-left: 0.5em;
margin-top: 0.5em;
padding: 0.2em;
height: 72px;
width: 238px;
float: left;
}

div#primaryNavigation {
display: none;
}
div#primaryNavigation ul li {
display: inline;
}

#primaryContent {
min-width: 450px;
margin-left: 14.8em;
position: inherit;
right: +100em; }

div#pageBody {
margin-left: 0.9em;
margin-right: 0.9em;
background: #FFFFFF none repeat scroll 0% 50%;
border: 0.3em solid #E7EDF2;
margin-top: 0.3em;
padding: 0.0em 0.8em 0.4em 0.8em;
min-height: 16em;
}

#companyInformation {
clear: both;
}

h1.pageTitle {
font-size: 2.5em;
font-weight: bold;
margin-bottom: 0.5em;
color: #307491;
}

#primaryContent h2 {
font-size: 1.3em;
margin-bottom: .5em;
color: #CC3300;
font-weight: bold;
}

#primaryContent p{
margin-bottom: 1.3em;
font-size: 0.9em;
color: #42474c;
}

#primaryContent ul li {
display: list-item;
font-size: 0.9em;
color: #42474c;
list-style-type: square;
margin-left: 1.6em;
padding-left: 0.3em;
margin-bottom: 0.6em;
}


#secondaryContent {
margin-top: 0em;
width: 12.25em;
float: left;
 }
#secondaryContent h3.secondaryContentTitle {
background: #E9EEF3;
color: #307491;
font-size: 1.2em;
font-weight: bold;
padding: 0.4em;
}
div.secondaryContentBody {
border: 2px dashed #E9EEF3;
border-top: none;
padding: 0.4em;
}
#secondaryContent h2 {
font-size: 1.3em;
font-weight: bold;
color: #D45502;
margin-bottom: 0.3em;
}
#secondaryContent ul.tableOfContents {
font-size: 0.7em;
}
#secondaryContent ul.tableOfContents li {
margin-bottom: 0.5em;
}
#secondaryContent ul.tableOfContents a {
text-decoration: none;
color: #307491;

}

/* sidebar navigation */
/* Navigation bar style */
/* lefthand navigation bar styles */
#sidebarNavigation {
min-height: 200px;
}
#sidebarNavigation a {
text-decoration: none;
color: #307491;
}
#sidebarNavigation li.open a:hover  {
font-weight: bold;
color: #307491;
}
#sidebarNavigation li.open li.leaf:hover {
background: #307491;
font-weight: bold;
color: #fff;
}
#sidebarNavigation li.open li.leaf:hover a {
color: #fff;
}


#sidebarNavigation ul.level0 {
font-weight: bold;
font-size: 100%;
margin-top: 15px;
}
#sidebarNavigation ul.level0 li {
margin-top: 5px;
}

#sidebarNavigation ul.level1 li {
margin-top: 0;
font-weight: normal;
font-size: 90%;
padding-left: 5px;
margin-left: 5px;
margin-right: 0px;
}
#sidebarNavigation ul.level2 li {
padding-left: 15px;
font-size: 80%;
 }
#sidebarNavigation li.leaf  li:hover, #sidebarNavigation li.open  li:hover {
background: #307491;
color: #fff;
}
#sidebarNavigation ul.level2 li.leaf {
font-size: 80%;
list-style-type: disc;
list-style-position: inside;
padding-left:5px;
margin-left: 5px;
}

#sidebarNavigation ul.level3 li {
padding-left: 20px;
font-size: 11px;
list-style-type: disc;
list-style-position: inside;
}

#sidebarNavigation strong {
font-weight: bold;
}


#companyInformation {
    font-size: 80%;
    color: #999;
    padding: 0.6em 0.6em 0.3em 1.5em;
}




/* main navigation bar - based on the Pure CSS Dropdown at */
/* http://www.tjkdesign.com/articles/Pure_CSS_Dropdown_Menus.asp */
/* "Master" UL (the whole Menu) */
/* hide this - since we dont' use it for now */
#fullNavigation { display: none; }

#fullNavigation * { margin:0;padding:0;}
#fullNavigation
{ position:relative;
top: 3.5em;
margin-right: 100px;
background: transparent;
float:left;
color: #307491;
}
/* sub-menu ULs */
#fullNavigation li ul {
	width:10em !important;/* leaves room for padding */
	cursor:default;
	position:absolute;
	height:auto;
	display:none;
	left:-10px;
	padding:1px 10px 10px 10px;
	background:url(../imgs/clear.gif);/* trick to keep'em open */
}
/* All LIs */
#fullNavigation li {
	position:relative;
	cursor:pointer;
	float:left;
	list-style-type:none;
	font-weight:bold;

}
/* sub-menu LIs */
#fullNavigation li ul li {
padding: 0;
	border-left: 1px solid #999;
               border-right: 2px solid #999;
	border-top:none;
     margin-left: 2px;
              background: #ffffff;
width:17em/*FF*/;
}
#fullNavigation li ul li:first-child {
border-top: 1px solid #999;
}
#fullNavigation li ul li:last-child {
border-bottom: 2px solid #999;
}
/* All anchors */
#fullNavigation li a {
	cursor:default;
	color: #307491;
	text-decoration:none;
	display:block;
	float:left;
	margin-left: 0em;
              margin-right: .2em;
              padding: 0.2em 0.4em 0.2em 1.3em;
/*  uncomment the declaration below if you want to go "full width" */
	/*width:10em;*/
	height:2em;
	line-height:2em;
              background: url(../imgs/navbar_normal_trans.gif) no-repeat -0em +0em}

/* sub-menu Anchors */
#fullNavigation li ul li a {
	width:16.7em/*FF*/;
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
              padding: 0.2em;
	white-space:nowrap;
	line-height:1.7em;
	height:1.7em;
	font-weight:normal;
	color:#666;
	background-position:0 50% !important;
              background:url(../imgs/clear.gif);
}
#fullNavigation li:hover { background: url(../imgs/clear.gif);}

/* :hover and stuff */
#fullNavigation li a:hover,
#fullNavigation li a:focus,
#fullNavigation li a:active {color:#000;}
/* move the declarations from the rule below the one above if you want a background swap on *all* anchors, including the top level ones */
#fullNavigation ul a:hover,
#fullNavigation ul a:focus,
#fullNavigation ul a:active {color:#fff; font-weight: bold; !important; background: url(../imgs/navbarback_hover.png) no-repeat;}
#fullNavigation li ul li a:hover {}

#fullNavigation ul li ul li:hover,
#fullNavigation  ul li ul li:focus,
#fullNavigation ul li ul li: a:active { color: #fff; background-position: -30px;
background-attachment: fixed; }
/* display and z-index for the sub-menus */
#fullNavigation li:hover ul,
#fullNavigation li.msieFix ul {display:block;z-index:10;top:2em !important;}
/* safari: users can keep sub-menus up by from sub-menus to next top level  */
/* didn't find a solution for users going back from the last one. I prefer  */
/* to leave it like that vs. taking the last sub-menu *out of* the wrapper  */


/* File list styles ----- */
ul.file_list {

}

ul.file_list > li.file_listing {
	display:  block;
	padding-top: 5px;
	padding-left:  5px;
	padding-bottom:  3px;
	border-bottom:  1px dotted #ccc;
}
/*ul.file_list > li.file_listing:last-child {
	border-bottom:  none;
}*/

ul.file_list > li.row_even {

}
ul.file_list > li.row_odd {

}

div.file_description {
	display:  block;
	margin-left:  27px;
}

div.file_description > p {
	margin:  0;
	font-style: italic;
}

a.mime_icon img {
	vertical-align: middle;
}
ul.file_list > li.file_listing > a.mime_icon > img {
	margin-top:  -5px;
}
ul.file_list > li.file_listing a.document_link {
	font-size:  13px;
	margin-top:  12px;
}
