/* GLOBAL SETUP ================================================================== */
* { 
margin:0; 
padding:0;
}
option { 
padding:1px 0.5em 0 3px; 
}
body { 
font-size:100%;
background-color:#efefef;
color:#000000;
}
a { 
text-decoration:none;
color:#0000cc;
}
a:hover {
text-decoration:none;
}
img { 
border:0; 
}
fieldset { 
border:0;
}
ul {
list-style:none;
}

/* new stuff */

.youtube {
background:#f0f0f0;
padding:10px 10px 40px 10px;
position:relative;
width:320px;
overflow: hidden;
}
.wide { width: 650px; }
.youtube p.link_style1 {
position:absolute;
right:10px;
bottom:-5px;
}

/* TEMPLATES ================================================================== */

/* 1 column layout (default) */

#container {
width:900px;
background-color:#FFFFFF;
margin:0 auto;
overflow:hidden;
}
.leftcolumn {
width:120px;
float:left;
margin:13px 15px 40px 15px;
}
.contentcolumn {
position:relative;
float:left;
min-height:400px;
margin:0 15px 40px 15px;
}
.rightcolumn {
float:left;
width:170px;
margin:0 0 40px 0;
}

/* 2 column (right) layout */

body.twocolumn_right .contentcolumn {
margin-right:30px;
width:655px;
}

/* 2 column (left) layout */

body.twocolumn_left #container {
background:url(../_img/bg_leftcolumn.png) #FFFFFF repeat-y;
}
body.twocolumn_left .contentheader,
body.twocolumn_left .footer,
body.twocolumn_left .sharebookmarks {
margin-left:265px;
}
body.twocolumn_left .contentcolumn {
width:605px;
}

/* 3 column layout */

body.threecolumn #container {
background:url(../_img/bg_leftcolumn.png) #FFFFFF repeat-y -85px;
}
body.threecolumn .contentheader,
body.threecolumn .footer,
body.threecolumn .sharebookmarks {
margin-left:165px;
}
body.threecolumn .contentcolumn {
margin-right:30px;
width:505px;
}


/* SKIP TO CONTENT LINK ================================================================== */

.skiplink {
display:block;
text-indent:-9999px;
position:absolute;
left:0;
top:-1000em;
z-index:999;
}
a.skiplink:focus,
a.skiplink:active {
text-indent:0;
left:5px;
top:5px;
padding:5px 12px 5px 8px;
font:bold 0.75em Arial, Helvetica, sans-serif;
text-decoration:none;
z-index:999;
background:url(../_img/arrow_right_blue.gif) #FFFFCC no-repeat 96% 50%;
border:1px solid #224c69;
}


/* FORMS ================================================================== */

label,
select,
input,
textarea {
font:normal 0.85em/1.2em Arial, Helvetica, sans-serif;
}
.contentbody p label,
.contentbody p select,
.contentbody p input,
.contentbody p textarea {
font-size:1em;
}
input[type=text],
input[type=password],
textarea {
padding:1px 2px 2px 2px;
width:300px;
}
select {
padding:1px;
}
textarea {
width:300px;
height:7em;
}
input[type=submit],
input[type=button],
input[type=reset] {
font-weight:bold;
padding:0 5px;
}
.contentbody form p {
margin:0 0 12px 0;
}
form p label {
display:block;
float:left;
margin-right:7px;
padding-top:1px;
text-align:right;
}
legend {
font:bold 0.75em Arial, Helvetica, sans-serif;
}
.contentbody form label {
width:100px;
}


/* HEADER ================================================================== */

.department_header {
position:relative;
margin-bottom:1px;
background-color:#FFFFFF;
}
.department_header img.logo_dcsf {
border-top:8px solid #4f1f90;
padding-top:9px;
margin-left:12px;
}
.department_header form#searchForm {
margin:0;
position:absolute;
top:23px;
left:324px;
background:url(/includes/reskins/300709/_img/bg_search.png) no-repeat;
padding:4px 0 4px 6px;
min-width:272px;
}
.department_header input#kbsubmittop {
font:normal 0.75em Arial, Helvetica, sans-serif;
width:195px;
padding:2px;
}
.department_header input#qs_submit_btn {
font:bold 0.75em Arial, Helvetica, sans-serif;
padding:0 5px;
}
.department_header img.header_character {
position:absolute;
top:0;
right:0;
}
.department_header h1 {
margin:16px 0 0 0;
padding:24px 0 8px 14px;
font:bold 1.2em Arial, Helvetica, sans-serif;
background:url(/includes/reskins/300709/_img/bg_sitetitle.png) #724ca6 no-repeat;
color:#FFFFFF;
}
.department_header h1 a {
text-decoration:none;
color:#FFFFFF;
}


