/* Redefine tags
-------------------------------------------------------------- */
body{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-image:url(../images-mywex/mywexhome.png);
	background-position: center top;
	background-repeat: no-repeat;
}

p, li{
font-size: 1.2em;	
}
li{
	margin-bottom: 10px;
}

ul, ol {margin-left: 60px;

}

ul.stylelist, ul.tick{
	list-style-type: none;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 5px;
	padding: 10px;
 
	padding-left: 0px;
	
}
h1 {
	font-size:1.9em;
 font-family: Helvetica, "Helvetica Neue", Tahoma, Verdana, Geneva, sans-serif;
	margin-bottom:0.4em;
	margin:0 1em 1.5em 1em;
	color: #4E3B2B;
	font-weight:bold;
	}
h2 {
	font-size:1.4em;
	color: #900;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:1em 1em 1em 1em;
}
h3{
	font-size:1.3em;
	color: #036;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:1em 1em 1em 1em;
}
h4 {
	font-size:1.4em;
	color: #900;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:1em 1em 1em 1em;
}
 a:focus, a:hover {
	color: #930;
	text-decoration:underline;
 }
a {color: #900;
text-decoration:none;}
a[href^="http:"]          { background-image: none; } 
a[href^="http:"], a[href^="http:"]:visited {
  padding:0px 0px 0px 0;
  margin: 0 0;
 
}
a[href^="http:"]:visited  { background-image: none; }
ul.tick{
	margin-left: 40px;
}

.stylelist li, .tick li{
	
padding-left:26px;


 margin-bottom: 5px;
line-height: 1.3em;
padding-top: 5px;
padding-bottom: 5px;
}

 .stylelist li{
	background:  url(../images-mywex/homebullet.png); 
	background-position:left top;
background-repeat: no-repeat;
color: #000;
 

 }
.tick li{
padding-left: 35px; 
background:  url(../imgs/interface/tick.gif);	
background-position:left top;
background-repeat: no-repeat;
color: #000;
 font-size: 120%;
 
}
hr {
	border: none 0; 
border-top: 1px dashed  #CCC;/*the border*/
width: 200px;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
margin-top: 10px;
margin-left: 40px;
margin-bottom: 10px;
}

hr.space {background:none;color:none;}
 .lineright{
BORDER-RIGHT: #E6E6E6 1px solid; 

}
 
.linerightbottom{
BORDER-RIGHT: #E6E6E6 1px solid; 
border-bottom: #E6E6E6 1px solid; 
}
.linebottom{
border-bottom: #E6E6E6 1px solid; 
}
.oddrow{
	background-color:#FBFBFB;
	border-top:1px solid #E6E6E6;
	padding-top: 25px;
}
.evenrow{
	background-color:#F9FCFF;
	border-top:1px solid #E6E6E6;
	padding-top: 25px;
}
.darkborders{
border: 1px solid #666666;

padding-top:20px;
}
.lightborders, .darkborders{
border: 1px solid #E6E6E6;

padding-top:20px;
}

blockquote{
float:right;
border-left: 0px dashed #CCCCCC;
border-top: 0px dashed #CCCCCC;
border-right: 0px dashed #CCCCCC;
border-bottom: 0px dashed #CCCCCC;
width:210px;
background-color: #FFFFFB;
line-height: 2.5em;
text-align:left;
margin: 0;
color:#666666;
color: #999999;
padding: 10px 8px 2px 8px;
font-family: Georgia, "Times New Roman", Times, serif;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 0.9em;
 margin-left: 15px;
margin-right: 5px;
 font-style: normal;
display: block;

}
blockquote ul{
margin-left: 12px;
}
blockquote h3{
color: #600;
}

/* slide out contact form */
.slide-out-div {
    padding: 20px;
    width: 550px;
    background:  #FDFFFD;
    border:  #E9FEEE 1px solid;
}
.slideouttable td{
	padding: 0px;
 }
/* Header styles
-------------------------------------------------------------- */

 
/* Form styles */


label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}

