@charset "UTF-8";
/* CSS Document */

/* Generic Selectors */

body {

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

color: #000000;

background-image: url(images/back1.gif);

background-repeat: repeat;


}

p {

width: 90%;

line-height: 140%;

}

a:link{

color: #F6262A;

text-decoration: underline;

font-weight: bold;

}

a:visited {

color: #F6262A;

text-decoration: underline;

font-weight: bold;

}

a:hover {

color: #FAA5A6;

text-decoration: none;

font-weight: bold;

}


b {

font-weight:bold;

} 

i {

font-style:italic;

}


smp {

font-family: Arial, Helvetica, sans-serif;

font-weight:bold;

font-size: 10px;

color: #000000;

text-align:center;

}

smp :link{

color: #F6262A;

text-decoration: underline;

font-weight: bold;


}

smp a:hover{

color: #FAA5A6;

text-decoration: none;

font-weight: bold;

}

smp a:visited{

color: #F6262A;

text-decoration: underline;

font-weight: bold;

}


h1 {

font-family: Arial, Helvetica, sans-serif;

font-size: 14px;

font-weight: bold;

color: #4DC8E9;

line-height: 140%;

}

h2 {

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight: bold;

color: #000000;

}

h3 {

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

font-weight: bold;

color: #F6262A;

line-height: normal;

}

a2 {

font-family:Arial, Helvetica, sans-serif;

font-size: 12px;

letter-spacing: 150%;

font-weight: bold;

color:#FFFFFF;

}

a2:hover {

font-family:Arial, Helvetica, sans-serif;

font-size: 12px;

letter-spacing: 150%;

font-weight: bold;

color: #F6262A;

}

ul.services {

position:relative;

padding:0 0 0 0; 

margin: 0 15px 0 15px;

border:0px;

list-style-position: outside;

list-style-type: square;

line-height: 170%;

}

.services a:link {

color: #F6262A;

text-decoration: underline;

font-weight: bold;

}

.services a:visited {

color: #F6262A;

text-decoration: underline;

font-weight: bold;

}

.services a:hover {

color: #FAA5A6;

text-decoration: none;

font-weight: bold;

}

ul.leftbarsub {

position:relative;

display: inline-block;

background-color:#00FF00;

height: 500px;

width: 200px;

padding:20px 0 0 20px; 

margin: 0 0 0 0px;

color:#FFFFFF;

line-height: 170%;

font-weight: none;

list-style-type: square;

border-bottom: 1px solid #FFFFFF;

}

.leftbarsubs a:link {

color:#FFFFFF;

text-decoration: none;

font-weight: none;


}

.leftbarsu a:visited {

color: #FFFFFF;

text-decoration: none;

font-weight: none;


}

.leftbarsub a:hover {

color: #FFFFFF;

text-decoration: underline;

font-weight: bold;



}

ul.smnav{

float:left;

padding:0px; 

margin:0px;

border:0px;

font-family: Arial, Helvetica, sans-serif;

font-size: 9px;

color: #FFFFFF;

list-style:none;

}

.smnav a:link{

color:#FFB91E;

text-decoration:underline;

}

.smnav a:hover {

color:#FFFFFF;

text-decoration: none;

}

.smnav a:visited{

color:#FFB91E;

text-decoration:underline;

}

ul.servicebar{

font-family: Arial, Helvetica, sans-serif;

font-size:9px;

color:#FFFFFF;

list-style: square;

}


/**************** Pseudo classes ****************/





/************************* ID's *************************/

#container{

float:left;

margin-top:15px;

width: 800px;

border: 2px solid #000000;

z-index: 1;

background-image: url(images/leftbar_overflow.gif);

background-repeat:repeat-y;

background-position:left;

background-color:#FFFFFF;

}

#content{

padding: 0px 0px 0 0;

margin-top: 0px;

margin-bottom: 30px;

margin-left: 250px;

margin-right: 220px;

border-right: 1px solid gray;

z-index:1;


}

#top{

display: block;

position: relative;

width: 800px;

margin-top: 0px;

margin-left: 0px;

height: 70px;

z-index:20;


}


#leftbar{

float: left;

position:relative;

margin-top: 0px;

display:block;

width: 223px;

height: 715px;

z-index: 1;

background-image:url(images/msc_bar_back.gif);

background-repeat: repeat-x;

background-position: 0% 400px;

}


#leftbar2{

float: left;

position:relative;

margin-top: 0px;

display:block;

width: 223px;

height: 715px;

z-index: 1;

background-image:url(images/msc_bar_back.gif);

background-repeat: repeat-x;

background-position: 0% 225px;

}

#rightbar{

float:right;

margin-right: 0px;

width: 218px;

display: block;

}

#bottombar{

clear: both;

margin-bottom: 0px;

float: none;

padding: 0px 0 0 0;

width: 800px;

height: 52px;

background-image: url(images/red_bar.gif);

background-position: center;

background-color: #F6262A;

background-repeat: no-repeat;

