/*
Theme Name: APICS Wordpress Theme
Theme URI: http://savvydog.com
Description: A custom theme designed for APICS by Savvydog Design.
Version: 1.0
Author: Savvydog Design
Author URI: http://savvydog.com
*/


/* COLORS:
page background grey: #989796
grey rule lines: #ccc
yellow(gold): #FFD700
*/

body {
background: #989796 url(images/bgBody.gif) top left repeat-x;
font: 11px Verdana, Arial, Helvetica, sans-serif;
}
#page {
width: 800px;
margin: 10px auto;
background-color: #FFF;
}
a {
color: #999;
}
a:hover {
color: #FFD700;
}
/******* HEADER *******/
#header h1 {
width: 800px;
height: 93px;
background:url(images/TOP_BANNER.jpg) no-repeat;
position:relative;
}
#header h1 a {
display: block;
position: absolute;
top: 0;
left: 0;
width: 350px;
height: 80px;
}
#header h1 span {
margin: 0 -10000px;
}
#header ul#headernav {
clear: both;
font-size: 11px;
list-style: none;
width: 795px; /* full width: 800px; */
height: 40px;
padding-left: 5px;
background: #000 url(images/nav_complete2.jpg) top left repeat-x;
}
#header ul#headernav li {
list-style: none;
float: left;
}
#header ul#headernav li a {
line-height: 28px;
height: 35px;
padding: 5px 8px 0 8px;
background:url(images/nav_divider.jpg) top right no-repeat;
color: #fff;
text-decoration: none;
}
#header ul#headernav li a:hover {
color: #FFD700;
}
#header ul#headernav li ul {
display: none;
}

#header #tagline {
width: 800px;
height: 25px;
clear: both;
background:url(images/APICS_logo2.gif) top left no-repeat;
}
#header #tagline h2 {
margin: 0 0 0 -10000px;
}

/******* MAIN *******/
#main {
width: 800px;
background: url(images/singpix-ccc.gif) 200px 0 repeat-y;
}

/******* SIDE *******/
#side {
width: 200px;
float: left;
}
/******* SIDE: HEAD *******/
#sidehead {
background-color: #333;
padding: 8px;
text-align: center;
color: #fff;
word-spacing: 10px;
}
#sidehead a {
color: #fff;
text-decoration: none;
}
#sidehead a:hover {
color: #FFD700;
}

#side ul#sidenav {
margin: 10px 0 10px 10px;
}
#side ul#sidenav a {
text-decoration: none;
color: #000;
}
#side ul#sidenav li {
padding: 0;
height: 1%;
line-height: 12px;
}
#side ul#sidenav li a {
display: block;
background:url(images/expandnav.gif) 0 1px no-repeat;
padding: 5px 5px 5px 20px;
}
#side ul#sidenav li li a {
background:url(images/bullet.gif) 0 8px no-repeat;
padding: 3px 3px 3px 10px;
}
#side ul#sidenav a:hover {
text-decoration: underline;
color: #FFD700;
}
#side ul#sidenav li ul {
margin: 0 0 0 25px;
}

#side .current_page_item {
font-weight: bold;
}
#side .current_page_item li {
font-weight: normal;
}

/******* content *******/
#content {
width: 600px;
float: left;
border-top: 1px solid #ccc;
overflow:hidden;
}
#content h1 {
padding: 10px;
border-bottom: 1px solid #ccc;
font-size: 16px;
color: #FFD700;
}
#content h1.doubleborder {
border-top: 1px solid #ccc;
}
#content h2 {
padding: 0 0 10px 0;
}

#content .inside {
padding: 10px;
}

#content p {
padding: 0 0 10px 0;
}


#content ol,
#content ul {
padding: 0 25px;
}

#content li {
padding: 3px 0;
}

#content ol,
#content ol li {
list-style:decimal;
}
#content ul,
#content ul li {
list-style:disc;
}



#content form label {
display: block;
width: 80px;
float: left;
padding-right: 10px;
text-align: right;
font-weight: bold;
}
#content form label.error {
display: block;
color: red;
clear: both;
width: 500px;
text-align: left;
padding: 0 0 10px 90px;
}

#content .filelist th,
#content .filelist td {
padding: 3px 6px;
border: 1px solid #ccc;
}

#footer {
clear: both;
width: 800px;
height: 30px;
background-color:#eee;
border-top: 1px solid #ccc;
}


.navigation {
padding: 10px;
}
.alignleft {
text-align: left;
}
.alignright {
text-align: right;
}
.center {
text-align: center;
}


/******* CLEARFIX *******/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */