/* CSS Document */

.style2 {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height:16px;
	color: #FFFFFF;
}

.background {
background-image: url(graphics/studentimage.jpg);
background-repeat: no-repeat;
} 
.style3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
.style4 {
	font-size: 16px;
	color: #18a0ba;
}
.style6 {font-size: 12px}

.bottom {
background-repeat:no-repeat;
}
.style7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #666666;
}
.style14 {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #898989;
	font-weight: bold;
	line-height: 13px;
}

.style14 a:link {color:#898989; text-decoration:none}
.style14 a:visited {color:#898989; text-decoration:none}
.style14 a:hover {color:#898989; text-decoration:underline}
.style14 a:active {color:#000000; text-decoration:none}

body {
	background-color: #FFFFFF;
	margin: 0;
	border: 0;
}


form {
   font-size: 12px;
   font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;

}

.splashtext {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	color: #333333;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:140%;
}

#states a:link {color:#FFFFFF; text-decoration:none}
#states a:visited {color:#FFFFFF; text-decoration:none}
#states a:hover {color:#FFF002; text-decoration:none}
#states a:active {color:#FFFFFF; text-decoration:none}

.statesbtm {
	background-image:url(graphics/splash_img4.jpg);
	background-repeat:no-repeat;
}

.body {
	padding-top:15px;
	padding-left:25px;
	color: #000000;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:170%;
	text-align:left;
	line-height:17px;
}

ul.body {	list-style: circle;
	font-size:10px;
	margin-left: 7px;
	padding-left: 1em;
	text-indent: 0.0em;
	line-height:170%;
	padding-bottom:0px;
}


#body a:link {color:#666666; text-decoration:none}
#body a:visited {color:#666666; text-decoration:none}
#body a:hover {color:#FF0000; text-decoration:none}
#body a:active {color:#666666; text-decoration:none}

.redbody {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	color: #FF0000;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:170%;
}


.practicelist {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:10px;
	font-weight:bold;
	line-height:180%
}

ul.practicelist {
	list-style: circle;
	font-size:11px;
	margin-left: 7px;
	padding-left: 1em;
	text-indent: 0.1em;
	line-height:160%;
	padding-bottom:0px;
}


li.practicelist {
	line-height:160%;
	}

td.practicelist {	
  	border-bottom-style:solid;
  	border-right-style:solid;
	 border-left-style:solid;
       border-width:1px;
       border-color:gray;
}

td#practicelist span.style1 {
	color:red;
}

#practicelist a:link {color:#000000; text-decoration:none}
#practicelist a:visited {color:#000000; text-decoration:none}
#practicelist a:hover {color:#FF0000; text-decoration:none}
#practicelist a:active {color:#000000; text-decoration:none}

.learnmore {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:10px;
}
.subhead {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:10px;
	font-style:italic;
     
}

td.subhead {
  	border-left-style:solid;
  	border-right-style:solid;
         border-bottom-style:solid;
       border-top-style:solid;
       border-top-style:solid;
        border-top-style:solid;

	border-width:1px;
       border-color:gray;
}


td.productTitle {
	font-weight: bold;
}

.productTitle {
       font-weight: bold;
       font-size: 18px;
}

.topnav {
	color: #000000;
	background-color:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	letter-spacing:1px;
	padding-top:10px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	white-space: nowrap;
       border-top: 1px solid #7DC623;
       border-bottom: 1px solid #7DC623;
	border-right: 0px solid red;
}

#topnav a:link {color:#000000; text-decoration:none;}
#topnav a:visited {color:#000000; text-decoration:none;}
#topnav a:hover {color: #7DC623;}
#topnav a:active {color:#000000; text-decoration:none;}

td.quicksearch {
	color: #000000;
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	letter-spacing:1px;
	padding:6px;
	border-top: 1px solid #7DC623;
	border-bottom: 1px solid #7DC623;
	border-left: 0px solid red;
}


#quicksearch a:link {color:#000000; text-decoration:none;}
#quicksearch a:visited {color:#000000; text-decoration:none;}
#quicksearch a:hover {color:#7DC623; }
#quicksearch a:active {color:#000000;}

.title {
       color:#FFFFFF;
       font-size: 10px;
       font-weight: bold;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       padding:10px;
       margin:0px;
       line-height:110%;
}

td.title {
       border-style:solid;
       border-width:1px;
       border-color:gray;
}

.titleMyHome {
	color:#000066;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 10px;
	margin: 0px;
	line-height:110%;
}
	
td.titleMyHome {
  	border-style: solid;
       	border-width: 0px;
       	border-color: gray;
	background-color: #CCFF33;
}

.titleSubjects {
       color:#000066;
       font-size: 10px;
       font-weight: bold;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       padding:10px;
       margin:0px;
       line-height:110%;
}

td.titleSubjects {
       border-style: solid;
       border-width: 0px;
       border-color: gray;
       background-color: #CCFF33;
}

.titleService {
      color:#000066;
      font-size: 10px;
      font-weight: bold;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      padding:10px;
      margin:0px;
      line-height:110%;
}

td.titleService {
      border-style: solid;
      border-width: 0px;
      border-color: gray;
      background-color: #CCFF33;
}

.titleAchieve {
     color:#000066;
     font-size: 10px;
     font-weight: bold;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     padding:10px;
     margin:0px;
     line-height:110%;
}

td.titleAchieve {
     border-style: solid;
     border-width: 0px;
     border-color: gray;
     background-color: #CCFF33;
}


.titleCheck {
     color:#000066;
     font-size: 10px;
     font-weight: bold;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     padding:10px;
     margin:0px;
     line-height:110%;
}

td.titleCheck {
     border-style: solid;
     border-width: 0px;
     border-color: gray;
     background-color: #CCFF33;
}

.titleSuccess {
    color:#000066;
    font-size: 10px;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding:10px;
    margin:0px;
    line-height:110%;
    text-align:center;
}

td.titleSuccess {
    border-style: solid;
    border-width: 0px;
    border-color: gray;
    background-color: #CCFF33;
}

.titleExtra {
    color:#000066;
    font-size: 10px;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding:10px;
    margin:0px;
    line-height:110%;
    text-align:center;
}

td.titleExtra {
    border-style: solid;
    border-width: 0px;
    border-color: gray;
    background-color: #CCFF33;
}

#title a:link {color:#FFFFFF; text-decoration:none}
#title a:visited {color:#FFFFFF; text-decoration:none}
#title a:hover {color:#7DC623; text-decoration:none}
#title a:active {color:#FFFFFF; text-decoration:none}

	
.learnmore {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:10px;
}

#learnmore a:link {color:#000000; text-decoration:none}
#learnmore a:visited {color:#000000; text-decoration:none}
#learnmore a:hover {color:#7DC623; text-decoration:none}
#learnmore a:active {color:#000000; text-decoration:none}

td.include {
	vertical-align: top;
       font-size: 12px;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       padding:10px;
	background-color: white;
	border-bottom: 1px white solid;
}

td.includeHome {

	vertical-align: top;
      font-size: 12px;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      padding:10px;
       background-color: #ffffff;
	border-bottom: 0px red solid;
}

.box {
	color: #000000;
	background-color:white;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:10px;
	line-height:120%;
       border-style:solid;
       border-width:0px;
       border-color:gray;
	text-align: left;
}

#box a:link {color:#000000; text-decoration:none; font-weight:bold;}
#box a:visited {color:#000000; text-decoration:none; font-weight:bold;}
#box a:hover {color:#7DC623; text-decoration:none; font-weight:bold;}
#box a:active {color:#000000; text-decoration:none; font-weight:bold;}
	
.nclb {
	color: #333333;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:10px;
	line-height:120%;
}

#nclb a:link {color:#333333; text-decoration:none}
#nclb a:visited {color:#333333; text-decoration:none}
#nclb a:hover {color:#7DC623; text-decoration:none}
#nclb a:active {color:#333333; text-decoration:none}


.boxheader {
	color: #666666;
	background-color:white;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:10px;
	line-height:110%;
	
}

#boxheader a:link {color:#000000; text-decoration:none}
#boxheader a:visited {color:#000000; text-decoration:none}
#boxheader a:hover {color:##7DC623; text-decoration:none}
#boxheader a:active {color:#000000; text-decoration:none}

div.pageTitle {
	font-family: Comic Sans MS;
	font-size: 20px;
	color: #FF0000;
	font-weight: bold;

}

div.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	clear: both;
	color: #666666;
	text-align: center;
	position: relative;

	bottom: 5px;
	vertical-align: bottom;

}

.footer2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;

	color: #666666;
	text-align: center;
	position: absolute;

	bottom: 65px;
	right: 10px;
	left: 10px;
}


.footer3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;

	color: #666666;
	text-align: center;
	position: absolute;
	top: 50%;
	bottom: 70px;
	right: 10px;
	left: 10px;
}

