/* CSS Document */

@charset "utf-8";

/* CSS Document */

* {

	padding:0px;

	margin:0px;

}

/*html, body, div, span, object, h1, h2, h3, h4, h5, h6, iframe, blockquote, pre, abbr, address, code, em, font, img, small, strike, strong, sub, sup, tt, var, dd, dl, dt, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	line-height: 1;

	text-align: left;

}
*/
body{
	background-image:none;
	padding-top:30px;
}
.text #main h1 {
	display:block !important;
}
table {

	border-collapse:collapse;

	border-spacing:0;

}



p{

	padding:8px 0 10px 0px;

	/*font:14px/18px "calibri",Arial,Helvetica,sans-serif !important;*/

}



p:first-child

{

	padding-top:0px !important;

}



p:last-child

{

	padding-bottom:0px !important;

}



p#bookPanel span {

	/*font-family: "Times New Roman",Times,serif;

    font-size: medium;*/

	font-weight:bold;

}







ul {

	list-style:none;

}

a {

	text-decoration:none;

	outline:none;

}

a:focus {

	outline: none;

}

.clear {

	font-size:0;

	line-height:0;

	clear:both;

}

img, input {

	behavior: url("iepngfix.htc")

}

body { /*background: url(images/cloud_background.jpg) 0 0 repeat fixed;*/

	font: 14px/22px "Calibri", Arial, Helvetica, sans-serif;

}



#container {

	width:860px;

	margin:0 0 0 140px;

	position:relative;

}

.menu {

	float:right;

	margin:15px 0 0 0;

}

.menu ul {

	float:right;

	/*width:325px;*/

	padding:8px 0 0 0;

}

.menu li {

	float:left;

	border-right:1px solid #B70332;

	padding:0px 13px;

}

.menu li a {

	font: normal 14px/16px "Futura Medium", "Myriad Pro", Helvetica, Verdana, Arial, sans-serif;

	color:#b21a17;

	color:#B70332;

}

.menu li a:hover {

	color:#570200

}

.menu li:last-child {

	border:none;

}

.menu li.no-border {

	border:none;

	padding-right:0px;

}

#mainpan {

	position:absolute;

	top:116px

}

.form-panel {

	float:left;

	width:410px;

	margin:0 7px 0 0;

}



.preview-panel {

	float:left;

	width:410px;

	margin:0 7px 0 0;

}



.content-bottom {

    /*background: url("images/buttbg.jpg") no-repeat scroll 0 0 transparent;*/
	background: url("images/foot_orange.jpg") repeat scroll 0px -45px;

    height: 45px;

    /*margin: 0 0 19px 5px;

    padding: 14px 0 0 15px;

    width: 390px;*/
	margin:0px 0px 0px 5px;
	padding:0px;

}



.text {    

    border-color: #CCCCCC!important;

    border-style: none solid!important;

    border-width: medium 1px;

    font: 14px/18px "calibri",Arial,Helvetica,sans-serif !important;

    margin: 0 5px 0 5px!important;

    padding: 4px 25px 14px 20px!important;

    width: auto !important;/*353px*/

}





.text3 {

	width: auto;/*378px*/

	border:1px solid #CCC;

	border-top:none;

	border-bottom:none;

	padding: 10px 10px;

	margin:0 5px 0 5px;

	/*font: normal 12px/20px Arial, Helvetica, sans-serif;*/

	

}

.goog-te-gadget {

	padding:5px 0 5px 120px;

	background:#78ADD0;

}

.footer {

	text-align:center;

	font:normal 10px/18px Arial, Helvetica, sans-serif;

	color:#666;

	/* 01-04-11 */

	clear:both;

	padding-top:51px;

	display:block;

}

.footer a {

	color:#666;

}

.footer a:hover {

	text-decoration:underline;

}

.adds,#divAds{

	margin:6px -5px 0 0;

}

.adds div {
	text-align:center;
}
.adds1 {

	margin:0 0 0 10px;

}

.adds2 {

	margin:0px -5px 0 0;

}

.saved-panel {

	/*height:290px;*/

}

.scroll{ width: 368px; height:200px; overflow:auto; font: normal 12px/20px Arial, Helvetica, sans-serif; padding: 0 10px 0 0 !important; margin:0px;}

.contentwrapper {

	line-height:22px !important;

	font-family:Arial, Helvetica, sans-serif;

	padding:0 20px 0 0;

}

