/* CSS Document */

/*
----------------------------------------------------------------------------------------------
Website StyleSheet
Created:  28 August 2009
---------------------------------------------------------------------------------------------- */

/* Default
/* basic elements */
---------------------------------------------------------------------------------------------- */
html {
min-height:100%;
height:100%;
}
body /* Internet Explorer */
{
text-align: center;
}
body /* Mozilla Firefox alignment */
{
text-align: -moz-center;
}
body
{
margin: 0px;
color: #333;
background:#fff;
}

.middleAlign {
/*min-height:100%;
height:100%;*/
/*vertical-align:middle;*/
width:100%;
text-align:center;
}


/* Form, Input, Select
 * Layout styles
---------------------------------------------------------------------------------------------- */
form{
display:inline;
}
input,
select,
label{
vertical-align:middle;
}
input.radio{
border: 0;
}
input.checkbox{
border: 0;
}
input.input_shorter{
width: 40px;
}
input.input_short{
width: 60px;
}
input.input_mid{
width: 150px;
}
input.input_long{
width: 510px;
}

textarea.textarea_short{
width: 100px;
}

select.select_short{
line-height:16px;
width:150px;  
background-color:#fff;  
text-align:left;
}


/* A, A Img
 * Text styles
---------------------------------------------------------------------------------------------- */
sub,
sup{
vertical-align:top;
}
.subbtm,
.supbtm{
vertical-align:bottom;
}

a img{
border:0px;
}

a{
color:#ff4800;
text-decoration:none;
}
a:hover{
color:#000;
text-decoration:none;
}

a.blue,a.blue:active,a.blue:link,a.blue:visited{
color:#039;
text-decoration:none;
}
a.blue:hover{
color:#039;
text-decoration:none;
}

a.blueunderline,a.blueunderline:active,a.blueunderline:link,a.blueunderline:visited{
color:#039;
text-decoration:none;
}
a.blueunderline:hover{
color:#039;
text-decoration:underline;
}

a.greyunderline,a.greyunderline:active,a.greyunderline:link,a.greyunderline:visited{
color:#333;
text-decoration:none;
}
a.greyunderline:hover{
color:#333;
text-decoration:underline;
}

a.white,a.white:active,a.white:link,a.white:visited{
color:#fff;
text-decoration:none;
}
a.white:hover{
color:#fff;
text-decoration:none;
}


.ColorText01{
color: #ff4800; /* deep orange */
}
.ColorText02{
color: #039; /* deep blue */
}
.ColorText03{
color: #06f; /* light blue */
}
.ColorText04{
color: #666;
}
.ColorText05{
color: #fff;
}


/* Spacing
 *Alignment
---------------------------------------------------------------------------------------------- */
.Spacing01 {
margin-top:9px !important;
}
.Spacing02 {
margin-left:10px;
}
.Spacing03 {
margin-bottom:30px !important;
}
.Spacing04 {
margin-bottom:10px;
}
.Spacing05 {
margin-top:25px !important;
}
.Spacing06 {
margin-top:15px !important;
}
.Spacing07 {
margin-top:60px !important;
}
.Spacing08 {
padding-bottom:5px !important;
}
.Spacing09 {
padding-right:30px !important;
}
.Spacing10 {
margin-bottom:0 !important;
padding-bottom:0 !important;
}
.Spacing11 {
padding-bottom:30px !important;
}
.Spacing12 {
margin-left:-9px !important;
}

.Align01{
/*float:right;*/
text-align:right;  
}
.Align02{
vertical-align:top;
}
.Align03{
float:left;
display:inline;
}
.Align04{
float:right;
text-align:right;
}
.Align05{
text-align:center !important;  
}


/* Table
---------------------------------------------------------------------------------------------- */
table.general{
margin:0 -3px 30px 0;
padding:0;
float:left;
display:inline;
width:670px;
background-color:#900;
}
table.general tr td {
padding:2px;
}
table.general tr td.left {
width:170px;
}
table.general tr td.right {
width:500px;
}
table.general tr td.mid {
width:250px;
}
table.general tr td.farright {
width:250px;
}
table.general tr td.beige {
background-color:#fc6;
}
table.general tr td.beigelight {
background-color:#ff9;
}



