/* styles for Resources For Learning minisite */

* {

margin: 0px;
padding: 0px;

}

html {

margin: 0px;
padding: 0px;

margin-left: -1px;
overflow-y: scroll;

}

body {

/* height: 100%; */
margin: 0px 0px 0px 0px;
padding: 30px 0px 0px 0px;
text-align: center;

font-family: arial, helvetica, sans-serif;
font-size: x-small;

background: #fff;

/* adjust font-size for everything but ie5 */
voice-family: "\"}\"";
voice-family: inherit;
font-size: small;

}

html>body {

font-size: small;
margin-left: 0px;

}

/* end ie5 fontsize fix */


#container {

position: relative;
width: 830px;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px 0px 10px 0px;
border: 0px;
text-align: left;
background: #fff;


}


/* -------------------------- Tony Aslett float-clearing technique ------------------------------------ */

/* following rule adds a cleared element after container */
/* this forces non IE browsers to enclose any floated elements in container */

#container:after {

content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;

}

/* following rule is for ie mac float problem */
#container {

display: inline-table;

}


/* following hack is for ie win only */

/* Hides from IE-mac \*/
* html #container {

height: 1%;

}

/* now reset display property for everything except ie mac */
#container {

display: block;

}
/* End hide from IE-mac */



/* -------------------------- end Tony Aslett float-clearing technique ------------------------------------ */





/* ------------------- hidden links ------------------- */

#skiplinks, #skipnav, #skipcontent, #skiplogin, #flashsniffer {

display: block;
position: absolute;
left: -999px;
width: 990px;

}

/* h1 also uses the smart leahy/langridge image replacement (LIR) technique */
h1 {

padding: 47px 0 0 0;
margin: 0px;
overflow: hidden;
    
height: 0px !important;
height /**/:47px;
	
background: url("../img/design/rfl_type.gif") no-repeat 0px 0px;
	
}

#mainmenu {

height: 40px;
background: #fbf5eb;

}

#mainmenu ul {

list-style: none;
margin: 0px;
padding: 13px 0px 0px 43px;

}

#mainmenu li {

float: left;

}

#mainmenu a, #mainmenu a:link, #mainmenu a:active, #mainmenu a:visited, #mainmenu a:hover {

display: block;

padding: 22px 0 0 0;
margin: 0px;
overflow: hidden;
    
height: 0px !important;
height /**/:22px;

}

#mainmenu #menu_aboutus {

width: 216px;
background: url("../img/design/menu_aboutus.gif") no-repeat 0px 0px;

}

#mainmenu #menu_ourwork {

width: 216px;
background: url("../img/design/menu_ourwork.gif") no-repeat 0px 0px;

}

#mainmenu #menu_ourpeople {

width: 216px;
background: url("../img/design/menu_ourpeople.gif") no-repeat 0px 0px;

}


#mainmenu #menu_contactus {

width: 100px;
background: url("../img/design/menu_contactus.gif") no-repeat 0px 0px;

}

div.msg {

margin: 50px 0px 250px 30px;

}

div.msg h2 {

/*width: 350px;*/
padding: 43px 0px 0px 0px;
margin: 0px 0px 0px 0px;
overflow: hidden;
    
height: 0px !important;
height /**/:43px;

}

div.msg p {

/*width: 350px;*/
padding: 100px 0px 0px 0px;
margin: 0px 0px 0px 0px;
overflow: hidden;
    
height: 0px !important;
height /**/:100px;

}

#msg_aboutus h2 {

background: url("../img/design/msg_h2_aboutus.gif") no-repeat 0px 0px;

}

#msg_aboutus p {

background: url("../img/design/msg_p_aboutus.gif") no-repeat 0px 0px;

}

#msg_ourpeople h2 {

background: url("../img/design/msg_h2_ourpeople.gif") no-repeat 0px 0px;

}

#msg_ourpeople p {

background: url("../img/design/msg_p_ourpeople.gif") no-repeat 0px 0px;

}

#msg_ourwork h2 {

background: url("../img/design/msg_h2_ourwork.gif") no-repeat 0px 0px;

}

#msg_ourwork p {

background: url("../img/design/msg_p_ourwork.gif") no-repeat 0px 0px;

}


#msg_contactus h2 {

background: url("../img/design/msg_h2_contactus.gif") no-repeat 0px 0px;

}