.sarchimg {

	/*border:1px solid #999;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;*/

	height:20px;

	padding:5px;

	margin:0 0 0 250px;

}

a:hover.sarchimg {

	border-bottom:2px solid #009;

}



.black_overlay { display: none; position: absolute; top: 0%; left: 0%; /*width: 100%; height: 100%;*/  z-index:1001; /*-moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); background:#000 */}

.white_content { display: none;   /*width: 50%; height: 50%;*/ padding: 16px; margin:5px 0 0 0;  z-index:1002;  border:1px solid #999; }



.form {margin: 20px 0 0 20px;}

.form p {clear:left; padding: 10px 0 3px 5px; /*width of left column containing the label elements*/height: 18px;}

.form text{font-weight: bold; float: left; margin-left: 20px; width: 300px; padding: 3px 0 3px 0;}

.form label{font-weight:normal; float: left; margin-left: -5px; /*width of left column*/ width: 163px; ; /*width of labels. Should be smaller than left column (155px) to create some right margin*/ height: 8px;}

.form label1{font-weight:normal; float: left; margin-left: 20px; /*width of left column*/ width: 240px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/ height: 8px;}

.form input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/width: 160px; height: 18px;}









.form1 {margin: 0px 0 0 0px;}

.form1 p {clear:left; padding: 10px 0 3px 5px; /*width of left column containing the label elements*/height: 18px;}

.form1 text{font-weight: bold; float: left; margin-left: 20px; width: 300px; padding: 3px 0 3px 0;}

.form1 label{font-weight:normal; float: left; margin-left: 0px; /*width of left column*/ width: 160px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/ height: 8px;}

.form1 label1{font-weight:normal; float: left; margin-left: 20px; /*width of left column*/ width: 240px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/ height: 8px;}

.form1 input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/width: 160px; height: 18px;}

.form1 input[type="password"]{ /*width of text boxes. IE6 does not understand this attribute*/width: 160px; height: 18px;}

.form1 input[type="submit"]{ /*width of text boxes. IE6 does not understand this attribute*/margin-left:160px;}

.form1 input[type="checkbox"]{ /*width of text boxes. IE6 does not understand this attribute*/margin-left:2px;margin-left:2px;}







.borderContentArea {

    border-color: -moz-use-text-color #CCCCCC;

    border-left: 1px solid #CCCCCC;

    border-right: 1px solid #CCCCCC;

    border-style: none solid;

    border-width: medium 1px;

    display: block;

    /*font: 12px/18px Arial,Helvetica,sans-serif;*/

    margin: 0 5px 0 5px;

    padding: 4px 25px 4px 13px;/*4px 25px 4px 20px*/

    width: auto;/*353px*/

	

	

	

}





#CiteTitle{

	font-style:italic;



}



div#authorSec{

	padding-left: 5px!important;

}



div#editorSec{

	padding-left: 5px!important;

}





/* added by ongraph*/

div#c8Content11

{

	padding: 4px 17px 4px 20px!important;

    width: 361px!important;

}





div#c8Content11 #quicknote input[type="text"],div#c8Content11 #quicknotes input[type="text"],textarea {width: 230px!important;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	

	-webkit-box-shadow: #B3B3B3 1px 1px 1px;

	-moz-box-shadow: #B3B3B3 1px 1px 1px;

	box-shadow: #B3B3B3 1px 1px 1px;

	border: 1px solid #999999;

	margin-bottom:5px!important;

}



div#c8Content1 #text___livespell_proxy{

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	

	-webkit-box-shadow: #B3B3B3 1px 1px 1px;

	-moz-box-shadow: #B3B3B3 1px 1px 1px;

	box-shadow: #B3B3B3 1px 1px 1px;

	border: 1px solid #999999;

	margin-bottom:5px!important;

}



div#c8Content1 .cssform p {clear:left; margin: 0; padding: 10px 10px 10px 20px;  /*width of left column containing the label elements*/height: 8px;}

div#c8Content1 .cssform text{	

	float: left;

	margin-left: 20px;

	width: 230px;

	padding: 3px 0 3px 0;

	height:18px;

	

	

}

div#c8Content1 .cssform label{font-weight:normal; float: left; margin-left: 0px; /*width of left column*/ width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/ height: 8px;}

div#c8Content1 .cssform label1{font-weight:normal; float: left; margin-left: 0px; /*width of left column*/ width: 140px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/ height: 8px;}

