/* CSS Document */

html, body{
height:100%;
}

body {
background-color:#000000;
margin-top:0px;
}

#bottom{
display:block;
position:relative;
top:-130px;
left:2px;
width:997px;
height:100%;
}
 

#wholePage{
margin-left:auto;
margin-right:auto;
width:1000px;
height:100%;
}

#banner{
position:relative;
top:0px;
left:2px;
width:999px;
height:139px;
background-image:url(images/SmsafetyBANNER.gif);
z-index:99;
}



#bannerText{
position:relative;
left:240px;
top:45px;
width:600px;
font-size:25pt;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#ee0000;
}


#left{
position:absolute;
top:130px;
left:0px;
width:183px;
height:100%;
}

#right{
position:absolute;
top:165px;
left:818px;
width:182px;
height:100%;
color:#000000;
}

#content{
position:absolute;
top:130px;
left:0px;
width:999px;
height:auto;

padding-bottom:50px;
background-image:url(images/background-stripe.gif);
background-position:top;
background-repeat:repeat;

border-left-style:solid;
border-left-width:0px;
border-left-color:#000000;

border-right-style:solid;
border-right-width:0px;
border-right-color:#000000;

}

#affiliate{

padding-top:50px;
padding-left:260px;
}

.imageRight{
float:right;
border-style:solid;
border-width:0px;
border-color:#888888;
margin:5px;
margin-right:0px;
}

.imageLeft{
float:left;
border-style:solid;
border-width:1px;
border-color:#888888;
margin:5px;
margin-left:0px;
}

.imageBig{
text-align:center;
float:right;
border-style:solid;
border-width:0px;
border-color:#888888;
margin:5px;
margin-left:8px;
}

#headingicon{
position:relative;
top:10px;
left:200px;
width:122px;
height:69px;
background-image:url(images/emptyheading.gif);
}

#smartText{
position:absolute;
top:28px;
left:13px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#ffffff;
font-size:8pt;

}
#headingText{
position:relative;
top:28px;
left:60px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FF0000;
font-size:8pt;
}



.bodytext{
padding-top:10px;
padding-left:200px;
padding-right:200px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#555555;
}



#menu{
position:relative;
top:28px;
right:20px;
}

#menu li a{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#dd0000;
text-decoration : none;
}

#menu a:hover{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#333333;
text-decoration : underline;
}

.contactEmail a{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#000000;
text-decoration : none;
}

.contactEmail a:hover{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#333333;
text-decoration : underline;
}

li.toplevel{
list-style-type: none; 
list-style-image: none; 
margin-top:40px;
padding-left:5px;
}

li.sublevel{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#FF0000;
text-decoration : none;
}


/*Courses*/
.courseRow{
padding-top:20px;
}

.courseTitle{
font-weight:bold;
color:#000000;
}

.courseDetails{
padding-top:5px;
font-weight:normal;
font-size:9pt;
}

.courseSection{
position:relative;
right:6px;
padding-left:10px;
padding-top:7px;
height:35px;
width:605px;
font-weight:normal;
color:#000000;
background-image:url(images/BARgrey.jpg);
background-repeat:no-repeat;
}

.coursePrice{
display:none;
}

.pageTitle{
position:relative;
right:6px;
padding-left:10px;
padding-top:7px;
height:35px;
width:605px;
font-weight:bold;
color:#000000;
background-image:url(images/BARgrey.jpg);
background-repeat:no-repeat;
}


/*Right*/
#contact{
position:relative;
top:20px;
left:10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#000000;
}

.contactPhoneRow{
height:50px;
margin-bottom:20px;
background-image:url(images/iconPHONE.gif);
background-repeat:no-repeat;
}

.contactMobileRow{
height:50px;
margin-bottom:20px;
background-image:url(images/iconMOB.gif);
background-repeat:no-repeat;
}
.contactSkypeRow{
height:50px;
margin-bottom:20px;
background-image:url(images/iconSKYPEred.gif);
background-repeat:no-repeat;
}
.contactEmailRow{
height:50px;
margin-bottom:20px;
background-image:url(images/iconEMAIL.gif);
background-repeat:no-repeat;
}

.contactFacebookRow{
height:50px;
margin-bottom:10px;
text-align: left;
}

.contactMSNRow{
height:20px;
margin-bottom:20px;
text-align:left;
}

.contactEmail{
font-size:12px;
margin-left:-30px;
}

.contactMethod{
padding-left:35px;
padding-top:5px;
color:#444444;
}

.contactDetail{
margin-left:35px;
padding-top:10px;
}

#footer{
position:relative;
top:30px;
height:20px;
left:183px;
width:632px;

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

color:#bbbbbb;
font-size:8pt;
text-align:center;
}

#footer a:link {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#bbbbbb;
text-decoration : none;
}

#footer a {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#bbbbbb;
text-decoration : none;
}

#footer a:hover {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#888888;
text-decoration : none;
}

.contentPane{
position:relative;
margin:20px;
bottom:230px;
left:40px;
}