table.result{
margin:0 -3px 30px 0;
padding:0;
float:left;
display:inline;
width:670px;
background-color:#900;
}
table.result tr td {
padding:2px;
}
table.result tr td.left {
width:270px;
font-weight:700;
}
table.result tr td.mid {
width:320px;
}
table.result tr td.right {
width:80px;
}
table.result tr td.beige {
background-color:#fc6;
}
table.result tr td.beigelight {
background-color:#ff9;
}


/* General 
---------------------------------------------------------------------------------------------- */
.bodyContainer,
.contentContainer,
.topContainer,
.logo,
.logowisers,
#switch,
#switch li,
.flashhome,
.homecontent,
.homeintropic,
.homeintro,
.homeintro h1,
.homeintro ul,
.homeintro ul li,
.homeintro02,
.homeintro02 h1,
.homeintro02 ul,
.homeintro02 ul li,
.homescroll,
.homescroll h1,
.homescroll ul,
.homescroll ul li,
.flashmenu,
.maincontentContainer,
.maincontentContainer h1,
.maincontentContainer ul,
.maincontentContainer ul li,
.rightsidelinks,
.maincontentContainerBtm,
.teachersintro,
.teachersintro h1,
.teachersintro ul,
.teachersintro ul li,
.teachersintro02,
.teachersintro02 h1,
.teachersintro02 ul,
.teachersintro02 ul li,
.teachersleftContainer,
.teachersleftContainer h1,
.teachersleftContainer .leftroll,
.rolltext,
.teachersrightContainer,
.teachersrightContainer .top,
.teachersrightContainer .btm,
.producthomeleft,
.producthomeright,
.producthomeright p,
.productinsideleft,
.productinsideleft h1,
.productinsideleft ul,
.productinsideleft ul li,
.productinsideright,
.generalleft,
.generalright,
.generalright h2,
.generalright p,
.news ul,
.news ul li,
.news p,
#footer,
#footer ul,
#footer ul li,
#footer p,
.landingflash,
.landingcontent,
.landingintropic,
.landingintrotxt,
.studenthomeflash,
.studentzoneflash,
.studenttablehome,
.studenthome_2links,
.studentzonetable,
.studentzoneintro,
.studentzoneintro h1,
.studentzoneintro ul,
.studentzoneintro ul li,
.studentzoneintro02,
.studentzoneintro02 h1,
.studentzoneintro02 ul,
.studentzoneintro02 ul li,
.sitemap ul,
.sitemap ul li,
.sitemap p
{
position:relative;
margin:0;
padding:0;
z-index:1;
}


/* Body
---------------------------------------------------------------------------------------------- */
.bodyContainer {
width:980px;
}

.contentContainer {
width:980px;
/*float:left;
display:inline;
text-align:left;*/
}

.topContainer {
width:975px;
margin-right:5px;
}

.logo{
width:380px;
height:70px;
margin:0 0 0 0;
float:left;
display:inline;
}

#switch {
list-style:none;
width:595px;
height:20px;
float:right;
display:inline;
clear:none;
}


#switch li{
margin:0 0 0 20px;
padding:0 0 0 20px;
float:right;
display:inline;
background:none;
}
#switch li.last {
margin:0 0 0 20px;
padding:0 0 0 20px;
background:url(../images/global/lang_divider.gif) 0 0.4em no-repeat;
}
#switch li a {
color:#999 !important;
text-decoration:none;
}
#switch li a:hover {
color:#f90 !important;
text-decoration:none;
}

.logowisers {
width:595px;
height:50px;
margin:0 0 0 0;
float:right;
display:inline;
text-align:right;
}



.flashhome{
width:980px;
height:300px;
float:left;
display:inline;
}
.flashhomeTeachers{
height:250px !important;
}

.homecontent{
width:980px;
padding-top:25px;
height:155px;
float:left;
display:inline;
vertical-align:top;
background:url(../images/global/bg_homecontent.jpg) 0 0 repeat-x;
}

.homeintropic{
width:270px;
float:left;
display:inline;
vertical-align:top;
margin:0 0 0 35px;
padding-right:25px;
background:url(../images/global/home_dotline.gif) top right repeat-y;
}