div#c8Content1 .cssform input[type="text"]{

 /*width of text boxes. IE6 does not understand this attribute*/width: 160px!important; height: 18px!important;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	

	-webkit-box-shadow: #B3B3B3 1px 1px 1px;

	-moz-box-shadow: #B3B3B3 1px 1px 1px;

	box-shadow: #B3B3B3 1px 1px 1px;

	border: 1px solid #999999;

	margin-bottom:5px!important;

 }


.cssform input[type="text"],.cssform input[type="password"],.csswfrm input[type="text"]{

 /*width of text boxes. IE6 does not understand this attribute*/
 width: 168px!important; height: 18px!important;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	

	-webkit-box-shadow: #B3B3B3 1px 1px 1px;

	-moz-box-shadow: #B3B3B3 1px 1px 1px;

	box-shadow: #B3B3B3 1px 1px 1px;

	border: 1px solid #999999;

	margin-bottom:5px!important;

 }

.csswfrm input[type="text"]{

	padding: 0px 1px 1px 10px!important;

	margin-left:36px!important;

    width: 217px!important;

}

div#c8Content1 .cssform input[type="password"]{

 /*width of text boxes. IE6 does not understand this attribute*/width: 160px!important; height: 18px!important;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;



	-webkit-box-shadow: #B3B3B3 1px 1px 1px 1px;

	-moz-box-shadow: #B3B3B3 1px 1px 1px 1px;

	box-shadow: #B3B3B3 1px 1px 1px 1px;

	border: 1px solid #999999;

 }



div#c8Content1 .cssform input[type="submit"],input[type="reset"]{ /*width of text boxes. IE6 does not understand this attribute*/width: 96px!important;}





div#c8Content1 .cssform p.center{padding: 10px; text-align:center; color:maroon;}







div.RightFormContent

{

	padding: 12px 20px!important;

    width: auto!important;

}





div.RightFormContent #quicknote input[type="text"],textarea{width: 230px!important;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	

	-webkit-box-shadow: #B3B3B3 1px 1px 1px;

	-moz-box-shadow: #B3B3B3 1px 1px 1px;

	box-shadow: #B3B3B3 1px 1px 1px;

	border: 1px solid #999999;

	margin-bottom:5px!important;

}



div.RightFormContent .livespell_textarea {

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	

	-webkit-box-shadow: #B3B3B3 1px 1px 1px;

	-moz-box-shadow: #B3B3B3 1px 1px 1px;

	box-shadow: #B3B3B3 1px 1px 1px;

	border: 1px solid #999999;

	margin-bottom:5px!important;

}



div.RightFormContent .cssform p {clear:left; margin: 0; padding: 10px 10px 10px 20px;  /*width of left column containing the label elements*/height: 8px;}

div.RightFormContent .cssform text{	

	float: left;

	margin-left: 20px;

	width: 230px;

	padding: 3px 0 3px 0;

	height:18px;

	

	

}

div.RightFormContent .cssform label{font-weight:normal; float: left; margin-left: 0px; /*width of left column*/ width: 92px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/ height: 8px;}

div.RightFormContent .cssform label1{font-weight:normal; float: left; margin-left: 0px; /*width of left column*/ width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/ height: 8px;}

div.RightFormContent .cssform input[type="text"]{

 /*width of text boxes. IE6 does not understand this attribute*/width: 144px!important; height: 18px!important;

	

 }

 

div.RightFormContent .cssform input[type="password"]{

 /*width of text boxes. IE6 does not understand this attribute*/width: 160px!important; height: 18px!important;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	

	-webkit-box-shadow: #B3B3B3 1px 1px 1px 1px;

	-moz-box-shadow: #B3B3B3 1px 1px 1px 1px;

	box-shadow: #B3B3B3 1px 1px 1px 1px;

	border: 1px solid #999999;

 }



div.RightFormContent .cssform input[type="submit"],input[type="reset"]{

 /*width of text boxes. IE6 does not understand this attribute*/width: 96px!important;

 margin-top:5px;

 }





div.RightFormContent .cssform p.center{padding: 10px; text-align:center; color:maroon;}





iframe.FB_SERVER_IFRAME{

	width:359px!important;

}



#showBelowPanel ul li span{

	cursor:pointer;

}









#fade { /*--Transparent background layer--*/

	display: none; /*--hidden by default--*/

	

	position: fixed; left: 0; top: 0;

	width: 100%; height: 100%;

	opacity: .30;

	z-index: 9999;

	background-color: #000000;

}