#msg_contactus p {

background: url("../img/design/msg_p_contactus.gif") no-repeat 0px 0px;

}

#msg_contactthankyou h2 {

background: url("../img/design/msg_h2_contactthankyou.gif") no-repeat 0px 0px;

}

#msg_contactthankyou p {

background: url("../img/design/msg_p_contactthankyou.gif") no-repeat 0px 0px;

}

#msg_home h2 {

background: url("../img/design/msg_h2_home.gif") no-repeat 420px 0px;

}

#msg_home p {

background: url("../img/design/msg_p_home.gif") no-repeat 420px 10px;

}


#maincontent, #maincontenthome {

margin: 0px 0px 20px 45px;
paddding: 0px 0px 0px 0px;
width: 400px;
float: left;
/* ie double margin fix */
display: inline;

}


#maincontent h2, #maincontenthome h2 {

padding: 32px 0px 0px 0px;
margin: 0px 0px 0px 0px;
/*margin: 0px 0px 0px -5px;*/
overflow: hidden;
    
height: 0px !important;
height /**/:32px;

}

/*h2.maincontenth2 {

width: 500px;

}*/

#main_h2_home {

background: url("../img/design/main_h2_home.gif") no-repeat 0px 0px;

}


#main_h2_aboutus {

background: url("../img/design/main_h2_aboutus.gif") no-repeat 0px 0px;

}

#main_h2_ourwork {

background: url("../img/design/main_h2_ourwork.gif") no-repeat 0px 0px;

}

#main_h2_ourpeople {

background: url("../img/design/main_h2_ourpeople.gif") no-repeat 0px 0px;

}

#main_h2_contactus {

background: url("../img/design/main_h2_contactus.gif") no-repeat 0px 0px;

}

#main_h2_howdowework {

background: url("../img/design/main_h2_howdowework.gif") no-repeat 0px 0px;

}

#main_h2_swpresentation {

background: url("../img/design/main_h2_swpresentation.gif") no-repeat 0px 0px;

}


#maincontent h3 {

/*width: 350px;*/
margin: 30px 0px 0px 0px;
padding: 22px 0px 0px 0px;
overflow: hidden;

color: #e46926;
    
height: 0px !important;
height /**/:22px;

}

#main_h3_rfl {

background: url("../img/design/main_h3_rfl.gif") no-repeat 0px 0px;

}

#main_h3_howcanwehelp {

background: url("../img/design/main_h3_howcanwehelp.gif") no-repeat 0px 0px;

}

#main_h3_whatdowedo {

background: url("../img/design/main_h3_whatdowedo.gif") no-repeat 0px 0px;

}

#main_h3_web {

background: url("../img/design/main_h3_web.gif") no-repeat 0px 0px;

}

#main_h3_print {

background: url("../img/design/main_h3_print.gif") no-repeat 0px 0px;

}

#main_h3_interactive {

background: url("../img/design/main_h3_interactive.gif") no-repeat 0px 0px;

}

#main_h3_dvd {

background: url("../img/design/main_h3_dvd.gif") no-repeat 0px 0px;

}

#main_h3_dvdvideo {

background: url("../img/design/main_h3_dvdvideo.gif") no-repeat 0px 0px;

}


#main_h3_ci {

background: url("../img/design/main_h3_ci.gif") no-repeat 0px 0px;

}

#main_h3_gk {

background: url("../img/design/main_h3_gk.gif") no-repeat 0px 0px;

}

#main_h3_th {

background: url("../img/design/main_h3_th.gif") no-repeat 0px 0px;

}

#main_h3_jo {

background: url("../img/design/main_h3_jo.gif") no-repeat 0px 0px;

}

#main_h3_wl {

background: url("../img/design/main_h3_wl.gif") no-repeat 0px 0px;

}

#main_h3_gb {

background: url("../img/design/main_h3_gb.gif") no-repeat 0px 0px;

}


#main_h3_phone {

background: url("../img/design/main_h3_phone.gif") no-repeat 0px 0px;

}

#main_h3_address {

background: url("../img/design/main_h3_address.gif") no-repeat 0px 0px;

}


#main_h3_howdowework {

background: url("../img/design/main_h3_howdowework.gif") no-repeat 0px 0px;

}

#main_h3_codeofethics {

background: url("../img/design/main_h3_codeofethics.gif") no-repeat 0px 0px;

}