ul.primarynav {
background:url(../_img/bg_mainnav.png) repeat-x;
overflow:hidden;
padding:5px 0 0 10px;
height:55px;
}
ul.primarynav li {
float:left;
font:bold 0.75em/1.1 Arial, Helvetica, sans-serif;
margin:0 5px 0 0;
}
ul.primarynav li a {
display:block;
color:#000000;
padding:4px 8px 0 8px;
height:51px;
min-width:90px;
max-width:9em;
}
ul.primarynav li a:hover {
background:url(../_img/bg_mainnavitem_over.png) repeat-x;
}
ul.primarynav li.active {
background:url(../_img/bg_mainnavitem_purple.png) no-repeat;
}
ul.primarynav li.active a {
color:#ffffff;
background:url(../_img/bg_mainnavitem_end_purple.png) no-repeat right top;
}


/* LEFT COLUMN ================================================================== */

.leftcolumn h2 {
font:normal 0.85em Arial, Helvetica, sans-serif;
border-bottom:1px solid #a78fc7;
padding:0 0 7px 7px;
}


/* SECONDARY NAV ================================================================== */

ul.secondarynav {
font:normal 0.75em/1.1 Arial, Helvetica, sans-serif;
border-bottom:1px solid #e5e5e5;
}
ul.secondarynav li p {
padding:6px 8px 5px 9px;
font-weight:bold;
border-top:1px solid #e5e5e5;
}
ul.secondarynav li a {
display:block;
background-image:url(../_img/arrow_leftnav_right.png);
background-repeat:no-repeat;
background-position:15px 5px;
color:#000000;
border-top:0;
font-weight:normal;
padding:3px 8px 4px 26px;
}
ul.secondarynav > li > a {
border-top:1px solid #e5e5e5;
background-image:none;
font-weight:bold;
padding:5px 8px 5px 7px;
}
ul.secondarynav li:first-child a {
border-top:0;
}
ul.secondarynav li a:hover {
background-color:#e5e5e5;
}
ul.secondarynav a.active {
background-color:#4f1f90;
color:#FFFFFF;
}
ul.secondarynav ul a.active {
background-image:url(../_img/arrow_leftnav_righton.png);
}
ul.secondarynav a.active:hover {
background-color:#4f1f90;
}
ul.secondarynav li.expanded > a {
background-image:url(../_img/arrow_leftnav_down.png);
background-repeat:no-repeat;
background-position:15px 4px;
}
ul.secondarynav li.expanded > a.active {
background-image:url(../_img/arrow_leftnav_downon.png);
}
ul.secondarynav > li.expanded > a,
ul.secondarynav > li.expanded > a.active {
background-image:none;
}
ul.secondarynav ul ul li a {
padding-left:36px;
background-position:25px 5px;
}
ul.secondarynav ul ul li.expanded > a {
background-position:25px 4px;
}
ul.secondarynav ul ul ul li a {
padding-left:46px;
background-position:35px 5px;
}
ul.secondarynav ul ul ul li.expanded > a {
background-position:35px 4px;
}
ul.secondarynav ul ul ul ul li a {
padding-left:56px;
background-position:45px 5px;
}
ul.secondarynav ul ul ul ul li.expanded > a {
background-position:45px 4px;
}
ul.secondarynav ul ul ul ul ul li a {
padding-left:66px;
background-position:55px 5px;
}
ul.secondarynav ul ul ul ul ul li.expanded > a {
background-position:55px 4px;
}

ul.secondarynav ul {
display:none;
}
ul.secondarynav li.expanded > ul {
display:block;
}


/* CONTENT HEADER ================================================================== */

.contentheader {
margin:5px 15px 15px 30px;
}
.contentheader h1 {
font:normal 1.45em/1.2 Arial, Helvetica, sans-serif;
border-bottom:1px solid #a78fc7;
padding:0 0 8px 0;
}
p.breadcrumb {
font:normal 0.75em/1.3 Arial, Helvetica, sans-serif;
margin:0 0 5px 0;
}
p.breadcrumb span {
display:none;
}
p.breadcrumb a {
color:#4f1f90;
background:url(../_img/arrow_right_ltpurple.gif) no-repeat right 50%;
padding-right:10px;
margin:0 7px 0 0;
}
p.breadcrumb a:first-child {
font-weight:bold;
}
p.breadcrumb a:hover {
text-decoration:underline;
}


/* CONTENT BODY ================================================================== */