.footer4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;

	color: #666666;
	text-align: center;
	position: absolute;

	bottom: 85px;
	right: 10px;
	left: 10px;
}


td#footer span.footer {

       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: xx-small;
       line-height:140%;
       color:#666666;
       	text-align:left;
}

#footer a:link {color:#666666; text-decoration:none}
#footer a:visited {color:#666666; text-decoration:none}
#footer a:hover {color:#7DC623; text-decoration:none}
#footer a:active {color:#666666; text-decoration:none}

.subjectlinks {
	color: #666666;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 140%;
	text-transform: uppercase;
}

#subjectlinks a:link {color:#FF0000; text-decoration:none}
#subjectlinks a:visited {color:#FF0000; text-decoration:none}
#subjectlinks a:hover {color:#7DC623; text-decoration:none}
#subjectlinks a:active {color:#FF0000; text-decoration:none}

table.grayBox {
	border-style:solid;
	border-width:1px;
	border-color:gray;
}

td.yellowcell {
	background-color:#ffffff;
	text-align: center;
	vertical-align: top;
	margin-top: 12px;
        border-style:solid;
	border-top-style:none;
        border-width:0px;
        border-color:red;
}

table.inTable {
	background-color:white;
       border-style:solid;
       border-width:1px;
       border-color:gray;
	margin:5px;
	
}

