/* CSS Document */

body {
font-family: "Comic Sans MS", Arial, Tahoma, Crayon;
font-size:100%;
margin:0;
padding:0;
}

.wrapper {
}

.header {
height:117px;
background-color:#6C428C;
color:#FFFF00;
text-align:center;
}

h1 {
margin:0;
}

.navigation {
background-color:#ebffb0;
color:#000000;
padding:5px 0;
}

.navigation ul {
width:800px;
margin:0 auto;
padding:0;
padding-left: 100px;
display:block;
}

.navigation ul li {
list-style-type:none;
padding:0px;
display:inline;
margin:-0 10px -0 0;
font-size:1em;
}

.lastmod {
text-align: right;
color: #000000;
border-style: none;
float:right;
font-size: 0.8em;
margin-top: 5px;
padding 0;
}

.clear { display:block; clear:both; font-size:1px; height:1px; line-height:1px; }

.page-info {
}

.container {
width:850px;
margin:10px auto;
}

.col1, .col2 {}

.page-navigation .page-navigation-title {
background-color:#4027DB;
color:#FFFFFF;
text-align:center;
text-transform:uppercase;
font-weight:bold;
font-size:0.8em;
margin-bottom:0;
}

.page-navigation ul {
width: 180px;
}

.page-navigation ul li {
list-style-type: none;
padding-left: 0;
margin-left: 0;
}

.page-buttons ul {
width: 180px;
}

.page-buttons ul li {
list-style-type: none;
padding-left: 0;
margin-left: 0;
}

/**************************** PENCILS **************************************/

.green_pencil {
background-image:url(../images/pencil1.jpg);
background-repeat: no-repeat;
background-position: top left;
padding-top: 5px;
padding-left: 10px;
}

a.green_pencil, a:visited.green_pencil {
color: #00CC00;
line-height: 30px;
font-size: 0.8em;
display:block;
text-decoration:none;
padding:12px 0.5em;
}

a:hover.green_pencil {
text-decoration: underline;
}

.brown_pencil {
background-image:url(../images/pencil2.jpg);
background-repeat: no-repeat;
background-position: top left;
padding-top: 5px;
padding-left: 10px;
}

a.brown_pencil, a:visited.brown_pencil {
color:#996600;
line-height: 30px;
font-size: 0.8em;
display:block;
text-decoration:none;
padding:12px 0.5em;
}

a:hover.brown_pencil {
text-decoration: underline;
}

.blue_pencil {
background-image:url(../images/pencil3.jpg);
background-repeat: no-repeat;
background-position: top left;
padding-top: 5px;
padding-left: 10px;
}

a.blue_pencil, a:visited.blue_pencil {
color:#0000CC;
line-height: 30px;
font-size: 0.8em;
display:block;
text-decoration:none;
padding:12px 0.5em;
}

a:hover.blue_pencil {
text-decoration: underline;
}

.orange_pencil {
background-image:url(../images/pencil4.jpg);
background-repeat: no-repeat;
background-position: top left;
padding-top: 25px;
padding-left: 10px;
}

a.orange_pencil, a:visited.orange_pencil {
color:#FF6600;
line-height: 30px;
font-size: 0.8em;
display:block;
text-decoration:none;
padding:12px 0.5em;
}

a:hover.orange_pencil {
text-decoration: underline;
}

.red_pencil {
background-image:url(../images/pencil5.jpg);
background-repeat: no-repeat;
background-position: top left;
padding-top: 25px;
padding-left: 10px;
}

a.red_pencil, a:visited.red_pencil {
color:#CC0000;
line-height: 30px;
font-size: 0.8em;
display:block;
text-decoration:none;
padding:12px 0.5em;
}

a:hover.red_pencil {
text-decoration: underline;
}

.ltbrown_pencil {
background-image:url(../images/pencil6.jpg);
background-repeat: no-repeat;
background-position: top left;
padding-top: 25px;
padding-left: 10px;
}

a.ltbrown_pencil, a:visited.ltbrown_pencil {
color:#CC9900;
line-height: 30px;
font-size: 0.8em;
display:block;
text-decoration:none;
padding:12px 0.5em;
}

a:hover.ltbrown_pencil {
text-decoration: underline;
}

.pink_pencil {
background-image:url(../images/pencil7.jpg);
background-repeat: no-repeat;
background-position: top left;
padding-top: 25px;
padding-left: 10px;
}

a.pink_pencil, a:visited.pink_pencil {
color:#993366;
line-height: 30px;
font-size: 0.8em;
display:block;
text-decoration:none;
padding:12px 0.5em;
}

a:hover.pink_pencil {
text-decoration: underline;
}