.contentbody p,
.contentbody ul,
.contentbody ol,
.contentbody dl {
font:normal 0.9em/1.35 Arial, Helvetica, sans-serif;
margin-bottom:15px;
}
.contentbody ul {
list-style:disc;
padding-left:30px;
}
.contentbody ol {
padding-left:30px;
}
.contentbody li {
margin-bottom:2px;
}
.contentbody li p {
font-size:1em;
}
.contentbody h2 {
font:normal 1.2em/1.4 Arial, Helvetica, sans-serif;
margin-bottom:15px;
}
.contentbody h3 {
font:bold 0.9em/1.4 Arial, Helvetica, sans-serif;
margin-bottom:15px;
}
.contentbody h4 {
font:bold 0.75em/1.3 Arial, Helvetica, sans-serif;
margin-bottom:10px;
}
.contentbody a {
font-weight:bold;
}
.contentbody a:hover {
text-decoration:underline;
}

.contentbody img.pub {
border: 1px solid #e5e5e5;
margin-bottom:5px;
margin-right: 5px;
}

/* Links */

.link_external {
padding-right:17px;
background:url(../_img/link_external.gif) no-repeat right 50%;
}
.link_top a {
font-size:0.8em;
padding-left:12px;
background:url(../_img/arrow_up_grey.gif) no-repeat left 50%;
}
.link_style1 a {
padding-right:8px;
background:url(../_img/arrow_right_blue.gif) no-repeat right 50%;
}
.link_style2 {
overflow:hidden;
}
.link_style2 a {
display:block;
float:left;
padding:2px 16px 2px 6px;
background:url(../_img/arrow_right_white.gif) #0000cc no-repeat 95% 50%;
color:#FFFFFF;
}

/* Table */

.contentbody table {
font:0.75em/1.25 solid Arial, Helvetica, sans-serif;
width:100%;
border:1px solid #e5e5e5;
border-bottom:0;
border-right:0;
margin-bottom:15px;
}
.contentbody th {
vertical-align:bottom;
padding:7px 6px 7px 6px;
border-right:1px solid #ffffff;
background:#e5e5e5;
text-align:left;
}
.contentbody td {
border-bottom:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
vertical-align:top;
padding:4px 6px 4px 6px;
}
.contentbody td p,
.contentbody td ul {
margin-bottom:0;
font-size:1em;
}
.contentbody td a {
font-weight:bold;
}

/* Form */

.contentform fieldset {
border-bottom:1px solid #e5e5e5;
padding-bottom:10px;
margin-bottom:7px;
overflow:hidden;
}
.contentform fieldset.bordered {
border-top:1px solid #e5e5e5;
padding-top:7px;
}
.contentform h2 {
margin:0 0 7px 0;
font-size:0.9em;
font-weight:bold;
}
.contentform p {
margin:0;
overflow:hidden;
}
.contentform ul {
list-style:none;
padding-left:15px;
margin:0;
}
.contentform li input[type=checkbox] {
margin-right:5px;
}
.contentform .inputcolumns {
overflow:hidden;
margin-bottom:7px;
}
.contentform .inputcolumns ul {
float:left;
margin-right:30px;
width:35%;
}
.contentform label {
font-size:0.8em;
}
.contentform p.inputfirst label {
width:auto;
float:none;
display:inline;
font-size:0.8em;
padding-top:0;
}
.contentform p.inputfirst input[type=checkbox] {
margin-right:5px;
}
.contentform input.inputwide {
width:250px;
}
.contentform p.formbuttons {
padding-left:107px;
margin-top:15px;
}


/* ITEM LIST ================================================================== */

ul.itemlist {
padding:0;
}
ul.itemlist li {
position:relative;
padding:7px 0 0 16px;
background:url(../_img/arrow_square_right.gif) no-repeat 0 10px;
border-top:1px solid #e5e5e5;
overflow:hidden;
margin:0 0 4px 0;
}
ul.itemlist li h3 {
font:bold 1em Arial, Helvetica, sans-serif;
margin:0 0 5px 0;
}
ul.itemlist li p {
font:normal 0.86em/1.35 Arial, Helvetica, sans-serif;
margin:0 0 6px 0;
}
ul.itemlist li img {
float:right;
margin:3px 0 5px 10px;
}
ul.itemlist li p.category,
ul.itemlist li p.attribute {
font-size:0.8em;
}
ul.itemlist li p.attribute a {
padding-bottom:1px;
color:#666666;
font-weight:normal;
}
ul.itemlist li p.category a {
background:url(../_img/docicon_plain.gif) no-repeat;
padding-left:20px;
padding-bottom:2px;
color:#666666;
font-weight:normal;
}
ul.itemlist li p.category a:hover,
ul.itemlist li p.attribute a:hover {
color:#0000cc;
}
ul.itemlist li p.pdf a {
background-image:url(../_img/docicon_pdf.gif);
}
ul.itemlist li p.word a {
background-image:url(../_img/docicon_word.gif);
}
ul.itemlist li p.excel a {
background-image:url(../_img/docicon_excel.gif);
}
ul.itemlist li p.ppt a {
background-image:url(../_img/docicon_ppt.gif);
}
ul.itemlist li p.external a {
background-image:url(../_img/docicon_external.png);
}

