/*** Generic Styles
**************************/

html, body {
margin:0;
padding:0;
}

body {
font: 76% arial,sans-serif;
text-align:center;
background: #636466;
padding: 0;
}

/*** Header Styles
**************************/

#header {
position: relative;
height: 345px;
margin: 0;
padding: 0 0 20px 0;
background: #636466;
}

#header a.logo {
display: block;
margin: 15px 0 15px 35px;
background: url(/assets/templates/scl/images/cae-fisi.gif) no-repeat right;
}

#header .hdrimg {
position: relative;
height: 276px;
background: #4c4c4c url(/assets/templates/scl/images/hdrimg.jpg) no-repeat top left;
}

.hdrimg ul.topsponsors {
margin: 25px 10px 0 0;
padding: 0;
list-style-type: none;
width: 310px;
float: right;
}

.hdrimg .topsponsors li {
width: 145px;
margin: 0;
float: right;
height: 55px;
}

.hdrCarv {
position: relative;
height: 276px;
background: #4c4c4c url(/assets/templates/scl/images/logocarving.gif) no-repeat top left;
}

/*** Page Styles
**************************/

#container {
text-align:left;
width: 800px;
margin:0 auto;
background: url(/assets/templates/scl/images/bgcnt.gif) repeat-y top left;
}

/*** Content Styles
**************************/

#content {
margin: 0 0 0 0;
float:left;
width: 610px;
padding: 0;
line-height: 1.6;
border-top: 1px solid #000;
}

#content .magic {
padding: 10px;
}

#content a:link {
text-decoration: underline;
color: #0039de;
}

#content a:visited {
text-decoration: underline;
color: #0039de;
}

#content a:hover, #content a:active {
text-decoration: none;
color: brown;
}

#content h1 {
font-size: 1.8em;
font-weight: bold;
margin: 0 0 0.4em 0;
border-bottom: 1px solid #7B7B7B;
}

#content h2 {
font-size: 1.6em;
font-weight: bold;
margin: 0 0 0.4em 0;
}

#content h3 {
font-size: 1.4em;
font-weight: bold;
margin: 0 0 0.3em 0;
}

#content h4 {
font-size: 1.2em;
font-weight: bold;
margin: 0 0 0.3em 0;
}

#content h5 {
font-size: 1.0em;
font-weight: bold;
margin: 0 0 0.2em 0;
}

#content p {
margin: 0 0 0.8em 0;
}

#content ul {
margin-bottom: 0.8em;
margin-top: 0;
list-style-type: square;
}

#content ul ul {
list-style-type: circle;
}

#content li {
margin: 0 0 0.4em 0;
}

#content form {
margin: 0 0 0.8em 0;
}

#content .photoright {
border: 3px solid #4c4c4c;
display: block;
float: right;
padding: 5px;
margin: 0 0 0.4em 0.6em;
}

#content a.photoright:visited {
border: 3px solid #4c4c4c;
display: block;
float: right;
padding: 5px;
margin: 0 0 0.4em 0.6em;
}

#content a.photoright:hover {
background: none;
border: 3px solid #B2AC9F;
display: block;
float: right;
padding: 5px;
margin: 0 0 0.4em 0.6em;
}

#content .photoleft {
border: 3px solid #4c4c4c;
display: block;
float: left;
padding: 5px;
margin: 0 0.6em 0.4em 0;
}

#content a.photoleft:visited {
border: 3px solid #4c4c4c;
display: block;
float: left;
padding: 5px;
margin: 0 0.6em 0.4em 0;
}

#content a.photoleft:hover {
background: none;
border: 3px solid #B2AC9F;
display: block;
float: left;
padding: 5px;
margin: 0 0.6em 0.4em 0;
}

/*** Sidebar Styles
**************************/

#navigation {
float:right;
width: 180px;
border-top: 1px solid #000;
line-height: 1.4;
}

#navigation .magic {
padding: 10px;
}

#navigation p {
margin: 0 0 0.4em 0;
}

#navigation h4 {
font-size: 1.2em;
border-bottom: 1px solid #333;
margin: 0 0 0.5em 0;
color: #000;
}

#navigation h5 {
font-size: 1.1em;
border-bottom: 1px solid #333;
margin: 0 0 0.5em 0;
color: #000;
}

#navigation h6 {
font-size: 1em;
border-bottom: 1px solid #333;
margin: 0 0 0.5em 0;
color: #000;
}

#navigation a:link {
text-decoration: underline;
color: #0039de;
}

#navigation a:visited {
text-decoration: underline;
color: #0039de;
}

#navigation a:hover, #navigation a:active {
text-decoration: none;
color: #fff;
}

/*** Footer Styles
**************************/