.popup_block{

	display: none; /*--hidden by default--*/

	background:#fffffe;

	padding: 20px;

	border: 10px solid #ddd;

	float: left;

	font-size: 1.2em;

	position: fixed;

	top: 50%; left: 50%;

	z-index: 99999;

	/*--CSS3 Box Shadows--*/

	-webkit-box-shadow: 0px 0px 20px #000;

	-moz-box-shadow: 0px 0px 20px #000;

	box-shadow: 0px 0px 20px #000;

	/*--CSS3 Rounded Corners--*/

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

}

img.btn_close {

	float: right;

	margin: -45px -45px 0 0;

}

/*--Making IE6 Understand Fixed Positioning--*/

*html #fade {

	position: absolute;

}

*html .popup_block {

	position: absolute;

}

.style{padding-left:20px;width:92px};

/*copy from color.css*/
@charset "utf-8";

/* CSS Document */

.mainpanCon {

	background:url(images/comt-mid-img.png) 0 0 repeat-y;

	padding:19px 15px 0 15px;

}

.topnav {

	background:url(images/applemenubg.jpg) 0 0 no-repeat;

	width:820px;

	height:72px;

	padding:2px 0 20px 0px; /*position:fixed;*/

	_margin:0 0 6px 13px;

	margin:0 0 6px 4px;

	

}

.topnav ul {

	display:block;

	overflow:hidden;

	margin-left:3px;

}

.nav li {

	background: url(images/split.png) no-repeat 0 0;

	float: left;

	padding: 0 3px;

	/*margin:8px 3px 0 0;*/

	/* 01-04-11 */

	margin:8px 0 0 0;

	display:block;

}

.nav li a {

	color:#fffff1;

	height:28px;

	float:left;

	font: normal 14px/28px "Futura Medium", "Myriad Pro", Helvetica, Verdana, Arial, sans-serif;

}

.nav li a span {

	float:left;

	/*padding:0px 12px;*/

	/* 01-04-11 */

	padding:0px 4.8px;

	height:28px;

	line-height:25px;

	display:block;

	cursor:pointer;

}

.nav li a span img {

	width:14px;

	height:14px;

	margin:0 5px 0 0;

}

.nav li a:hover {

	color:#C20231;

	background: url(images/menulaft.png) top left no-repeat;

}

.nav li a:hover span {

	background:url(images/menuright.gif) top right no-repeat;

}

.nav li.active a {

	color:#C20231;

	background: url(images/menulaft.png) top left no-repeat;

}

.nav li.active a span {

	background:url(images/menuright.gif) top right no-repeat;

}

.nav li .sub {

	display:none;

}

.nav li:hover .sub {

	display:block;

	position: absolute;

	left: 5px;

	z-index:1002;

	background:#00CCFF;

}

.nav li.active .sub {

	display:block;

	position: absolute;

	left: 5px;

	z-index:1000;

}

.current {

	z-index:1000;

}

.sub ul {

	padding:0px;

	margin:28px 0 0 15px;

	width:810px;

	position: absolute;

	display:block;

	clear:both;

	

}

.sub li {

	float:left;

	display:inline;

	background:url(images/sublibg.jpg) 0 0 repeat-x;

	margin:0;

}

.nav li:hover li, .nav li.active li {

	padding: 1px 0 2px 1px;

}



.nav li:hover li a, .nav li.active li a {

	color: #000;

	font-size:14px;

	background: none !important;

	line-height: normal;

	padding: 7px 0px 1px;

	text-indent: 1px;

	margin:0 10px;

	height:20px !important;

}

.nav li:hover li a:hover, .nav li.active li a:hover {

	color: #000;

	border-bottom:2px solid #039;

	text-decoration: none;

	line-height: normal;

	font-family: "Futura Medium", "Myriad Pro", Helvetica, Verdana, Arial, sans-serif;

}

/*IE*/

.nav li li a:hover, .nav li li a:hover {

	color: #000;

}

.nav-left {

	background: url(images/nav_left.png) no-repeat top left;

	float: left;

	width: 11px;

	height: 39px;

}

.nav-right {

	background: url(images/nav_right.png) no-repeat top right;

	float: left;

	width: 11px;

	height: 39px;

}

ul#tabs li a.active {

	color:#C20231;

	background: url(images/menulaft.png) top left no-repeat;

}