/* PAGE NAVIGATION ================================================================== */

.pagenavigation {
background:#f5f2f2;
padding:8px 10px;
margin:15px 0;
position:relative;
overflow:hidden;
}
.pagenavigation p {
font:normal 0.75em/1.3 Arial, Helvetica, sans-serif;
margin:0;
}
.pagenavigation p.previouslink {
float:left;
margin-right:20px;
}
.pagenavigation p.previouslink a {
padding-left:15px;
background:url(../_img/arrow_square_left.gif) no-repeat left center;
font-weight:bold;
}
.pagenavigation p.pagination {
font-family:Georgia, "Times New Roman", Times, serif;
margin-left:3px;
}
.pagenavigation p.pagination span {
display:none;
}
.pagenavigation p.pagination a {
margin-right:7px;
font-weight:normal;
}
.pagenavigation p.pagination a.active {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000000;
border-bottom:1px solid #000000;
}
.pagenavigation p.nextlink a {
padding-right:15px;
background:url(../_img/arrow_square_right.gif) no-repeat right center;
font-weight:bold;
position:absolute;
right:10px;
top:8px;
}
.pagenavigation p.resultcount {
float:right;
margin-right:100px;
margin-top:0;
}


/* SIDEBOX ================================================================== */

.sidebox,
.sidebox2 {
border-top:5px solid #4f1f90;
padding:6px 0 6px 0;
border-bottom:1px solid #e5e5e5;
margin-bottom:15px;
}
.sidebox2 {
background:#f5f2f2;
padding:6px 8px 8px 8px;
border-bottom:0;
}
.sidebox h2,
.sidebox2 h2 {
font:bold 0.85em/1.2 Arial, Helvetica, sans-serif;
padding:10px 0 7px 0;
}
.sidebox p,
.sidebox ul,
.sidebox2 p {
font:normal 0.75em/1.35 Arial, Helvetica, sans-serif;
}
.sidebox p,
.sidebox2 p {
margin-bottom:5px;
}
.sidebox label,
.sidebox2 label,
.sidebox2 p input,
.sidebox p select,
.sidebox2 p select {
font-size:1em;
}

/* LINK LIST  */

.linklist li a span {
color:#000000;
font-weight:normal;
margin-left:3px;
}
.linklist ul a.active,
.linklist li a:hover {
background-color:#efefef;
}

.linklist li a.doc:hover {
background-color:#efefef;
}

.linklist li a.pdf:hover {
background-color:#efefef;
}

.linklist li a.xls:hover {
background-color:#efefef;
}

.linklist li a.ppt:hover {
background-color:#efefef;
}

.linklist li a.external:hover {
background-color:#efefef;
}

.linklist ul li a.active {
font-weight:bold;
}
.linklist ul a {
display:block;
background:url(../_img/arrow_right_grey.gif) no-repeat 5px 8px;
padding:2px 0 2px 13px;
padding-bottom: 10px;
}

.linklist ul a.doc {
display:block;
background:url(../_img/docicon_word.gif) no-repeat 5px 8px;
padding:10px 0 2px 25px;
padding-top: 10px;
}

.linklist ul a.pdf {
display:block;
background:url(../_img/docicon_pdf.gif) no-repeat 5px 8px;
padding:10px 0 2px 25px;
padding-top: 10px;
}

.linklist ul a.xls {
display:block;
background:url(../_img/docicon_excel.gif) no-repeat 5px 8px;
padding:10px 0 2px 25px;
padding-top: 10px;
}

.linklist ul a.ppt {
display:block;
background:url(../_img/docicon_ppt.gif) no-repeat 5px 8px;
padding:10px 0 2px 25px;
padding-top: 10px;
}

.linklist ul a.external {
display:block;
background:url(../_img/docicon_external.png) no-repeat 5px 8px;
padding:10px 0 2px 25px;
padding-top: 10px;
}