#maincontent h4 {

color: #a79386;

}

#maincontent p {

width: 350px;
padding: 0px 0px 0px 0px;
margin: 15px 0px 0px 0px;

}


#maincontent p.pdflink {

padding: 0px 0px 10px 20px;
background: url("../img/design/pdf_icon.gif") no-repeat top left;

}

#maincontent p.resourcedownloadwin {

padding: 0px 0px 10px 24px;
background: url("../img/design/iconresourcelaunchwin.gif") no-repeat top left;

}

#maincontent p.resourcedownloadmac {

padding: 0px 0px 10px 24px;
background: url("../img/design/iconresourcelaunchmac.gif") no-repeat top left;

}

#maincontent p.mpglink, #maincontenthome p.mpglink  {

padding: 0px 0px 10px 20px;
background: url("../img/design/mpg_icon.gif") no-repeat top left;

}


#maincontent a, #maincontent a:link, #maincontent a:visited, #maincontent a:active {

text-decoration: none;
color: #e87a31;

}

#maincontent a:hover {

text-decoration: underline;

}


#maincontent ul {

list-style: circle;
color: #e46926;
width: 450px;
padding: 0px 0px 0px 0px;
margin: 15px 0px 0px 5px;

}

#maincontent ul li {

padding: 0px 0px 0px 0px;
margin: 5px 0px 0px 10px;

}

#maincontent ul li span.listtext {

color: #000;

}

#maincontent .note {

color: #918c86;
font-size: x-small;

}

#maincontent div.ourworkitem {

margin: 20px 0px 20px 0px;
padding: 0px;
clear: left;

}

#maincontent div.ourworkitem p {


}

#maincontent div.ourworkitem p.mpglink {

margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 20px;

}

#maincontent div.ourworkitem img {

margin: 0px 10px 10px 0px;
border: 1px solid #ebe9df;
float: left;

}

#maincontent div.ourworkitem h4 {

margin: 0px 0px 0px 0px;

}

#maincontent div.ourworkitem h4 a {

text-decoration: none;
color: #f38e40;

}

#maincontent div.ourworkitem h4 a:hover {

text-decoration: underline;

}


#maincontent div.ourworkitem p {

margin-top: 5px;

}



#maincontent img.ourpeoplepicture {

margin: 15px 10px 5px 0px;
border: 1px solid #ebe9df;
float: left;

}

#maincontent div.ourpeopleitem {

width: 500px;
float: left;

}

#maincontent div.ourpeopleitem p {

width: 350px;
float: left;

}

#maincontent #contactform {

margin: 10px 0px 0px 0px;

}

/* styles for forms */

#maincontent form {

margin: 0px;
padding: 0px 25px 10px 0px;

}

	
#maincontent label {

padding: 0px 5px 0px 0px;
margin: 0px;

}

#maincontent input {

margin: 5px 0px 10px 0px;
border: 1px solid #dfd4cb;

}

#maincontent select {

margin: 5px 0px 10px 0px;
font-size: x-small;

}

#maincontent option {


}

#maincontent textarea {

margin: 5px 0px 10px 0px;
border: 1px solid #dfd4cb;

}

#maincontent fieldset {

padding: 15px;
margin: 0px 0px 15px 0px;
border: 1px solid #ccc;

}

	
#maincontent legend {

font-weight: bold;
padding: 5px;
color: #999;

}


#maincontent #sendbutton {

margin: 0px 0px 10px 0px;

}


#homenews {

width: 400px;
margin: 10px 0px 0px -5px;
padding: 10px 0px 20px 0px;
border: 15px solid #ebdec3;

}

#homenews .homenewsitem {

width: 350px;
margin: 0px 0px 20px 20px;
padding: 0px 0px 5px 0px;
border-bottom: 2px dotted #a5a5a5;

}

#homenews h3 {

margin: 10px 0px 15px 0px;
padding: 0px 0px 0px 0px;
overflow: visible;

color: #e46926;

}

#homenews p {

margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;

}

#homenews p a {

/* font-weight: bold; */
text-decoration: none;
color: #e46926;

}

#homenews p a:hover {

text-decoration: underline;

}

#homenews .newsfooter {

margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;

}

#homenews .newsfooter p {



}

#homenews p.newsdate {

margin: -5px 0px 0px 0px;
padding: 0px;
color: #a5a5a5;
text-align: right;

}