input.text, input.title, textarea, select, input {
margin:0.4em 0;
border:1px solid #bbb;
 
font-family:Arial, Helvetica, sans-serif;
font-size: 120%;
padding: 4px;
color: #666;
}
input.text:focus, input.title:focus, textarea:focus, select:focus {
border:1px solid #666;}
input.submit_input { background: /*#E0691A*/ url(../imgs/interface/submit-bn-bg.png) no-repeat; border: 0; height: 26px; padding: 0; width: 118px; margin: 0 0 0 0px; color: #FFF; font: bold 0.8em arial, sans-serif; float: left; }
input.text, input.title  {
width: 250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	padding: 2px;
	color:#999999;
}
input.title {font-size:1.5em;}
 label {
	font-weight: bold;
padding-bottom: 17px;
	margin-top: 5px;
}
label.error { float: none; color: #FF0000; padding-left: .5em; vertical-align: top; font-weight: bold; line-height: 3.5em; }
textarea {
height:100px; 

	width: 250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	padding: 2px;
	color:#999999;
}

input,
textarea{
	padding: 8px;
	font: 400 18px arial, sans-serif;
	background: url(../images-mywex/field_bg.png) no-repeat top left;
	border-width: 1px;
	border-style: solid;
	border-color: #d2d2d2 #e2e2e2 #e2e2e2 #d2d2d2;  
}
 .slideoutcontact{
	 	padding: 2px;
		font-size: 1em;
		font-family: Arial, Helvetica, sans-serif;
		
 
	border-width: 1px;
	border-style: solid;
	border-color: #d2d2d2 #e2e2e2 #e2e2e2 #d2d2d2;  
 }
input:focus,
textarea:focus{  
  color: #333;
  background-color: #edf2f5;
}
/* Page Layout
-------------------------------------------------------------- */
div#testimonialbox{
	width: 220px;
	padding: 20px  20px;
	margin:0 auto;
	text-align:left;
	background: #CCC url(../images_apt/interface/testimonialsbox.png) no-repeat top left;
}
div#newsbox{
	width: 220px;
	padding: 20px  20px;
	margin:0 auto;
	text-align:left;
	background: #F1E4CC  url(../images_apt/interface/newsbox.png) no-repeat top left;
	margin-top: 25px;
}



.intro {
	font-family: Arial, Helvetica, sans-serif;
	color:#8C0000;
	font-size:1.4em;
}

.copyright{
	 background-image:url(../images/interface/copyright_top.gif);
	 background-repeat:repeat-x;
	padding-top: 20px;
	background-color: #FFF;
 	 font-family:Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}
div#header{
	height: 100px;
	margin: 0px auto;
	position: relative;
	 
}
.lowerbg{
 background-image:url(../images-mywex/brown_textured.png);
	 background-repeat:repeat-x;	
}

.mywexfooter{
	background-color: #900;
 background-image:url(../images-mywex/red_textured.png);
	 background-repeat:repeat-x;	
	 
}
#leftbanner{
 background-image:url(../images-mywex/left_banner.png);
	 background-repeat:no-repeat;
	 width: 317px;
	  
 
}
#centrebanner{
 background-image:url(../images-mywex/centrebanner.png);
	 background-repeat:no-repeat;	
	 width: 316px;
	 padding-top: 93px;
	 
}
#rightbanner{
 background-image:url(../images-mywex/rightbanner.png);
	 background-repeat:no-repeat;	
	 width: 317px;
	 
}

/* banner styles
-------------------------------------------------------------- */
#leftbanner   a.leftflag { display: block;  width: 317px; height: 150px; background: url(../images-mywex/leftbanner.png) no-repeat; text-indent: -10000px; }
#leftbanner   a.leftflag:hover{background: url(../images-mywex/leftbannerover.png) no-repeat;} 
 
#rightbanner   a.rightflag { display: block;  width: 317px; height: 150px; background: url(../images-mywex/rightbanner.png) no-repeat; text-indent: -10000px; }
#rightbanner   a.rightflag:hover{background: url(../images-mywex/rightbannerover.png) no-repeat;} 
 
/*-------------------------------------
 	Buttons
---------------------------------------*/



.buttonLinkMed, .largebutton {
	clear:					both;
	width:					171px;
	height:					21px;
	margin:					10px 0;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	line-height:			20px;
	font-weight:			bold;
	padding-left:			15px;
}

.buttonLinkMed {
	background:				transparent url(/images/design/button_med.gif) bottom left no-repeat;
}

.largebutton {
	background:				transparent url(../images-mywex/large_button.png) bottom left no-repeat; 
	width:					203px;
}

.buttonLinkMed a, .largebutton a {
	display:				block;
	text-shadow:            0px 0px 0px #fff; 
}
.buttonLinkMed a:link, .buttonLinkMed a:visited, .buttonLinkMed a:hover,
.largebutton a:link, .largebutton a:visited, .largebutton a:hover {
	color:					#66696b;
	text-decoration:		none;
}

