/*/*/
/* SC.GOV Partner Styles - Copyright South Carolina 2005-07 /*
/** Useful Shortcuts:
* font: font-style font-variant font-weight font-size / line-height font-family
* background: background-color background-image background-repeat background-attachment background-position
* border: border-width border-style border-color
* margin: top right bottom left
* padding: top right bottom left
***/
/********************* Headings **********************/
h1 {color: #000;}
h2 {font-size: 1.3em; }
h3 {font-size: 1.8em; }
h4 {font-size: 1.3em; color: #3B5EA4; margin: .3em 0 0 0;}
h5 {font-size: 1.3em; color: #3B5EA4; font-style: italic; }
h6 {font-size: 1.2em; color: #3D7C67; padding-bottom: .05em;}
h1, h3, h4 {
margin: 0;
padding: 0;
}
.relContentHeader {
color: #0D4D9C;
background-color: #D7E4F4;
border: 1px solid #BACFE5;
border-left: 6px solid #0D4D9C;
padding: .2em 0 .3em .2em !important;
margin: 0 0 1em 0;
}
/********************* Links **********************/
a:link {color: #0000FF; }
a:active, a:hover {color: #FF0000;}
a:visited {color: #800080;}
/********************* BANNER **********************/
#branding {
background: url(/NR/rdonlyres/5E56240E-7AE4-4797-B20C-FA6AE03D2814/0/agencyBranding.jpg) no-repeat center 0px;
width: 745px;
height: 6.5em;
float: left;
margin-top: 0;
text-indent: 0;
}
#branding a {outline: none;}
/********************* NAVIGATION **********************/
#breadcrumbs {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
margin: 0 0 0 0;
padding: .5em 0 .5em 20px;
color: #666;
width: 100%;
background: #E4EEF8;
width: 730px;
}
#quickLinks {
margin-top: 3.4em;
background-color: #C8DAF0;
border-bottom: none;
font: normal bold 1em/1em Trebuchet MS, Arial, Helvetica, sans-serif;
z-index: 10;
}
#quickLinks ul {
padding: .2em 0 .2em 11px;
background: url(/NR/rdonlyres/C29E41FA-9E6D-4D86-90D8-CEF054798202/0/qlBullet.jpg) no-repeat 0 0;
}
#quickLinks li {
color: #1C5AA3;
}
#quickLinks li.qlTitle {margin-top: 30px;}
#quickLinks a {
color: #1C5AA3;
text-decoration: none;
}
#quickLinks a:hover {
text-decoration: underline;
}
/*** LEFT NAV ***/
#leftNav {
font: normal normal bold 1.4em/100% Trebuchet MS, Arial, Helvetica, sans-serif;
letter-spacing: .02em;
clear: both;
background: #0D4C9C url(/NR/rdonlyres/F1ABB8A1-A7A6-42FF-87B3-18C1536D41C9/0/navBackground.jpg) repeat-x;
margin: -3.8em 0 0em 0;
width: 100%;
position: relative;
padding: 0 0 3px 0;
z-index: 11;
}
#leftNav ul {
list-style: none;
margin: 0px 0 0 5px;
padding: 0;
background: none;
text-indent: 0;
z-index: 12;
}
#leftNav li {
border: none;
display: inline;
float: left;
margin: 0;
padding: 0;
width: auto;
background: url(/NR/rdonlyres/AE998878-A378-4E4F-A3C7-FA7747D624BC/0/navItemBackground.jpg) no-repeat right bottom;
position: relative;
}
#leftNav li a:link, #leftNav li a:visited {
display: block;
height: auto;
color: #EFEFEF;
text-decoration: none;
border: none;
padding: 12px 24px 9px 24px;
margin: 0 0 0 1px;
}
#leftNav li a:hover,
#leftNav li a:active {
display: block;
border: none;
color: #FFF;
text-decoration: none;
background: #5E80BA url(/NR/rdonlyres/AE998878-A378-4E4F-A3C7-FA7747D624BC/0/navItemBackground.jpg) no-repeat right bottom;
padding: 12px 24px 9px 24px;
margin-left: 1px;
}
/* Sub Nav Drop Down */
#leftNav li ul {
position: absolute;
top: -5008px;
left: 0;
margin: 0;
background: #FFF;
font-size: 75%;
padding: 3px 0 0 0;
border-right: 1px solid #C8DAF0;
border-bottom: 4px solid #356FAF;
border-left: 1px solid #C8DAF0;
width: 180px;
z-index: 15;
}
#leftNav li:hover ul {
display: block;
position: absolute;
top: 37px;
clear: both;
}
#leftNav li ul li {
display: block;
width: 172px;
padding: 1px 2px 1px 6px;
border-top: 1px solid #EDF3FA;
background-image: none;
font-weight: bold;
}
#leftNav ul ul li:hover {background-color: #C8DAF0; color: #000; }
#leftNav ul ul a:link, #leftNav ul ul a:visited {background: none; color: #555; text-decoration: none; padding: 0; }
#leftNav ul ul li a:hover {color: #000; }
/* Nav Flyout - Lvl 3 */
#leftNav li ul li ul {display: none;}
#leftNav li:hover ul li ul {display: none;}
/*#leftNav li:hover ul li ul {
display: block;
position: absolute;
top: -5000px;
left: 0;
clear: both;
z-index: 18;
}
#leftNav li:hover ul li:hover ul {
display: block;
top: 1.5em;
width: 150px;
left: 30px;
}*/
/*** FOOTER ***/
#agencyFooter a {color: #FFF; text-decoration: none;}
#agencyFooter a:hover {color: #FFF; text-decoration: underline;}
#agencyFooter {
background-color: #033770;
color: #FFF;
}
/*********************** Content *****************/
#NCPHRICH_ContentPlaceholder {width: 450px; height: 600px; overflow: scroll;}
#NCPHRICH_RightPanelHtml1, #NCPHRICH_RightPanelHtml2,
#NCPHRICH_RightPanelHtml3, #NCPHRICH_RightPanelHtml4,
#NCPHRICH_RightPanelHtml5, #NCPHRICH_LeftPanelHtml1,
#NCPHRICH_LeftPanelHtml2, #NCPHRICH_LeftPanelHtml3,
#NCPHRICH_LeftPanelHtml4, #NCPHRICH_LeftPanelHtml5 {width: 230px;}
#page {
margin-left: 17px;
padding-left: 0;
background: url(images/pageBackground.gif) repeat-y 0 0;
}
#contentContainer {
width: 745px;
padding: 0 0 15px 0;
font-family: Arial, Helvetica, sans-serif;
margin: 0;
/*background: url(/NR/rdonlyres/544053A7-D483-4B76-B586-7BAFB27A7922/0/contentBackground.gif) repeat-y 22px;*/
z-index: 0;
}
#contentLeft {
width: 450px;
padding: 10px 10px 10px 20px;
}
#contentRight {
width: 245px;
padding: 0;
border-left: 1px solid #EEE;
border-bottom: 1px solid #EEE;
}
strong {color: black;}
#contentLeft h1 {
border-bottom: 1px solid #3A73B2;
border-top: none;
width: auto;
margin: .5em 0 .3em;
padding-bottom: .2em;
}
#contentContainer ul {padding: 0; margin: .3em 0 0 .2em; position: relative;}
#contentContainer ul li {
list-style: none;
padding: 3px 0 3px 15px;
margin: 0 !important;
background: url(/NR/rdonlyres/30E510E0-A4CB-4C4F-A5A2-533B801E9DBE/0/bullet2.gif) no-repeat 0 .3em;
}
img.frontPage {margin-bottom: 2em;}
/* News Release */
div.news_release h3, div.news_release h4 {font-size: 1em; line-height: 1.3em;}
div.news_release h3 {font-size: 1.1em;}
div.news_release h3 a {color: #084184; text-decoration: none;}
div.news_release h3 a:hover {text-decoration: underline;}
/* Relative Content */
div.relativeContentLeft {display: none;}
div.relativeContentRight {
width: 223px;
background: #E4EEF8;
padding: 10px;
margin: 20px 0 1px 1px;
display: inline; /* Fix for /about/mansion last item, doubled margin. */
float: right;
}
.relativeContentRight ul {margin-left: 0; padding-left: 1.7em;}
div.relativeContentRight img.welcome {margin: -10px;}
div.relativeContentRight img.flush {margin: -15px -10px -10px -10px;}
div.relativeContentRight img.right {float: right; margin: 0 0 5px 4px;}
div.relativeContentRight div.govQuickLinks img {float: left;}
/* .relativeContentRight:first-child {border: 3px solid red;} */
/* Photo Gallery */
a.photo-gallery {
display: block;
position: relative;
text-decoration: none;
color: #3F3F3F;
width: 95%;
border: 1px solid #C8DAF0;
background: #C8DAF0 url(/NR/rdonlyres/4E784C20-8FB7-470A-B63A-6E99852F6B24/0/albumlinkbg.jpg) repeat-x top;
margin: 1.5em 0 0 0;
padding-bottom: 7px;
float: left;
}
a.photo-gallery:hover {
color: black;
border: 1px solid #FFFF99;
background: #C8DAF0 url(/NR/rdonlyres/9610940A-B550-4C84-9B6B-3F42EE9CA3D1/0/albumlinkhover.jpg) repeat-x top;
}
a.photo-gallery:hover img {background: #FFFFBF;}
a.photo-gallery img {
padding: 3px;
border: 1px solid #B3CBEA;
background: white;
margin: 7px 7px 0 7px;
float: left;
}
a.photo-gallery span {
display: block;
width: 65%;
position: relative;
margin-top: 25px;
float: left;
}
a.photo-gallery span strong {
font-size: 1.4em;
display: block;
margin-bottom: .8em;
color: #333;
}
a.photo-gallery:hover strong {color: black; text-align:}
a.featured-album {
text-decoration: none;
color: #333;
font-weight: bold;
text-align: center;
display: block;
}
a.featured-album:hover {color: black;}
a.featured-album:hover img {border: 1px solid #FFFF99;}
a.featured-album img {
display: block;
padding: 3px;
border: 1px solid #B3CBEA;
background: white;
margin-bottom: 5px;
margin: 0 auto 5px auto;
}
/* Gallery Album View */
div.gallery p {
display: block;
float: left;
margin-right: 2em;
width: 128px;
background-color: #F3F3F3;
padding: 4px 0px 3px 5px;
border: 1px solid #CCC;
min-height: 170px;
}
div.gallery a img {
padding: 3px;
border: 1px solid #CCC;
margin: 0 0 3px 0;
background-color: white;
}
div.gallery a:hover img {background-color: #FFFF99;}
/*
.
. ALBUM DIRECTIONS \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
.
. To create a photo album like the one above, follow these instructions.
.
- In the source, write this:
.
- Inside of that div, add a tag.
- Exit the source, position your cursor in the paragraph you created, and insert a
thumbnail image.
- Next, insert an attachment, for the larger image and use DELETE for the label text.
- Return to the source by clicking the HTML button
- You should see a the opening