.yellow_pencil {
background-image:url(../images/pencil8.jpg);
background-repeat: no-repeat;
background-position: top left;
padding-top: 25px;
padding-left: 10px;
}

a.yellow_pencil, a:visited.yellow_pencil {
color:#CCCC00;
line-height: 30px;
font-size: 0.8em;
display:block;
text-decoration:none;
padding:12px 0.5em;
}

a:hover.yellow_pencil {
text-decoration: underline;
}

.green_pencil_rt {
background-image:url(../images/pencil9.jpg);
background-repeat: no-repeat;
background-position: top left;
padding-top: 25px;
padding-left: 10px;
}

a.green_pencil_rt, a:visited.green_pencil_rt {
color: #00CC00;
line-height: 30px;
font-size: 0.8em;
display:block;
text-decoration:none;
padding:12px 0.5em;
}

.pink_pencil_rt {
background-image:url(../images/pencil10.jpg);
background-repeat: no-repeat;
background-position: top left;
padding-top: 25px;
padding-left: 10px;
}

a:hover.pink_pencil_rt {
text-decoration: underline;
}

a.pink_pencil_rt, a:visited.pink_pencil_rt {
color: #993366;
line-height: 30px;
font-size: 0.8em;
display:block;
text-decoration:none;
padding:12px 0.5em;
}

.ltbrown_pencil_rt {
background-image:url(../images/pencil11.jpg);
background-repeat: no-repeat;
background-position: top left;
padding-top: 25px;
padding-left: 10px;
}

a.ltbrown_pencil_rt, a:visited.ltbrown_pencil_rt {
color:#CC9900;
line-height: 30px;
font-size: 0.8em;
display:block;
text-decoration:none;
padding:12px 0.5em;
}

a:hover.ltbrown_pencil_rt {
text-decoration: underline;
}

.red_pencil_rt {
background-image:url(../images/pencil12.jpg);
background-repeat: no-repeat;
background-position: top left;
padding-top: 25px;
padding-left: 10px;
}

a.red_pencil_rt, a:visited.red_pencil_rt {
color:#CC0000;
line-height: 30px;
font-size: 0.8em;
display:block;
text-decoration:none;
padding:12px 0.5em;
}

a:hover.red_pencil_rt {
text-decoration: underline;
}

.orange_pencil_rt {
background-image:url(../images/pencil13.jpg);
background-repeat: no-repeat;
background-position: top left;
padding-top: 25px;
padding-left: 10px;
}

a.orange_pencil_rt, a:visited.orange_pencil_rt {
color:#FF6600;
line-height: 30px;
font-size: 0.8em;
display:block;
text-decoration:none;
padding:12px 0.5em;
}

a:hover.orange_pencil_rt {
text-decoration: underline;
}

.blue_pencil_rt {
background-image:url(../images/pencil14.jpg);
background-repeat: no-repeat;
background-position: top left;
padding-top: 25px;
padding-left: 10px;
}

a.blue_pencil_rt, a:visited.blue_pencil_rt {
color:#0000CC;
line-height: 30px;
font-size: 0.8em;
display:block;
text-decoration:none;
padding:12px 0.5em;
}

a:hover.blue_pencil_rt {
text-decoration: underline;
}


/***************************************************************************/

/* layout depending on the column layouts */

.col1 .page-navigation {
display:none;
}

.col1 .page-content {
margin:0;
}

.col1 .page-buttons {
display:none;
}

.col2 .page-navigation {
display:block;
float:left;
width:150px;
}

.col2 .page-content {
margin-left:160px;
}

.col2 .page-buttons {
display:none;
}

.col3 .page-navigation {
float: left;
width:180px;
}

.col3 .page-content {
float: left;
width:390px;/* takes into account the padding */
padding:0 10px;
}

.col3 .page-buttons {
float: left;
width:180px;
}

h1, h2, h3 {
margin-top:0;
color: #000055;
}

.footer {
clear:both;
width:780px;
margin:20px auto;
font-size:0.9em;
color:#aaaaaa;
}

a, a:visited {
text-decoration:none;
font-weight:bold;
color:#4027DB;
}

a:hover {
text-decoration:underline;
}

.navigation ul li a:hover {
text-decoration:none;
color:#BFFF00;
}

.navigation ul li a, .navigation ul li a:visited {
text-decoration:none;
font-weight:bold;
font-size: 1em;
color:#000000;
}

.navigation ul li a:hover {
text-decoration:none;
color:#BFFF00;
}


.navigation ul li.current, .navigation ul li.current a,.navigation ul li.current a:visited, .navigation ul li.current a:hover {
color:#6C428C;
}