/***********************************************/
/* 2col_leftNav.css */
/* Use with template 2col_leftNav.html */
/***********************************************/
/***********************************************/
/* HTML tag styles */
/***********************************************/
body{
font-family: Arial, sans-serif;
color: #FFFFFF;
line-height: 1.166;
margin: 0px;
padding: 0px;
background-attachment: fixed;
background-color: #000000;
background-image: url(images/splash_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
cursor: crosshair;
}
a:link, a:visited, a:hover {
color: #FFFFFF;
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: #FFFFFF;
}
/* overrides decoration from previous rule for hovered links */
h1, h2, h3, h4, h5, h6 {
font-family: Arial, sans-serif;
margin: 0px;
padding: 0px;
color: #FFFFFF;
}
h1{
font-family: Verdana, Arial, sans-serif;
font-size: 120%;
color: #FFFFFF;
}
h2{
font-size: 114%;
color: #FFFFFF;
}
h3{
font-size: 100%;
color: #FFFFFF;
}
h4{
font-size: 100%;
font-weight: normal;
color: #FFFFFF;
}
h5{
font-size: 100%;
color: #FFFFFF;
}
ul{
list-style-type: square;
color: #FFFFFF;
}
ul ul{
list-style-type: disc;
color: #FFFFFF;
}
ul ul ul{
list-style-type: none;
color: #FFFFFF;
}
label{
font: bold 100% Arial,sans-serif;
color: #FFFFFF;
}
/***********************************************/
/* Layout Divs */
/***********************************************/
#masthead{
margin: 0;
width: 100%;
color: #FFFFFF;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#navBar{
margin: 0 83% 0 0;
padding: 0px;
background-color: #;
color: #FFFFFF;
background-attachment: fixed;
background-image: url(images/splash_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
border-right-style: ;
border-bottom-style: ;
border-right-color: #;
border-bottom-color: #;
}
#content{
float:right;
width: 80%;
margin: 0;
color: #FFFFFF;
background-attachment: fixed;
background-image: url(images/splash_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
padding-top: 0;
padding-right: 3%;
padding-bottom: 0;
padding-left: 0;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #;
border-right-color: #;
border-bottom-color: #;
border-left-color: #;
}
/***********************************************/
/*Component Divs */
/***********************************************/
#siteName{
margin: 0px;
padding: 0px 0px 10px 10px;
color: #FFFFFF;
}
/*************** #pageName styles **************/
#pageName{
padding: 0px 0px 10px 10px;
color: #FFFFFF;
}
/************* #globalNav styles **************/
#globalNav{
color: #FFFFFF;
padding: 0px 0px 0px 10px;
white-space: nowrap;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
this will force a horizontal scrollbar if there isn't enough room for all links
remove rule or change value to 'normal' if you want the links to line-wrap */
#globalNav img{
display: block;
color: #FFFFFF;
}
#globalNav a {
font-size: 90%;
padding: 0px 4px 0px 0px;
color: #FFFFFF;
}
/************* #breadCrumb styles *************/
#breadCrumb{
font-size: 80%;
padding: 5px 0px 5px 10px;
color: #FFFFFF;
}
/************** .feature styles ***************/
.feature{
font-size: 80%;
color: #FFFFFF;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: left top;
text-indent: 0px;
text-align: left;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
right: 11px;
bottom: 11px;
clip: rect(auto,11px,11px,auto);
border-top-color: #1619E;
border-right-color: #1619E;
border-bottom-color: #1619E;
border-left-color: #1619E;
}
.feature h3{
padding: 30px 0px 5px 0px;
text-align: center;
color: #FFFFFF;
}
.feature img{
float: none;
color: #FFFFFF;
text-align: center;
right: 5%;
bottom: 5%;
clip: rect(auto,5px,5px,auto);
left: auto;
padding: 0px;
overflow: auto;
top: auto;
margin: 0;
}
/* adjust margins to change separation between the feature image and text flowing around it */
/************** .story styles *****************/
.story{
clear: both;
padding: 10px 0px 0px 10px;
font-size: 80%;
color: #FFFFFF;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: left top;
}
.story p{
padding: 0px 0px 10px 0px;
color: #FFFFFF;
}
/************* #siteInfo styles ***************/
#siteInfo{
clear: both;
font-size: 75%;
color: #FFFFFF;
padding: 10px 10px 10px 10px;
margin-top: 0px;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
the bottom border of the navBar in cases where they "touch" */
#siteInfo img{
padding: 4px 4px 4px 0px;
vertical-align: middle;
}
/*********** #navBar link styles ***********/
#navBar ul a:link, #navBar ul a:visited {
display: block;
color: #FFFFFF;
}
#navBar ul {
list-style: none;
margin: 0;
padding: 0;
color: #FFFFFF;
}
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {
border-bottom: ;
color: #FFFFFF;
}
/* fix for browsers that don't need the hack */
html>body #navBar li {
border-bottom: none;
color: #FFFFFF;
}
/*********** #sectionLinks styles ***********/
#sectionLinks{
position: relative;
margin: 0px;
padding: 0px;
font-size: 90%;
color: #FFFFFF;
background-image: url(images/splash_bg.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: left top;
}
#sectionLinks h3{
padding: 10px 0px 2px 10px;
color: #FFFFFF;
}
#sectionLinks a:link{
padding: 2px 0px 2px 10px;
border-top: ;
width: 100%;
voice-family: "\"}\"";
voice-family:inherit;
width: auto;
color: #FFFFFF;
}
#sectionLinks a:visited{
border-top: ;
padding: 2px 0px 2px 10px;
color: #FFFFFF;
}
#sectionLinks a:hover{
border-top: ;
padding: 2px 0px 2px 10px;
background-image: url(http://lucretiasdaggers.com/images/dagger_button.gif);
background-attachment: scroll;
background-repeat: no-repeat;
background-position: right top;
color: #FFFFFF;
background-color: #000000;
}
/************** #advert styles **************/
#advert{
padding: 10px 0px 0px 10px;
font-size: 80%;
color: #FFFFFF;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: left top;
background-image: url(images/splash_bg.jpg);
}
#advert img{
display: block;
color: #FFFFFF;
}
/************** #headlines styles **************/
#headlines{
margin: 0px;
padding: 10px 0px 20px 10px;
font-size: 80%;
color: #FFFFFF;
background-attachment: fixed;
background-image: url(images/splash_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
}
#headlines p{
padding: 5px 0px 5px 0px;
color: #FFFFFF;
}