.homeintro {
width:350px;
margin:7px 0 0 20px;
padding-right:10px;
float:left;
display:inline;
background:url(../images/global/home_dotline.gif) top right repeat-y;
text-align:left;
}
.homeintro h1{
width:330px;
margin-bottom:10px;
float:left;
display:inline;
}
.homeintro ul {
width:330px;
list-style:none;
float:left;
display:inline;
}
.homeintro ul li{
width:320px;
margin-bottom:4px;
padding-left:10px;
list-style:none;
float:left;
display:inline;
background: url(../images/global/dot_orange.gif) 0em 0.75em no-repeat;
color:#039;
text-align:left;
}

.homeintro02 {
width:270px;
padding-right:10px;
float:left;
display:inline;
text-align:left;
}

.homeintro02 h1{
width:270px;
margin-bottom:4px;
float:left;
display:inline;
}
.homeintro02 ul {
width:270px;
list-style:none;
float:left;
display:inline;
}
.homeintro02 ul li{
width:260px;
padding-left:10px;
list-style:none;
float:left;
display:inline;
background: url(../images/global/dot_orange.gif) 0em 0.75em no-repeat;
color:#039;
text-align:left;
}

.marqueeContainer {
float:left;
display:inline;
text-align:left;
border-top:1px #ccc solid; 
width:240px;
margin-top:5px;
background:none !important;
}
.homescroll {
width:240px;
margin:7px 10px 0 18px;
float:left;
display:inline;
text-align:left;
}
.homescroll h1{
width:235px;
margin:5px 0 5px 5px;
float:left;
display:inline;
}
.homescroll ul {
width:240px;
list-style:none;
float:left;
display:inline;
}
.homescroll ul li{
width:225px;
margin-bottom:2px;
padding-left:15px;
list-style:none;
float:left;
display:inline;
background: url(../images/global/dot_yellow.gif) 0em 0.6em no-repeat;
text-align:left;
}



/* Inside General
---------------------------------------------------------------------------------------------- */
.flashmenu {
width:980px;
height:50px;
padding-bottom:15px;
float:left;
display:inline;
background-color:#ffca00 !important;
}

.maincontentContainer{
width:980px;
margin-bottom:40px;
float:left;
display:inline;
text-align:left;
background: #fff url(../images/global/bg_content.jpg) 0em 0em no-repeat;
}

.maincontentContainer h1 {
margin:0 15px 17px 15px;
width:950px;
height:30px;
float:left;
display:inline;
}


/* Inside Teachers
---------------------------------------------------------------------------------------------- */
.maincontentContainer ul {
width:732px;
list-style:none;
float:left;
display:inline;
}
.main {
margin:0 10px 0 15px !important;
}
.maincontentContainer ul li{
width:244px;
list-style:none;
float:left;
display:inline;
}

.rightsidelinks {
width:206px;
float:left;
display:inline;
text-align:left;
vertical-align:top;
}


.maincontentContainerBtm{
width:980px;
float:left;
display:inline;
text-align:left;
}


.teachersintro {
width:520px;
margin:0 0 0 120px;
padding-right:20px;
float:left;
display:inline;
background:url(../images/global/home_dotline.gif) top right repeat-y;
text-align:left;
}
.teachersintro h1{
width:520px;
margin-bottom:6px;
float:left;
display:inline;
}
.teachersintro ul {
width:520px;
list-style:none;
float:left;
display:inline;
}
.teachersintro ul li{
width:505px;
margin-bottom:4px;
padding-left:15px;
list-style:none;
float:left;
display:inline;
background: url(../images/global/dot_yellow.gif) 0em 0.75em no-repeat;
text-align:left;
}


.teachersintro02 {
width:290px;
margin:0 0 0 20px;
padding-right:10px;
float:left;
display:inline;
text-align:left;
}
.teachersintro02 h1{
width:290px;
margin-bottom:6px;
float:left;
display:inline;
}
.teachersintro02 ul {
width:290px;
list-style:none;
float:left;
display:inline;
}
.teachersintro02 ul li{
width:275px;
margin-bottom:2px;
padding-left:15px;
list-style:none;
float:left;
display:inline;
background: url(../images/global/dot_yellow.gif) 0em 0.75em no-repeat;
text-align:left;
}