#homenews p.newsmore {

margin: 0px 0px 0px 0px;

}

#homenews p.newsmore a {

font-weight: normal;
text-decoration: none;
color: #e46926;

}

#homenews p.newsmore a:hover {

text-decoration: underline;

}


#homenews p.morenews {

margin: 0px 20px 0px 0px;
text-align: right;

}

#homenews p.morenews a {

color: #e46926;

}


#secondarycontent {

/*width: 300px;*/

margin: 42px 0px 0px 100px;
padding: 0px 0px 0px 0px;


float: left;

}

#secondarycontent.home {

height: 500px;
background: url("../img/design/seccontent_bg_afrodude.gif") no-repeat 150px 300px;

}

#secondarycontent div.homefeaturebox {

width: 210px;
/*height: 80px;*/
margin: 0px 0px 20px 0px;
padding: 6px 6px 6px 6px;
border: 2px solid #d2c9c0;

}

#secondarycontent div.homefeaturebox a {

color: #de6012;
text-decoration: none;

}

#secondarycontent div.homefeaturebox a:hover {

text-decoration: underline;

}

#secondarycontent div.homefeaturebox p {

width: 106px;
margin: 6px 0px 0px 0px;
color: #de6012;

}

#goggleboxfeature {

background: url("../img/design/homefeature_bg_gogglebox.gif") no-repeat 120px 6px;

}

#emailfeature {

background: url("../img/design/homefeature_bg_question.gif") no-repeat 120px 6px;

}

#goggleboxfeature h2 {

width: 106px;

padding: 20px 0 0 0;
margin: 0px;
overflow: hidden;
    
height: 0px !important;
height /**/:20px;

background: url("../img/design/homefeature_h2_gogglebox.gif") no-repeat 0px 0px;

}

#emailfeature h2 {

width: 106px;

padding: 42px 0 0 0;
margin: 0px;
overflow: hidden;
    
height: 0px !important;
height /**/:42px;

background: url("../img/design/homefeature_h2_question.gif") no-repeat 0px 0px;

}


#secondarycontent div.contactbox {

width: 210px;
/*height: 80px;*/
margin: 10px 0px 10px 0px;
padding: 6px 6px 6px 6px;
border: 2px solid #d2c9c0;

}

#secondarycontent div.contactbox a {

color: #de6012;
text-decoration: none;

}

#secondarycontent div.contactbox a:hover {

text-decoration: underline;

}

#secondarycontent div.contactbox p {

/* width: 106px; */
margin: 10px 0px 0px 0px;
color: #de6012;

}

#phonebox {

/* background: url("../img/design/homefeature_bg_gogglebox.gif") no-repeat 120px 6px; */

}

#addressbox {

/* background: url("../img/design/homefeature_bg_question.gif") no-repeat 120px 6px; */

}

#phonebox h3 {

/* width: 106px; */

padding: 22px 0 0 0;
margin: 0px;
overflow: hidden;
    
height: 0px !important;
height /**/:20px;

background: url("../img/design/main_h3_phone.gif") no-repeat 0px 0px;

}

#addressbox h3 {

/* width: 106px; */

padding: 22px 0 0 0;
margin: 0px;
overflow: hidden;
    
height: 0px !important;
height /**/:42px;

background: url("../img/design/main_h3_address.gif") no-repeat 0px 0px;

}

#linkstitle {

padding: 42px 0 0 0;
margin: 0px 0px 0px 24px;
overflow: hidden;
    
height: 0px !important;
height /**/:42px;
	
background: url("../img/design/links.gif") no-repeat 0px 0px;

}



#linkslist {

list-style: none;
margin: 10px 0px 0px 24px;
padding: 0px;

}

#linkslist li {

margin: 0px;
padding: 5px 0px 5px 3px;

}

#linkslist li a {

text-decoration: none;
color: #e87a31;

}

#linkslist li a:hover {

text-decoration: underline;

}


#footer {

width: 830px;
margin: 20px 0px 0px 0px;
padding: 10px 0px 0px 0px;

border-top: 2px solid #dfd4cb;
float: left;

}


#footer p {

color: #918c86;
font-size: x-small;

}

#footer div.cpyrght {

/*width: 300px;*/
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;

}

#footer div.address {

/*width: 530px;*/
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
float: right;

}

.error {

color: #c30;

}