.catdimmed {
	color: #888888;
}

.state {
	font-size: 16px;
}

/* all form DIVs have position property set to relative so we can easily position newly created SPAN */
form div{position:relative;} 

/* setting the width and height of the SELECT element to match the replacing graphics */
select.select{
		position:relative;
		z-index:200;
		width:175px !important;
		height:33px !important;
		line-height:35px;
		color: #fec72a;
}

/* dynamically created SPAN, placed below the SELECT */
span.select{
	font-family: Verdana, Gerogia, sans-serif;
	font-weight: bold;
	font-size: 11.5px;
	color: #5e6a72;
	position:absolute;
	bottom:-2px;
	float:left;
	left:0;
	width:175px;
	height:33px;
	line-height:30px;
	text-align: left;
	background:url('http://www.optionspublishing.com/Pages/OPgraphics/OP_splash_button.jpg') no-repeat 0px 1px;
	cursor:default;
	z-index:1;
	padding-left: 13px;
	letter-spacing: .3px;
	vertical-align: top;
	}
	
/* first variation (LABEL is above the SELECT) */	
form div.variation1 label{display:block;line-height:26px;}

/* second variation (LABEL is placed on the left of the SELECT) */	
form div.variation2 label{float:left;width:100px;line-height:26px;}
form div.variation2 span.select{left:100px;}

.optiongrade {
	font-family: Verdana, Gerogia, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #ffffff;
	color: #5e6a72;
	letter-spacing: .3px;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
}

.opera .select{
	position:relative;
	z-index:200;
	width:175px !important;
	height:25px !important;
	line-height:35px;
	color: #000000;
}

.opera .optiongrade {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight: 400;
	background-color: #ffffff;
	text-shadow: 2px 2px 2px #000;
	color: #ffffff;
	letter-spacing: .3px;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
}