.teachersleftContainer {
width:315px;
height:580px;
margin-right:15px;
float:left;
display:inline;
background: url(../images/tc/teachers/teacherszone/bg_left.jpg) 0em 0em no-repeat;
vertical-align:top;
}
.teachersleftContainer h1 {
margin:25px 13px 0 18px;
width:284px;
height:85px;
float:left;
display:inline;
/*	background: url(../images/tc/teachers/teacherszone/icon_left_liberal.jpg) top right no-repeat;	*/
}
.teachersleftContainer h1 img {
margin:35px 0 0 10px;
}
.teachersleftContainer .leftroll {
margin:0 13px 0 18px;
width:284px;
}

.rolltext {
margin: 0 0  10px 10px;
font-size:13px;
}


.teachersrightContainer {
width:650px;
float:left;
display:inline;
}

.teachersrightContainer .top {
width:650px;
height:95px;
float:left;
display:inline;
}
.teachersrightContainer .btm {
margin-top:1px;
width:650px;
height:410px;
float:left;
display:inline;
}



/* Inside Product
---------------------------------------------------------------------------------------------- */
.producthomeleft {
margin:0 5px 0 7px;
width:190px;
float:left;
display:inline;
}

.producthomeright{
margin:0 5px 0 0;
width:770px;
float:left;
display:inline;
}
.producthomeright p {
margin:0 0 10px 0;
padding:0 65px 0 25px;
width:680px;
float:left;
display:inline;
}
.producthomeright .wlflash {
width:770px;
float:left;
display:inline;
}


.productinsideleft {
margin:0 20px 0 15px;
width:290px;
float:left;
display:inline;
}
.productinsideleft h1 {
margin:0 0 65px 0;
width:290px;
height:30px;
float:left;
display:inline;
}
.productinsideleft ul {
margin:0 0 20px 0;
width:290px;
list-style:none;
float:left;
display:inline;
}
.productinsideleft ul li {
width:275px;
margin:0 0 4px 0;
padding-left:10px;
list-style:none;
float:left;
display:inline;
background: url(../images/global/dot_orange.gif) 0em 0.75em no-repeat;
}


.productinsideright{
margin:0 5px 0 0;
width:650px;
float:left;
display:inline;
}
.productinsideright .top {
margin:0 0 10x 0;
width:650px;
float:left;
display:inline;
}
.productinsideright .btm {
margin:0 0 20px 0;
width:650px;
float:left;
display:inline;
}




/* Inside General
---------------------------------------------------------------------------------------------- */
.minlength {
height:350px;
}

.generalleft {
margin:0 20px 0 10px;
width:220px;
float:left;
display:inline;
}

.generalright {
margin:0 60px 0 0;
width:670px;
float:left;
display:inline;
}
.generalright p {
margin-bottom:30px;
width:670px;
float:left;
display:inline;
}
.generalright h2 {
margin-bottom:5px;
width:670px;
float:left;
display:inline;
text-align:left;
}


.faqContainer {
width:670px;
float:left;
display:inline;
margin:0 0 22px 0;
}
.question,
.questioncontent {  
float:left;
display:inline;
color: #ff4800;
font-weight: bold;
}
.question,
.answer {  
width:20px;
text-align:left;
}
.questioncontent,
.answercontent {  
width:650px;
text-align:left;
}

.answer,
.answercontent {  
float:left;
display:inline;
color: #333;
}
.answer {
font-weight: bold;
}


.news ul,
.news ul.last {
padding-bottom:20px;
margin:0 0 20px 0 !important;
width:670px;
list-style:none;
float:left;
display:inline;
}
.news ul li,
.news ul.last li {
width:653px;
margin:0 0 4px 2px !important;
padding-left:15px;
list-style:none;
float:left;
display:inline;
background: url(../images/global/dot_deepblue.gif) 0em 0.8em no-repeat;
}

.news ul.last {
border-bottom:1px #999 solid;
}
.news ul li a,
.news ul.last li a {
color:#009;
text-decoration:none;
}

.news ul li a:hover,
.news ul.last li a:hover {
color:#000;
text-decoration:none;
}

/* Sitemap 
---------------------------------------------------------------------------------------------- */
.sitemap ul,
.sitemap ul.last {
padding-bottom:20px;
margin:0 0 20px 0 !important;
width:670px;
list-style:none;
float:left;
display:inline;
}
.sitemap ul li,
.sitemap ul.last li {
width:150px;
margin:0 0 4px 2px !important;
padding-left:15px;
list-style:none;
float:left;
display:inline;
background: url(../images/global/dot_orange.gif) 0em 0.8em no-repeat;
}

