/* CSS Document */
body { 
	margin: 0; 
	padding: 0;
	font-size:95%;
	font-family:Arial, Helvetica, sans-serif;
}

/* -------------------------------------------------------------------------------------common content layout */
p, li, .Content01Margin, .mainContent, .Content01{ font-size: 95% }
.boldText {font-weight:bold}

.exampleText {
	font-size: 80%;
}

.characterText {
	font-family:"Comic Sans MS";
	font-weight:bold;
	font-size: 90%;
	display: block;
	margin: 10px 0 10px 0;
}

.indentedExampleText {
	display:block;
	margin-left:10px;
	font-size: 80%;
}

.leftMargin {
	padding-left: 10px;
}
.rightMargin {
	padding-right: 10px;
}
.leftMargin20px {

	padding-left: 20px;
}

.leftPadding {
	padding-left: 20px;
	border-left-width: 20px;
}
.titleText {
	font-family: "Courier New", Courier, mono;
	font-size: 10%;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.titleTextleftMargin {
	font-family: "Courier New", Courier, mono;
	font-size: large;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	padding-left: 1em;
}
.textVersion { display: none; }

/* --------------------------------------------------------------------------------------- notepad*/
.notepadText, .notepadText li{
	font-size: 95%;
	font-family: "Courier New", Courier, mono;
	margin: .5em .5em .3em .5em;
	padding-left: 5px;
	line-height: 1.1em;
}

.notepadText li {
	margin: .5em .2em .3em 0;
	padding-left:0;
	line-height: 1em;
}
/* ------------------------------------------------------------------------------------ end notepad*/
/* --------------------------------------------------------------------------------------- intro pages*/
#Intro { padding: 0 1em; }
.leftLink, .centerLink, rightLink { padding-bottom: 1em; }
.popUpText {
	font-family:Arial, Helvetica, sans-serif;
}
.popUpHeader {
	font-family:Arial, Helvetica, sans-serif;
	font-size:150%;
	font-weight:bold;
}

.titleMarginLeft {
	margin-left: 20px;
}
.popUpTextCell {
	padding: 10px;
}

#leftcontent, #centercontent, #rightcontent {
	width:30%;
	float:left;
	padding: 0 10px 10px 10px;
	list-style-image: none;
	}

#centercontent {
	padding: 0 10px 10px 0;
	}
	
#rightcontent {
	padding: 0 10px 10px 0;
	}

.imgFloatRight {
	float: right;
	margin: 0 0 0 10px;
}
.logoutFloat {
	float: right;
	vertical-align:top;
	margin: 0 0 0 10px;
}
#contentMargin{
	padding: 10px 0 0 0;
}
.splashNext {
	padding: 400px 0 0px 10px;
}
.splashText {
	padding: 10px 10px 0px 10px;
}
.noBulletList {
	list-style-type:none;
	margin: 0;
	padding: 0;
}
.floatLeft {
	display: block;
	float: left;
	width:38%;
	padding: 0 10px 10px 0;
}
.floatRight {
	display: block;
	width:38%;
	float:right;
	padding: 0 10px 10px 0;
}
.floatLeftHalf {
	display: block;
	float: left;
	width:48%;
	padding: 0 10px 10px 0;
}
.floatRightHalf {
	display: block;
	width:48%;
	float:left;
}
/*ul {padding-left:1em}*/

.clearit { clear: both; }

/* ------------------------------------------------------------------- worksheet */
#worksheet {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#006600;
	display: block;
	padding: 0px 10px 5px 10px;
	margin-right: 20px;
	background-color:#FFFFCC;
	width: 95%;
	margin-top: 20px;
	}
#worksheet h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:102%;
	padding: 10px 0 -10px 0;
	}
#worksheet p{border-width:medium}
.worksheetLink { 
	float: right;
	padding: 10px 0 0 0;
}
/* ------------------------------------------------------------------- end worksheet */
/* --------------------------------------------------------------------------------- quizlet */
#multichoice h4 { margin-bottom: 0; padding-bottom: 0; }
#multichoice ul { margin: 0; padding: 0 0 0 1em; list-style: none; }
.submit { margin-top: 1em; }
/* -------------------------------------------------------------------------------- bullets */
.noBullets li{
list-style:none;/*
padding:none;
margin:none*/
}

.blackBullets {
	list-style-image:url(http://www.csulb.edu/~ttravis/SURF/assets/common/images/bullet_black.gif);
	margin-right: 1em
}
.bullet_shark_Y {
	list-style-image:url(http://www.csulb.edu/~ttravis/SURF/assets/common/images/bullet_shark_Y.gif);
	margin-right: 1em
}
.bullet_shell01_Y {
	list-style-image:url(http://www.csulb.edu/~ttravis/SURF/assets/common/images/bullet_shell01_Y.gif);
	margin-right: 1em
}
.bullet_shell02_Y {
	list-style-image:url(http://www.csulb.edu/~ttravis/SURF/assets/common/images/bullet_shell02_Y.gif);
	margin-right: 1em
}
.bullet_shell03_Y {
	list-style-image:url(http://www.csulb.edu/~ttravis/SURF/assets/common/images/bullet_shell03_Y.gif);
	margin-right: 1em
}
.bullet_shell04_Y {
	list-style-image:url(http://www.csulb.edu/~ttravis/SURF/assets/common/images/bullet_shell04_Y.gif);
}
.bullet_shell05_Y {
	list-style-image:url(http://www.csulb.edu/~ttravis/SURF/assets/common/images/bullet_shell05_Y.gif);
	margin-right: 1em
}
.bullet_starfish_Y {
	list-style-image:url(http://www.csulb.edu/~ttravis/SURF/assets/common/images/bullet_starfish_Y.gif);
	margin-right: 1em
}
/* ---------------------------------------------------------------------------- end bullets */

/* -------------------------------------------------------------------------------- end common content layout */

/* -------------------------------------------------------------------------------- sources layout */
#sourcesTable{
	width:100%;
	background-color:#FFCC66;
	border:1px solid #CC9900;
}
#sourcesTable tr{background-color:#FFFFCC;}
#sourcesHdrRow{ display:none}
#sourcesTable td{ text-align:center; border:1px solid #CC9900; width:30%}
#sourcesTable th{ text-align:center; border:1px solid #CC9900; width:30%; font-weight:normal}
/* -------------------------------------------------------------------------------- end sources layout */

/* -------------------------------------------------------------------------------- writing layout */
/*.Content01 {
width: 60%}*/
/* -------------------------------------------------------------------------------- end writing layout */

/* -------------------------------------------------------------------------------- login layout */
#content {
vertical-align:top;
text-align:left
}
/* ---------------------------------------------------------------------------- end login layout */

/* ---------------------------------------------------------------------------- popups */
#assgn_wording {
	width: 90%;
	background-color:#FFCC66;
	border:1px solid #CC9900;
}
#assgn_wording td { padding: .5em; border: 1px solid #CC9900; }
