/* HTML TAGS. Do Not Remove Any of These. Set Colors and Font Sizes By Site Style. */
body {
width: 100%;
height: auto;
margin: 0 auto;
padding: 0;
border: 0;
font-family:Arial, Helvetica, sans-serif;
color: #000;
font-size: 12px;
}
.clearfloat { clear: both; }
img { border: 0px none; }
p { font-size:1em; }
a {
color: #000;
text-decoration: underline;
}
a:hover { text-decoration: none; }
a:visited { color: #000; }
.splash a { text-decoration: none; }
.splash a:hover { text-decoration: underline }
h1, h2, h3 {
color: #444;
letter-spacing: 1px;
margin: 0;
padding: 0;
line-height: 160%;
}
h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 18px; }
/* CPASS CLASSES. Do not remove any of these. Set colors by site style. */
a.l3 {
display: block;
line-height: 26px;
background: url(/images/galleries/style/460/divider_horiz.png) 0 24px no-repeat;
color: #999;
}
a.l3:hover {
color: #f0f0f0;
}
.cellcolor,
.cellcolor p,
.cellcolor a,
.cellcolor a:hover,
.cellcolor h1,
.cellcolor h2,
.cellcolor h3 { /*Used for section headings on pages like Newsletter */
color: #f0f0f0;
background-color: #333;
}
.vertgradient { /* Used in Headers and Tabs */
border: solid 1px #ccc;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
background: -moz-linear-gradient(top, #fff, #eee);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eeeeee);
}
#page-pad { /* Sets Width for V2+ Content Containers */
text-align:left;
margin:0 auto 0 auto;
width: 630px; /* Set according to container width: 80% for full, 550px for < 600px, -50px for 600-800px, -100 for 800-900px; -150 for 900px+ */
}
.center { /* Centers Content - DO NOT TOUCH */
margin:0 auto;
}
.center table { /* Center Class Override for Tables - DO NOT TOUCH */
margin:0 auto;
}
/* Style-Specific IDs and Classes */
#curve {
width: 100%;
height: auto;
background: url(/~sgcpallp/images/splash_bg.png) top center no-repeat #fff;
margin: 0 auto;
padding: 0;
border: 0;
}
#interior {
width: 100%;
height: auto;
background: url(/~sgcpallp/images/header_rpt.png) top repeat-x #fff;
margin: 0 auto;
padding: 0;
border: 0;
}
#wrapper {
width: 960px;
height: auto;
margin: 0 auto;
position: relative;
}
#interior #wrapper { background: url(/~sgcpallp/images/header.png) top center no-repeat; }
#content {
float: left;
width: 650px;
height: auto;
padding-right: 20px;
margin: 30px 0;
border-right: 1px dotted #999;
}
#sidebar {
float: left;
margin: 30px 0 30px 20px;
width: 250px;
}
#sbmodule h2 { margin-bottom: 10px; }
.sbmodule {
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px dotted #999;
}
#login { margin-bottom: 20px; }
#header {
width: 960px;
height: 100px;
margin: 0 auto;
position: relative;
z-index: 2;
}
#logo {
float: left;
padding-left: 20px;
width: 380px;
}
#phone {
float: right;
display: inline-block;
width: 222px;
height: 22px;
padding-left: 18px;
text-align: center;
color: #f0f0f0;
font-size: 16px;
font-weight: bold;
text-decoration: none;
letter-spacing: 2px;
line-height: 22px;
text-shadow: 1px 1px 2px #333;
zoom: 1;
}
#navigation {
position: relative;
float: right;
clear: right;
text-align: left;
width: 525px;
margin-top: 25px;
}
#slider {
width: 301px;
height: 193px;
margin-bottom: 10px;
background:url(/images/galleries/style/460/loading.gif) no-repeat 50% 50%;
z-index: 0;
}
#splashcontent {
width: 960px;
margin-bottom: 20px;
}
.onethird {
width: 280px;
float: left;
padding: 0 20px;
margin-bottom: 40px;
}
.onethird img {
float: left;
margin-right: 10px;
}
.onefourth {
width: 200px;
float: left;
padding: 0 20px;
background: url(/images/galleries/style/460/divider.png) 220px -50% no-repeat;
}
.last {
background: none;
}
.splash ul {
margin-left: 15px;
padding: 0;
}
.splash li {
margin: 0;
padding: 0;
}
a.readmore { text-decoration: underline; }
a.readmore:hover { text-decoration: none; }
#bottomcontainer {
width: 100%;
height: 420px;
background: url(/~sgcpallp/images/footer_bg.png) top center repeat-x #444;
margin: 0 auto;
padding: 0;
border: 0;
clear: left;
}
#footer {
width: 960px;
height: 380px;
margin: 0 auto;
background: url(/~sgcpallp/images/footer.png) no-repeat #444;
}
#footer h2 {
color: #f0f0f0;
margin: 20px 0 30px 0;
}
#footer ol {
list-style: none;
margin: 0;
padding: 0;
}
#footer a, .splash a { text-decoration: none; }
#footer a:hover, .splash a:hover { text-decoration: underline; }
#footer a:hover { color: #f0f0f0; }
#footer p { color: #f0f0f0; }
#uploadForm a {
text-decoration: underline;
float: right;
}
#uploadForm a: hover { text-decoration:none; }
#footer label {
float: left;
text-align: right;
width: 45px;
margin-right: 10px;
padding-top: 5px;
font-size: 11px;
color: #999;
}
.textinput_ftr {
float: left;
width: 142px;
height: 28px;
line-height: 28px;
margin-bottom: 15px;
padding: 0 5px;
background:url(/images/galleries/style/460/textinput_ftr.png) no-repeat;
border: 0;
}
#footer select {
float: left;
width: 142px;
height: 28px;
padding: 5px;
margin-bottom: 15px;
background:url(/images/galleries/style/460/textinput_ftr.png) #f0f0f0;
border: none;
}
#footer textarea {
float: left;
width: 142px;
height: 100px;
margin-bottom: 15px;
padding: 5px;
background: url(/images/galleries/style/460/textarea_ftr.png) no-repeat;
border: 0;
overflow: hidden;
}
input.file {
background-color: #f0f0f0;
float: left;
border: none;
height: 28px;
width: 142px;
margin-bottom: 15px;
}
.greybtn {
width: 86px;
height: 27px;
background: url(/images/galleries/style/460/submit.png) 0 0 no-repeat;
border: 0;
float: right;
color: #f0f0f0;
text-shadow: 0 1px 3px rgba(0,0,0,.9);
}
.greybtn:hover {
background: url(/images/galleries/style/460/submit.png) 0 -27px no-repeat;
}
.greybtn:active {
background: url(/images/galleries/style/460/submit.png) 0 -54px no-repeat;
}
/* ~~~~~ Start Nivo Styles ~~~~~~~~ */
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:60;
display:none;
}
/* The slices in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:50;
height:100%;
}
/* Caption styles */
.nivo-caption {
position:absolute;
right:0px;
bottom:0px;
background-color: #000;
color:#fff;
width:580px;
height: auto;
z-index:89;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 0px;
}
.nivo-caption p {
padding:10px;
margin:0;
font-weight: bold;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:99;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
position:relative;
z-index:99;
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}
caption, th, td {
text-align:left;
font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
display: block;
}
#slider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
#slider a {
border:0;
display:block;
}
.nivo-controlNav {
position:absolute;
left:435px;
bottom: -30px;
}
.nivo-controlNav a {
display:block;
width:22px;
height:11px;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;
}
.nivo-controlNav a.active {
background-position:0 -11px;
}
.nivo-directionNav a {
display:block;
width:30px;
height:30px;
text-indent:-9999px;
border:0;
}
a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
a.nivo-prevNav {
left:15px;
}
.nivo-caption {
text-shadow:none;
font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a {
color:#efe9d1;
text-decoration:underline;
}
#Header .shadows {
background:url(/~sgcpallp/images/logo_small.png) !important;
width:72px !important;
height:72px !important;
}
#Header .globalItem {
display:none !important;
}