.buttonLinkMed a:hover, .largebutton a:hover {
	color:#999;
}

.footerseparator{
 background: transparent url(../images-mywex/footer_separator.png) right top no-repeat; 
 
}

.homeabout:before {content:url(../images-mywex/home_about.png); display:block;}
.homeabout { padding:0; margin:0; height:26px; overflow:hidden;  }




.homenews:before {content:url(../images-mywex/home_news.png); display:block;}
.homenews { padding:0; margin:0; height:32px; overflow:hidden;  }

.studentsleftnav:before {content:url(../images-mywex/sidenav_students.png); display:block;  }
.teachersleftnav:before {content:url(../images-mywex/sidenav_teachers.png); display:block;}
.employersleftnav:before {content:url(../images-mywex/sidenav_employers.png); display:block;}
.parentsleftnav:before {content:url(../images-mywex/sidenav_parents.png); display:block;}
.studentsleftnav, .teachersleftnav, .employersleftnav, .parentsleftnav{ padding:0; margin:0; margin-left: 10px; height:10px; overflow:hidden; margin-top: 20px;  }



.registeredleftnavloggedin:before {content:url(../images-mywex/sidenav_registered_loggedin.png); display:block;}
.registeredleftnav:before {content:url(../images-mywex/sidenav_registered.png); display:block;}
.registeredleftnav, .registeredleftnavloggedin { padding:0; margin:0; height:20px; margin-left: 10px; overflow:hidden; margin-bottom: 20px; margin-top: 40px; }


 


.footerresources:before {content:url(../images-mywex/footer_resources.png); display:block;}
.footerspecialneeds:before {content:url(../images-mywex/footer_specialneeds.png); display:block;}
.footerlinks:before {content:url(../images-mywex/footer_links.png); display:block;}
.footerfeaturedresources:before {content:url(../images-mywex/footer_featured_resources.png); display:block;}


.footerresources, .footerspecialneeds, .footerlinks, .footerfeaturedresources { padding:0; margin:0; height:16px; overflow:hidden;  }

 
.mywexfooter ul{
	list-style-type: none;
	margin-top: 5px;
	margin-left: 0px;
	margin-bottom: 10px;
	padding: 10px;
	font-size: 0.9em;
	padding-left: 0px;
		font-family:Calibri, Arial, Helvetica, sans-serif;

	
}
 
.mywexfooter   li a:link, .mywexfooter li a:visited{
 
 
color: #FFF  ;
padding-left:5px;
 
text-decoration: none;
display:block;
 
border-bottom: 1px solid #BF2D2D;
font-weight: normal;
 
  
line-height: 1.4em;
padding-top: 2px;
padding-bottom: 6px;
padding-right: 10px;
}
  


.mywexfooter li a:hover{

color: #033;
 
border-bottom: 1px dashed #9C2525;
 
}

 
.mywexfooter ul.footericons{ }


.mywexfooter ul.footericons li.flashicon a:link, .mywexfooter ul.footericons li.flashicon a:visited,.mywexfooter ul.footericons li.certicon a:link, .mywexfooter ul.footericons li.certicon a:visited,  .mywexfooter ul.footericons li.dataicon a:link, .mywexfooter ul.footericons li.dataicon  a:visited , .mywexfooter ul.footericons li.guideicon a:link, .mywexfooter ul.footericons li.guideicon a:visited, .mywexfooter ul.footericons li.diplomasatworkicon a:link, .mywexfooter ul.footericons li.diplomasatworkicon a:visited{border-bottom: 0px solid #BF2D2D;
}
.mywexfooter ul.footericons li.flashicon{  background: transparent url(../images-mywex/flash_icon.png) left center no-repeat; padding-left: 80px; margin-top: 20px;  }
.mywexfooter ul.footericons li.certicon{  background: transparent url(../images-mywex/cdrom_icon.png) left center no-repeat; padding-left: 80px; margin-top: 20px;  }
.mywexfooter ul.footericons li.dataicon{  background: transparent url(../images-mywex/databook_icon.png) left center no-repeat; padding-left: 80px; margin-top: 20px;   }
.mywexfooter ul.footericons li.guideicon{  background: transparent url(../images-mywex/guide_icon.png) left center no-repeat; padding-left: 80px; margin-top: 20px;   }
.mywexfooter ul.footericons li.diplomasatworkicon{  background: transparent url(../images-mywex/footerdiplomas.png) left center no-repeat; padding-left: 80px; margin-top: 20px;   }