z-index: 15;

}

#rssfeed{

position: relative;
border:0px;
margin-top: 0px;
margin-left: 0px;
z-index: 15;
display: block;
width: 218px;
height: 60px;
background: url(images/request.gif) no-repeat;
background-position: center;

}

#rssfeed_text{
position:relative;
width: 218px;
text-align:center;
margin-top: 5px;
margin-left: 0px;
}

#bottom_wrapper{
clear: left;
padding: 12px 0 0 0px;
width: 800px;
height:30px;

}

#bottom_navi{

float: left;

text-align:left;

}

#copyright{

float:right;

text-align:left;

}

#wrapper{

margin-left: 5%;

width: 800px;

}

#testimonial{

padding:0;
border:0;
float:right;
width: 192px;
height: 325px;
text-align:right;
margin-top: 38px;

}

#contact_info{
float:right;
position:relative;
padding:0;
border:0;
margin:0px;
width: 218px;
text-align:center;
padding-top: 140px;
background-image: url(images/logo.gif);
background-repeat: no-repeat;
background-position: center 40px;
}

#imageplacement{

position:relative;
float:left;
margin-top:-70px;
width:223px;
height:472px;
}

#bulletwrap{

display:block;
position:relative;
float:left;
margin-bottom:15px;
width:auto;
height:auto;

}

#rollbutton a{
display:block;
position:relative;
padding:0;
border:0;
float:left;
text-align:left; 
width:110px;
height:65px; 
background-image: url(images/button_07.png);
background-position: 0 0 no-repeat;
}
#rollbutton a:hover{
background-position: -113px 0;
}

#rollbutton2 a{
display:block;
position:relative;
padding:0;
border:0;
float:left;
text-align:left; 
width:70px;
height:65px; 
background-image: url(images/button_09.png);
background-position: 0 0 no-repeat;
}
#rollbutton2 a:hover{
background-position: -74px 0;
}

#navlist{
padding-left: 0;
margin: 0;
width: auto;
border-bottom: 1px solid #1E3C58;

}

#navlist li{
list-style: none;
color:#FFFFFF;
text-decoration:none;
font-weight:none;
margin: 0 0px 0 0px;
padding: 8px 0 8px 20px;
border-top: 1px solid #1E3C58;
}

#navlist li a { 
color:#FFFFFF;
text-decoration:none;
font-weight:normal;
}

#navlist li a:hover{ 
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}

#navlist .navact a{
font-weight: bold;
color:#4DC8E9;
}

#navlist .navact a:hover{
font-weight: bold;
color:#4DC8E9;
}

#navlist .navact a:visited{
font-weight: bold;
color:#4DC8E9;
}

/********************* Tabs ****************************/

ul.tab{
height:22px;
padding:0;
margin:0;
border:0;
position:relative;
float:right;
list-style:none;
width:100%;
}
.tab li{
float:right; 
margin-right:0px; 
list-style:none; 
width:82px;
}

.tab li:hover ul{ 
display: block; 
}

.tab a:link, .tab a:visited{
background:url(images/right.gif) right 0px;
color:#FFFFFF;
display:block;
font-weight:bold;
font-size:9px;
text-align:center;
height:22px;
line-height:20px;
text-decoration:none;
}
.tab a span{
background:url(images/left.gif) left 0px;
background-repeat:no-repeat;
display:block;
height:22px;
margin-right:10px;
padding-left:10px;
}
.tab a:hover{
background:url(images/right_roll.gif) right 0px;
display:block;
font-weight:bold;
color:#F6262A;
}
.tab a:hover span{
background:url(images/left_roll.gif) left 0px;
display:block;
background-repeat:no-repeat;
}

/* -------------------------------- */
/* ACTIVE ELEMENTS */
.active a:link, .active a:visited, .active a:visited, .active a:hover{
background:url(images/right_roll.gif) right 0 no-repeat;
font-weight:bold;
color:#F6262A;
}
.active a span, .active a:hover span{
background:url(images/left_roll.gif) left 0 no-repeat;
}


/* -------------------------------- */
/* DROP DOWN MENU */

ul.dropdown{
position:relative;
margin-left: 0px;
padding-left: 0;
width:200px;
height:auto;
background-image:none;
background-color:#F6262A;
display:none;
text-align:left;
z-index:20;

}
.dropdown li
{
display: inline;
width: 200px;
list-style-type: none;
border-bottom:1px solid #FFFFFF;
background-image:none;
background-color:#F6262A;
padding-left:14px;
padding-right:0px;
text-align:center;

}

.dropdown a { 
padding: 0px 0px;
text-align:left;

}

.dropdown a:link, .dropdown a:visited
{
background-image:none;
color: #FFFFFF;
text-decoration: none;
text-align:left;

}

.dropdown a:hover
{
background-image:none;
color: #FFBD1B;
font-weight:bold;
text-decoration: none;
text-align:left;
}

/* -------------------------------- */
/* Left Bar Image Float */


.floatleft{

float:left;

}