/* Style for page layout first */

	body {margin:0px;}
	body,td {font-family: Arial, Helvetica, sans-serif;}
	td {font-size: .8em;}
	
	#nav {margin:0px 10px 10px 10px;}
	#content {margin: 10px;}
	h1,.pagetitle {font-size:18px;color:#b4b3d3;}
	h2 {font-size:16px}
	
	a.nav {font-size:1.1em;text-decoration:none;font-weight:bold;}
	a.nav:link {color:#e4e4f2;}
	a.nav:visited {color:#e4e4f2;}
	a.nav:hover {color:#4e4ba0;}
	a.nav:active {color:#e4e4f2;}
	
	.footer {font-size:.7em;color:#808080;}
	a.footer {text-decoration:underline;font-weight:600;font-size:1em;}
	a.footer:link{color:#4e4ba0;}
	a.footer:visited{color:#008a7e;}
	a.footer:hover{color:#008a7e;}
	a.footers:active{color:#008a7e;}
	

/* The end of style for page layout */


a {text-decoration:underline;font-weight:bolder;}
a:link{color:#4e4ba0;}
a:visited{color:#008a7e;}
a:hover{color:#f18d22;}
a:active{color:#008a7e;}


/* Style for content area */

/* FOLLOING ARE STYLE FOR TABLE - Set the main table bgcolor to #D8DFE5 */
.whatsthis {font-size:.6em;}
.pagenumber {
text-align: right;
width: 99%;
}

.pagenumber-center {
font-size: .85em;
font-weight: bold;
text-align: center;
width: 99%;
}
/* table title text color */
.color-title {
background-color: #ececec;
}

/* table title bgcolor */
.table-title {
color: #5072b2;
font-weight: bold;
padding: 1px;
margin-left: 0px;}


/* red text */
.redText {
color: #ff0000;
}

/* table title text color */
.color-title2 {
background-color: #f9fffe;
}
/* table title bgcolor */
.table-title2 {
color: #CF4040;
font-weight: bold;
padding: 1px;
margin-left: 0px;}

/* table outside border color only used for box-type table like the one in search_questions.cfm */
.color-border {
background-color: #DDDDD5;
margin-bottom: 0px;
padding-bottom: 0px;
}

/* header bgcolor */
.color-header {
background-color: #ececec;
}

.color-header2 {
background-color: #f3f5f2;
}

.color-header3 {
background-color: #FFFFDF;
}

/* header text align left */
.colhead,th {
font-size: .7em;
font-weight: bold;
color: #444444;
text-align: left;
}

/* header text centered */
.colhead-center {
font-size: .7em;
font-weight : bold;
color: #444444;
text-align: center;
}
/* header text centered */
.colhead_center {
font-size: .7em;
font-weight : bold;
color: #444444;
text-align: center;
}

/* rows */
.color-row {
background-color: #ffffff;
vertical-align: top;
font-size:.9em;
}	

/* rows */
.color-row2 {
background-color: #ffffff;
vertical-align: top;
font-size:.9em;
}	


/* END OF STYLE FOR TABLE */


/* Apply flash Right to input item name*/
.formtitle {
color:#000000; 
margin-left: 5px;
text-align: right;
margin-right: 3px;
}

select {
font-family: tahoma,arial,Geneva,Helvetica,sans-serif;
display: inline;
}

label {
padding-left: 2px;
color: #000000;
}

.sup {
font-size: 11px;
}

.button {
margin:0;padding:0 1em;width:auto;overflow:visible;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.formbutton{
font:normal 14px verdana;
cursor:pointer;
border:outset 1px #999;
background:#fff;
color:#2f0d5d;
font-weight:bold;
padding: 2px 3px;
background:url(formbg.gif) repeat-x left top;
}

/* All form elements are within the definition list for this example */
dl {
	font:normal 12px/15px arial;
    position: relative;
    width: 500px;
}
dt {
    clear: both;
    float:left;
    width: 110px;
    padding: 4px 0 2px 0;
    text-align: right;
}
dd {
    float: left;
    width: 380px;
    margin: 0 0 4px 0;
    padding-left: 6px;
}


/* The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
    right: -300px;
    width: 250px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(pointer.gif) left top no-repeat;
}

/* swapping image for transcript*/	
.cssnav_transcript { 
position: relative;
background-image: url(transcript_over.jpg);
background-repeat: no-repeat;
display: block;
width: 150px;
height: 62px;
margin: 0; 
padding: 0; 
}

.cssnav_transcript a {
display: block;
width: 150px;
height: 62px;
float: left;
}

.cssnav_transcript img {width: 150px; height: 62px; border: 0; }
.cssnav_transcript a:hover {visibility:visible}
.cssnav_transcript a:hover img{visibility:hidden}

/* swapping image for take lessons*/	
.cssnav_takelessons { 
position: relative;
background-image: url(takelessons_over.jpg);
background-repeat: no-repeat;
display: block;
width: 150px;
height: 62px;
margin: 0; 
padding: 0; 
}

.cssnav_takelessons a {
display: block;
width: 150px;
height: 62px;
float: left;
}

.cssnav_takelessons img {width: 150px; height: 62px; border: 0; }
.cssnav_takelessons a:hover {visibility:visible}
.cssnav_takelessons a:hover img{visibility:hidden}

/* swapping image for my results*/	
.cssnav_myresults { 
position: relative;
background-image: url(myresults_over.jpg);
background-repeat: no-repeat;
display: block;
width: 150px;
height: 62px;
margin: 0; 
padding: 0; 
}

.cssnav_myresults a {
display: block;
width: 150px;
height: 62px;
float: left;
}

.cssnav_myresults img {width: 150px; height: 62px; border: 0; }
.cssnav_myresults a:hover {visibility:visible}
.cssnav_myresults a:hover img{visibility:hidden}