/* 
footer styles
*/
 .copyrightarea{
	color: #999; margin-top: 15px; font-size:0.9em; line-height: 1.6em;
 }

.copyrightarea a{
	color: #999;

text-decoration: none;
	font-weight:normal;
}

.copyrightarea ul{
 margin: 10px;
}
.copyrightarea li{
	list-style: none;
	list-style-type: none;
	background: transparent url(../images-mywex/divider.gif) left center no-repeat; 
 padding-left: 20px;
 padding-right: 20px;
color: #999999;
	display:inline;
	
}
li.firstfooter, ul.internallinks li.firstfooter{
	background:none; 
 padding-left: 0px;
}
.copyrightarea li a{
color: #999;

text-decoration: none;
	font-weight:normal;
 	 
}
.copyrightarea li a:hover{

background-color: #999999;
color: #FFFFFF;
}

ul.internallinks{
	font-size: 0.7em;
}
ul.internallinks li{
 
	background: transparent url(../images-mywex/smallfooterlink.gif) left center no-repeat; 
 padding-left: 5px;
 padding-right: 5px;
  
}


.homeintro{
/*background-image:url(../imgs/interface/border-line.gif);
background-position:right center;
background-repeat:no-repeat;*/
padding-top: 0px;

 

}
.leftcolumn{
	clear: left;
float:left;
width:45%;

margin: 10px;
}
.rightcolumn {
float:right;
width:46%;
margin: 10px;
}
.threeboxes{
background-color: #F0F0F0;
padding-top: 15px;
padding-bottom: 15px;
 
}
.redbg{
background-color: #FCF9FC;
border: 1px #EDE1ED solid;
padding-bottom: 15px;
}
.threebox{
background-color: #FFF;
border: 1px #E1E1E1 solid;
padding-bottom: 0px;
margin-left: 26px;

}
 .threeboxes  h2{
font-family: Georgia, "Times New Roman", Times, serif;
color: #000;
font-style: italic;
font-size: 1.5em;
font-weight: normal;
margin-top: 10px;
 }
.bluebg{
background-color: #F9FDFF;
}
.greybg{
background-color: #F9F9F9;
}
.footerbranding,.footerbranding a, .footerbranding a:hover, .footerbranding a:visited {
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	text-align:right;
	text-decoration: none;
	color: #999; 
	
}

/* Other styles
-------------------------------------------------------------- */

.printonly{
display: none;
}
 
.homeblockquote{
	margin-top:25px;
float: none;
background:none;
background: url(../images-mywex/homeblockquote.png) no-repeat top left;	
text-indent: 30px;
font-family:Arial, Helvetica, sans-serif;
color: #666666;
font-size:1.2em; font-weight:bold; font-style: italic;
 margin-left: 1px;
 width: 300px;
background-color: none;
line-height: 1.4em;
	
}

.aligntoright{
float: right;	 
 
	 padding: 5px 5px 5px 15px; 

}

 
.closetobottom{
margin-bottom: 3px;
}


.smalltext{
font-size: 0.9em;
}
 
 
.aligntoleft{
	float: left;
	margin-right: 20px;
	}
 

 p.firstparagraph:first-letter {
font-size:250%;
float:left;
color:white;
background:#AC1217; 
padding: 4px 10px;
margin-right: 8px;
margin-bottom: 5px;
font-family:Georgia, "Times New Roman", Times, serif;
}

.smallred{
	font-size: 0.9em;
	font-weight: bold;
	 
	color: #990000;
}
.breadcrumb{
 
	text-align: right;
	padding: 5px;
 margin-top: -10px;
	margin-bottom: 16px;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
}

 .breadcrumb ul{
 
}
.breadcrumb li{
	list-style: none;
	list-style-type: none;
	text-transform:uppercase; 
  padding-right: 10px;
  font-size: 0.9em;
  font-weight: bold;
color: #330  ;
	display:inline;
	
}

.breadcrumb li a{
color: #9B683E;
background: transparent url(../images-mywex/breadcrumb.png) right center no-repeat; 
padding-right: 20px;
 
text-decoration: none;
	 
 	 
}
.breadcrumb li a:hover{
text-decoration: underline; 
color: #630;
}
 
 .announcement {
	background: url(../images/interface/phoneannouncement.gif) left center no-repeat #FFFECC;
	border: 1px solid #FAEBB1;
	margin-bottom: 20px;
	color:#d57d00;
	/*-moz-border-radius-bottomright:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-topleft:20px;
	-webkit-border-top-left-radius:20px;*/
	padding: 8px 8px 8px 50px;
}