.linklist ul ul {
font-size:1em;
margin-left:10px;
}
.linklist li h3 {
font:bold 0.75em/1.35 Arial, Helvetica, sans-serif;
}
.linklist li p {
margin:0 0 2px 8px;
}
.sidebox2.linklist ul a {
background:url(../_img/arrow_right_blue.gif) no-repeat 0 8px;
padding-left:8px;
}
.sidebox2.linklist ul li a:hover {
background-color:#e5e5e5;
}

/* POLL  */

.poll li {
position:relative;
padding-left:18px;
margin-bottom:8px;
}
.poll li input[type=radio] {
position:absolute;
left:0;
top:0;
}

/* SEARCH BOX */

.searchbox label {
display:none;
}
.searchbox input[type=text] {
width:147px;
}
.searchbox select {
width:152px;
}
.searchbox .label_show {
display:block;
float:none;
text-align:left;
margin-bottom:4px;
}
.searchbox select.select_month {
width:88px;
float:left;
margin-right:5px;
}
.searchbox select.select_year {
width:60px;
}


/* SHARE BOOKMARKS ================================================================== */

.sharebookmarks {
clear:both;
margin:0 15px 0 30px;
}
.sharebookmarks ul {
overflow:hidden;
}
.sharebookmarks li,
.sharebookmarks p {
float:left;
margin:0 0 0 7px;
font:normal 0.75em/1.1 Arial, Helvetica, sans-serif;
color:#666666;
}
.sharebookmarks li a {
display:block;
width:16px;
height:16px;
text-indent:-1000em;
background-repeat:no-repeat;
}
.sharebookmarks li.share_digg a {
background-image:url(/includes/reskins/300709/_img/share_digg.gif);
}
.sharebookmarks li.share_delicious a {
background-image:url(/includes/reskins/300709/_img/share_delicious.gif);
}
.sharebookmarks li.share_reddit a {
background-image:url(/includes/reskins/300709/_img/share_reddit.gif);
}
.sharebookmarks li.share_facebook a {
background-image:url(/includes/reskins/300709/_img/share_facebook.gif);
}
.sharebookmarks li.share_stumbleupon a {
background-image:url(/includes/reskins/300709/_img/share_stumbleupon.gif);
}


/* FOOTER ================================================================== */

.footer {
clear:both;
position:relative;
margin:0 15px 0 15px;
padding:30px 80px 30px 5px;
background:url(/includes/reskins/300709/_img/bg_footer_purple.png) #ffffff no-repeat right 5px;
}
.footer ul {
font:normal 0.75em/1.1 Arial, Helvetica, sans-serif;
overflow:hidden;
}
.footer li {
float:left;
margin-right:13px;
margin-bottom:5px;
white-space:nowrap;
}
.footer li a {
color:#666666;
border-left:1px solid #e5e5e5;
padding-left:13px;
float:left;
}
.footer li a:hover {
color:#0000cc;
}
.footer li:first-child a {
border-left:0;
padding-left:0;
}
.footer p.dcsflogo {
margin-top:10px;
}

/* GREEN BRANDING ================================================================== */

body.green .department_header h1 {
background-color:#72c133;
}
body.green ul.primarynav li.active {
background-image:url(../_img/bg_mainnavitem_green.png);
}
body.green ul.primarynav li.active a {
background-image:url(../_img/bg_mainnavitem_end_green.png);
}
body.green ul.secondarynav a.active {
background-color:#4fb200;
}
body.green .leftcolumn h2 {
border-bottom-color:#a7d87f;
}
body.green .contentheader h1 {
border-bottom-color:#a7d87f;
}
body.green p.breadcrumb a {
color:#4fb200;
background-image:url(../_img/arrow_right_ltgreen.gif);
}
body.green .sidebox,
body.green .sidebox2 {
border-top-color:#4fb200;
}
body.green .footer {

}


/* BLUE BRANDING ================================================================== */

body.blue .department_header h1 {
background-color:#4991c9;
}
body.blue ul.primarynav li.active {
background-image:url(../_img/bg_mainnavitem_blue.png);
}
body.blue ul.primarynav li.active a {
background-image:url(../_img/bg_mainnavitem_end_blue.png);
}
body.blue ul.secondarynav a.active {
background-color:#1b75bc;
}
body.blue .leftcolumn h2 {
border-bottom-color:#8dbadd;
}
body.blue .contentheader h1 {
border-bottom-color:#8dbadd;
}
body.blue p.breadcrumb a {
color:#1b75bc;
background-image:url(../_img/arrow_right_ltblue.gif);
}
body.blue .sidebox,
body.blue .sidebox2 {
border-top-color:#1b75bc;
}
body.blue .footer {

}