.sitemap ul.last {
border-bottom:1px #999 solid;
}
.sitemap ul li a,
.sitemap ul.last li a {
color:#009;
text-decoration:none;
}

.sitemap ul li a:hover,
.sitemap ul.last li a:hover {
color:#009;
text-decoration:underline ;
}

/* Footer 
---------------------------------------------------------------------------------------------- */
#footer{
margin:30px 0 10px 0;
padding-top:10px;
width:980px;
color:#999;
float:left;
display:inline;
text-align:left;
border-top:1px solid #dbdbdb;
}

#footer p{
width:750px;
height:18px;
float:right;
display:inline;
text-align:right;
}

#footer ul{
width:230px;
list-style:none;
height:18px;
float:left;
display:inline;
}
#footer ul li{
margin-right:20px;
padding-left:20px;
background:url(../images/global/footer_divider.gif) 0 0.5em no-repeat;
height:18px;
float:left;
display:inline;
}
#footer ul li a {
color:#039;
text-decoration:none;
}
#footer ul li a:hover {
color:#999;
text-decoration:none;
}
#footer ul li.first{
margin:0 20px 0 5px !important;
padding:0 !important;
background:none;
}



/* Students CSS 
---------------------------------------------------------------------------------------------- */
.landingflash{
width:980px;
height:250px;
float:left;
display:inline;
}

.landingcontent {
margin:30px 0 0 0;
width:980px;
float:left;
display:inline;
}
.landingintropic {
width:270px;
float:left;
display:inline;
margin:0 0 0 165px;
padding-right:20px;
}

.landingintrotxt {
width:380px;
float:left;
display:inline;
margin:15px 125px 0 0;
padding-left:20px;
}
.nobackground {
background:none !important;
}
ul.landingintrotxtwidth,
ul.landingintrotxtwidth li {
width:380px !important;
}

.studenthomecontent{
width:980px;
padding-top:25px;
height:155px;
float:left;
display:inline;
vertical-align:top;
background:url(../images/global/bg_student_homecontent.jpg) 0 0 no-repeat;
}
.studenthomeflash{
width:980px;
height:250px;
float:left;
display:inline;
}

.studentzoneflash{
width:980px;
height:300px;
float:left;
display:inline;
}


.studenttablehome {
width:980px;
float:left;
display:inline;
}
.studenttablehome tr td {
vertical-align:top;
text-align:left;
}

.studenthome_2links {
margin:-305px 0 0 715px;
width:265px;
heoght:150px;
float:left;
display:inline;
z-index:2 !important;
}

.studentzonetable {
width:300px;
float:left;
display:inline;
}
.studentzonetable tr td {
vertical-align:top;
text-align:left;
}


.studentzoneintro {
width:658px;
padding:15px 0 25px 22px;
float:left;
display:inline;
text-align:left;
}
.studentzoneintro h1{
width:658px;
margin-bottom:6px;
float:left;
display:inline;
}
.studentzoneintro ul {
width:658px;
list-style:none;
float:left;
display:inline;
}
.studentzoneintro ul li{
width:648px;
margin-bottom:4px;
padding-left:10px;
list-style:none;
float:left;
display:inline;
background: url(../images/global/dot_yellow.gif) 0em 0.75em no-repeat;
text-align:left;
}

.studentzoneintro02 {
width:260px;
margin:25px 0 0 15px;
padding-right:10px;
float:left;
display:inline;
text-align:left;
}
.studentzoneintro02 h1{
width:260px;
margin:10px 0 8px 0;
float:left;
display:inline;
}
.studentzoneintro02 ul {
width:260px;
list-style:none;
float:left;
display:inline;
}
.studentzoneintro02 ul li{
width:250px;
margin-bottom:2px;
padding-left:10px;
list-style:none;
float:left;
display:inline;
background: url(../images/global/dot_yellow.gif) 0em 0.75em no-repeat;
text-align:left;
}


.borderbottomwhite {
border-bottom:1px #fff solid;
}
.borderbottomgrey {
border-bottom:1px #999 solid;
}