#footer {
clear:both;
width:100%;
background: #333 url(/assets/templates/scl/images/bgftr.gif) no-repeat top;
color: #FFF;
padding: 22px 0 10px 0;
height: 80px;
border-bottom: 1px solid #000;
}

#footer p {
margin: 10px;
}

#footer a {
color: #FFD07F;
text-decoration: underline;
}

#footer a:visited {
text-decoration: underline;
color: #FFD07F;
}

#footer a:hover, #footer a:active {
text-decoration: none;
color: #C6D5FD;
}

.footerinfo {
width: 300px;
float: left;
}

.footercopy {
width: 300px;
float: right;
text-align: right;
}

/*** Tabs Styles
**************************/

#nav {
margin: 0;
float:left;
width:100%;
position: absolute;
bottom: 1px;
}

#nav ul {
margin:0;
padding: 10px 10px 0;
list-style:none;
}

#nav li {
float:left;
display: inline;
margin: 0;

}

#nav a {
float:left;
display:block;
padding: 5px 20px 5px 20px;
text-decoration:none;
font-weight:bold;
border-bottom: 3px solid #4C4C4C;
}

#nav > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */

#nav a:hover {
color: #fff;
background: #7B7B7B;
border-bottom: 3px solid #FFD07F;
}


#nav li a {
padding-bottom:6px;
color: #FFD07F;
}

#nav a.selected {
color: #fff;
border-bottom: 3px solid #ffd07f;
background: #636466;
}

#nav a.selected:hover {
border-bottom: 3px solid #ffd07f;
background: #7B7B7B;
color: #fff;
}

/*** Ditto tpls Styles
**************************/

.summary {
clear: both;
margin: 0;
}

.summary p.summaryinfo {
width: 70px;
float: left;
margin: 0;
font-size: 10px;
background: #7B7B7B;
padding: 5px;
color: #fff;
height: 20px;
}

.summary p.summaryinfo img {
position: relative;
left: 5px;
top: 2px;
margin: 0;
}

.summary p.readmore {
clear: both;
text-align: right;
font-size: 0.9em;
padding: 3px 5px 20px 5px;
position: relative;
}

.summary p {
width: 500px;
float: right;
}

.summary h3 {
width: 480px;
float: right;
padding: 5px 10px 0 10px;
border-top: 1px solid #7B7B7B;
}

#navigation .flash {
padding: 0 0 0 20px;
background: url(/assets/templates/scl/images/flash.gif) no-repeat left 0.1em;
}

#navigation .flash span {
font-size: 0.8em;
}

/*** Pagination Styles
**************************/

.pagination {
clear: both;
padding: 3px;
margin: 3px;
text-align:center;
font-size:.9em;
}

.pagination a {
border: 1px solid #ccdbe4;
margin-right:3px;
padding:2px 8px;
background-position:bottom;
text-decoration: none;
}

#content .pagination a:hover, .pagination a:active {
border: 1px solid #2b55af;
background-image:none;
background-color:#3666d4;
color: #fff;
}

.pagination span {
margin-right:3px;
padding:2px 6px;
font-weight: bold;
color: #000;
}

.pagination a.next{
border:2px solid #ccdbe4;
margin:0 0 0 10px;
}

.pagination a.next:hover{
border:2px solid #2b55af;
}

.pagination a.prev{
border:2px solid #ccdbe4;
margin:0 10px 0 0;
}

.pagination a.prev:hover{
border:2px solid #2b55af;
}

/*** Sidesponsor Styles
**************************/

.sidesponsor img {
margin: 0 0 5px 10px;
}

.sidesponsor {
margin: 0 0 0.5em 0;
}

/*** Other Styles
**************************/

a img {
border: none;
}

#content .rossbutton, #content .texbutton {
margin: 0 0 20px 90px;
width: 400px;
}

.rossbutton a, .texbutton a {
padding: 5px 10px 5px 30px;
}

.rossbutton {
border: 1px solid #b3b3b3;
background: #000 url(/assets/templates/scl/images/bgrossbutton.gif) no-repeat right;
}

#content .rossbutton a:link, #content .rossbutton a:visited {
color: #ECECED;
display: block;
}

#content .rossbutton a:hover, #content .rossbutton a:active, #content .texbutton a:hover, #content .texbutton a:active {
text-decoration: none;
}

.texbutton {
border: 1px solid #4c4c4c;
background: #fff url(/assets/templates/scl/images/bgtexbutton.gif) no-repeat right;
}

#content .texbutton a:link, #content .texbutton a:visited {
color: #0045e0;
display: block;
}

.newsinfo {
display: block;
float: left;
background: #7B7B7B;
font-size: 0.7em;
letter-spacing: 1px;
height: 31px;
line-height: 31px;
padding: 4px 15px 0 15px;
color: #fff;
margin: 0 10px 0 0;
}