.announcementnoimage {
	background-color:   #FFFECC;
	border: 1px solid  #d57d00;
	margin-bottom: 20px;
	color:  #d57d00;
	/*-moz-border-radius-bottomright:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-topleft:20px;
	-webkit-border-top-left-radius:20px;*/
	padding: 8px 8px 8px 8px;
}

.announcement a {
	color:#333333;
}

.announcement a:visited {
	color:#bd7945;
}

.announcement a:hover {
	background:#d57d00;
	color:#000;
	text-decoration:none;
}


 .loggedinmessage {
	background: url(../images-mywex/loggedinpadlock.png) left center no-repeat #ECF5E0;
	border: 1px solid #CAE0B2;
 margin-right: 150px; 
 margin-bottom: 34px;
	color: #666;
	 -moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px; 
	padding: 8px 4px 6px 40px;
}

.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	color:#44AAB9;
	font-weight: bold;
	width:430px;
	margin-bottom:2px;
	margin-top:2px;
	padding-left:10px;
	background-image:url(../images/interfaceelement/bullet-blue.gif);
	background-repeat:no-repeat;
	height:20px;
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
	background-position: center left;
	margin-left: 40px;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	border: 1px solid #E6E6E6;
	background-color:#F8FAFA;
	width:500px;
	
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:10px;
	font-size:0.9em;	
	position:relative;
}
.pullquote {
	padding: 10px;
	float: right;
	width: 170px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color:  #CCC;
	font-size: 1.2em;
	text-align: center;
	line-height: 1.8em;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: normal;
	color: #666;
}
.smallhome {
font-size: 0.9em;
margin-left: 15px;
margin-top: 5px;
margin-bottom: 10px;
font-family: Arial, Helvetica, sans-serif;

}
.bigfont{
	font-size: 1.3em;
}
.massivefont{
	font-size: 1.7em;
}
div.feedburnerFeedBlock ul { 
margin-left:10px; 
padding-left:0px; 
list-style-type: none ;
margin-top: 20px;
}

 
.blogtexthome,  div.feedburnerFeedBlock ul li div      {
font-size:0.7em;
 
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 15px;
margin-top: -15px;
padding-top: 0px;

}
.blogtitlehome,  div.feedburnerFeedBlock ul li span.headline  {
font-size: 1em;
 font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #B11F25;
}
.blogdatehome, div.feedburnerFeedBlock ul li p.date {
	font-size: 0.7em;
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	padding-left: 0px;
}


 #creditfooter{
display: none;	
} 
.centred{
text-align: center;	
}
.alignedrightnofloat{
	text-align: right;
}
.homecolumn{
height: 360px;
}

.paddedcell{
padding: 20px;
}

 
/*
table striping
----------------------------------------------------------------------
*/
th {
	background: #3e83c9;
	background-color:#900;
	color: #fff;
	font-weight: bold;
	/*padding: 2px 11px;
	text-align: left;*/
	border-right: 1px solid #fff;
	line-height: 1.2;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top: 18px;
}

tr.alt td {
	background: #ecf6fc;
	font-family:Arial, Helvetica, sans-serif;
}
 
tr.over td {
	background: #bcd4ec;
	font-family:Arial, Helvetica, sans-serif;
}


.highlight {padding: 5px;}

.authorclear{
	margin-top: -30px;
	padding-right: 60px;
	clear: right;
	color: #CFA100;
	color: #990000;
	text-align: right;
}

.paragraphquotequote {
	background: transparent url(../imgs/interface/bluestart.gif) left top no-repeat;
	padding-top: 15px;
	width: 87%;
	border: 0;
	padding: 5px 5px 0px 5px;

  /* 
background-color: #FFFDFB;
*/

}
.paragraphquotequote div {
padding: 5px 5px;
  background: transparent url(../imgs/interface/blueend.gif) right bottom no-repeat;

}
.paragraphquotequote p {
color: #000000;
color: #999999;
line-height: 2em;
}

/***************************************accordion*/

.technology{  
	 
cursor: pointer;
	font: bold 1em Arial;
	margin: 15px 0;
}
 
.language{
background-color: #99CC00;
 
}
.thelanguage{
  background: transparent url(../imgs/interface/grad-bg.jpg) top   repeat-x;
padding: 15px;
 
}

.openlanguage{  
color: #BEDF15;
color: #F30;
font: bold 1.1em Arial;
}

.closedlanguage{  
color: #E30989;
color: #004D4B;
font: bold 1.1em Arial;
}