﻿/*** CSS - Designed by The Computer Wizard - All Rights Reserved ***/

/*** Version: 1.0, July 18, 2008 ***/

/******** Global tags ********/
/******** Global tags ********/
/******** Global tags ********/

body{
font:76% Verdana,Tahoma,Arial;
background: #FFF1BD;
color:#404040;
line-height:1.2em;
margin:0 auto;
padding:0;
}

a{
text-decoration:none;
color: #993300;
font-weight:bold;
}

a:hover{text-decoration:underline;}

a img{border:0;}
p{margin:0 0 18px 10px;}
dl{font-size:0.9em; margin:2px 0 16px 35px;}
ol{font-size:0.9em; margin:2px 0 16px 35px;}
ul{font-size:0.9em; margin:2px 0 16px 35px;}
ol ol{margin:4px 0 4px 35px;}

ul ul{margin:4px 0 4px 35px;}

h1{
font-size:24px;
letter-spacing:0px;
margin:20px 20px 30px 25px;
color:#4088b8;
}

h1 a{text-transform:none; color:#993300;}

h2{
font-size:1.4em;
color:#993300;
border-bottom:4px solid #dadada;
padding:0 2px 2px 5px;
margin:0 0 10px 0;
letter-spacing:-1px;
}

h3{
font-size:1.2em;
font-weight:bold;
color:#993300;
border-bottom:1px solid #dadada;
margin:10px 0 8px 0;
padding:1px 2px 2px 3px;
}

blockquote{
font-size:0.9em;
border:1px solid #dadada;
margin:20px 10px;
padding:8px;
}

/******** Main Body Wrap ********/
/******** Main Body Wrap ********/
/******** Main Body Wrap ********/

#body-wrap{
background-color:white;
color:#404040;
width:771px;
margin:5px auto;
padding:0;
}

/******** Header ********/
/******** Header ********/
/******** Header ********/

#header {
margin:100;
height:80px;
}

#header h1{
margin:0 0 0 6px;
color: #993300;
text-align:center;
}

#header h2{
color:white;
}

#header h3{
font-size:1.2em;
font-weight:bold;
color:#993300;
text-align:center;
border-bottom:none;
}

#header p{
color:white;
float:right;
width:auto;
padding:5px;
}

/******** Navigation L ********/
/******** Navigation L ********/
/******** Navigation L ********/

#navigation_left{
background-color: #757474;
color: white;
height:30px;
}

/******** Navigation R ********/
/******** Navigation R *******/
/******** Navigation R ********/

#navigation_right{
background-color: #EB0B00;
color: white;
height:30px;
text-align:right;
padding-right:8px
}

#navigation_right a{
text-decoration:none;
color: white;
font-weight:bold;
}


#navigation_right p{
margin:0px;
padding:5px;
}

/******** SIDEBAR L ********/
/******** SIDEBAR L ********/
/******** SIDEBAR L ********/

#l-sidebar{
background-color: #757474;
color: white;
height:30px;
vertical-align:top
}

#l-sidebar ul{
background-color:#000000;
list-style: circle;
border-style:solid;
border-width:1px;
border-color:yellow;
font-size:0.9em;
margin-top:0px;
margin-bottom:20px;
margin-left:8px;
margin-right:8px;
padding:0px 0px 10px 10px;
}

#l-sidebar ul.red{
background-color: #EB0B00;
list-style: circle;
border-style:solid;
border-width:1px;
border-color:yellow;
font-size:0.9em;
margin-top:0px;
margin-bottom:20px;
margin-left:8px;
margin-right:8px;
padding:0px 0px 10px 10px;
}

#l-sidebar li{
list-style: none;
margin:0 0 4px 0;
padding:0;
}

#l-sidebar li a{
font-size: small;
font-weight: normal;
color: white;
padding:2px;
}

#l-sidebar ul ul{
margin:4px 0 3px 15px;
line-height:1.2em;
padding:0;
}

#l-sidebar ul ul li a{font-weight:normal;}

#l-sidebar h2{margin:3px 0px 8px 0px;}

/******** Content ********/
/******** Content ********/
/******** Content ********/

#content{
background-color:white;
width:450px;
text-align:left;
margin:0px;
padding:4px;
vertical-align:top
}

#content p {padding:4px;}
}	
#content h2{margin:3px 0px 8px 0px;}

#content h3{margin:10px 0 8px;}

#content ul{
margin:20px;
padding:0 0 15px 10px;
}

#content li{
margin:5px;
padding:5px;
}

#contentalt{
line-height:1.5em;
float:left;
text-align:left;
padding:0;
margin-right:20px;
}

#contentalt h3{margin:10px 0 8px;}

/******** r-sidebar ********/
/******** r-sidebar ********/
/******** r-sidebar ********/

#r-sidebar{
float:right;
width:180px;
background-color:white;
margin:5px;
padding:1px;
}

#r-sidebar h2{margin:3px 0px 8px 0px;}

#r-sidebar ul{
list-style:none;
font-size:0.9em;
margin:0;
padding:0 0 15px 10px;
}

#r-sidebar li{
list-style:none;
margin:0 0 4px 0;
padding:0;
}

#r-sidebar li a{
font-size:1.2em;
font-weight:bold;
padding:2px;
}

#r-sidebar ul ul{
margin:4px 0 3px 15px;
line-height:1.2em;
padding:0;
}

#r-sidebar ul ul li a{font-weight:normal;}

/******** Footer ********/
/******** Footer ********/
/******** Footer ********/

#footer{
clear:both;
text-align:center;
color:   #000000;
font-size:0.9em;
background-color: #757474;
border-top:4px solid #dadada;
margin:0 auto;
padding:8px 0;
line-height:1.6em;
}

#footer p{margin:0; padding:0;}
#footer a{color: #FFF1BD;font-weight:bold;}
#footer a:hover{text-decoration:underline;}


/******** Various classes ********/
/******** Various classes ********/
/******** Various classes ********/

.box{
color:#ffffff;
font-size:0.9em;
background-color:#4088b8;
border:1px solid #c8c8c8;
line-height:1.3em;
padding:5px 5px 5px 8px;
}

.box a{color:#f0f0f0;}
.left{float:left; margin:0 15px 4px 0;}
.right{float:right; margin:0 0 4px 15px;}
.textright{text-align:right;}
.readmore{text-align:right; margin:-10px 10px 12px 0;}

.center{text-align:center;}
.blue{color:#4088b8;}
.red{ background-color:red;}
.big{font-size:1.3em;}
.small{font-size:0.8em;}
.bold{font-weight:bold;}

.clear{clear:both;}
.hide{display:none;}
.fade{color:#c8c8c8;}
.gray{color:#808080;}

.photo{
border:1px solid #bababa;
padding:2px;
background-color:#ffffff;
margin:6px 18px 2px 5px;
}