ul#tabs li a.active span {

	background:url(images/menuright.gif) top right no-repeat;

}

div.tabContent.hide {

	display: none;

}

.rightpan {

	float:left;

	width:460px;

}

#tabs, #tabs2, #tabs1 {

	width:438px;

	background:  url(images/nav_bg.png) repeat-x;

	float: left;

}

ul#tabs1 li a.active {

	color:#C20231;

	background: url(images/menulaft.png) top left no-repeat;

}

ul#tabs1 li a.active span {

	background:url(images/menuright.gif) top right no-repeat;

}

ul#tabs2 li a.active {

	color:#C20231;

	background: url(images/menulaft.png) top left no-repeat;

}

ul#tabs2 li a.active span {

	background:url(images/menuright.gif) top right no-repeat;

}

.buttnav {

	margin:0 auto;

}

.buttnav li {

	float:left;

	list-style-type:none;

	margin:0 3px 0 0;

}

.buttnav li a {

	color:#fffff1;

	height:19px;

	float:left;

	font: normal 11px/18px Arial, Helvetica, sans-serif;

}

.buttnav li a span {

	float:left;

	padding:0px 6px;

	height:19px;

	line-height:18px;

}

.buttnav li a:hover {

	color:#000;

	background: url(images/subnavlaft.png) top left no-repeat;

}

.buttnav li a:hover span {

	background:url(images/subnavright.jpg) top right no-repeat;

}

.buttnav li.active a {

	color:#000;

	background: url(images/subnavlaft.png) top left no-repeat;

}

.buttnav li.active a span {

	background:url(images/subnavright.jpg) top right no-repeat;

}

/*.nav li:hover li a:hover, edited Prado */.nav li.active li a.selected,a.customized {

	color: #000;

	border-bottom:2px solid #039;

	text-decoration: none;

	line-height: normal;

	font-family: "Futura Medium", "Myriad Pro", Helvetica, Verdana, Arial, sans-serif;

}
body{
	padding-top:10px;
}
div#breadcrumb{
	padding: 4px 17px 4px 20px !important;
    width: 361px !important;
}
.sub ul{
	width:0px;
	margin: 28px 0 0 32px;
}
.nav li:hover li, .nav li.active li {
    padding: 0px;
}
#c8Content1 li .sub{
	/*display:none;*/
}
#c8Content1 .topnav {
	background:none;
	margin:0;
	padding:0;
	width:auto;
}
#typetabs_1 ul li{
	background: url("../students/images/arrow_right.png") no-repeat scroll right center white;
	border-top: 1px #ededed solid;
	padding: 5px 0px;
	cursor: pointer;	
	
}
#typetabs_1 ul li a:hover{
	text-decoration:underline;
}
#typetabs_1 ul li a{
	color:#000;
	display: block;
    height: 25px;
    line-height: 25px;
    width: 100%;
	text-decoration:none;
}
#c8Content1 #div_style_menu ul {
    border-bottom: 1px inset;
}
#div_style_breadcrumb {
	font-weight:bold;
	color: black;
	height:25px;
	line-height:25px;
}
#div_style_breadcrumb a{
	cursor:pointer;
}
#div_style_breadcrumb li{
	 float: left;
     margin-right: 8px;
}
#divTabletBody{
	/*margin-left:25px;*/
}
div#c8Content .cssform label {
    float: left;
    font-weight: normal;
    height: 8px;
    margin-left: 0;
    width: 100px;
}
div#Maincontent {
	   margin-top: 0px;
/*	height:358px;
	overflow-x: hidden;
    overflow-y: auto;
	width:424px;*/
	
}
/*div .text,#c8{
	height:260px;
	overflow-x: hidden;
    overflow-y: auto;
	width:424px;
	
}*/

#headerp {
    height: 62px;
    width: 400px;
}

.CBLeft{
	float:left;
	height:45px;
	width:11px;
	background-image: url("images/foot_orange.jpg");
}
.CBRight{
	float:right;
	height:45px;
	width:11px;
	background-image: url("images/foot_orange.jpg");
	background-position:-11px 0px;
}
.content-bottom ul li{
	padding-top:14px;
}

.textP{
	width:97% !important;
	margin:auto;
}
.hide{
	display:none;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  /* iPhone, Android rules here */
 
  
}
.divSocialBar{
	margin-top:10px !important;
	margin-left:5px !important;
}