@import url("http://www.csulb.edu/divisions/students2/ADMIN/css/div_global.css");
/* ----------------------------------------------

Filename: intouch.css
Purpose: Affect the visual content of the InTouch for Student Services newsletter
Created by: Gerard Greenidge
Created: 07-28-2005
Modified by: Keira Dooley
Last Modified: 01-10-2006

---------------------------------------------- */
body {
background: #fff;
}

h1 {
	/*font-size:1.5em;*/
	color:#000;
	padding:0px;
	margin:0px;
}

h2 {
	/*font-size:1.2em;*/
	color:#003366;
	padding:0px;
	padding-bottom:0px;
	padding-top:0px;
	margin:0px;
}

h3 {
	font-size:1em;
	font-size:16px;
	padding-bottom:0px;
}

h4 {
	/*font-size:.90em;*/
	padding-left:0px;
	margin-left:0px;
}
.byline {
	font:.85em;
	font-weight: normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color: #003399;
	width:100px;
	margin-top:7px;
	margin-left:5px;
	padding-right: 0px;
	padding-bottom: 0px;
    padding-left:0px;
	padding-top: 0px;
	background:#ffffcc;
	vertical-align:middle;
	text-align:center;
	border-left: #ffc726 solid 10px;
	border-right: #ffc726 solid 10px;
}
.title {
	font-family: arial;
    font-size:1.5em;
    letter-spacing:-1px;
	margin-top:5px;
    padding-left:5px;
	padding-top:0px;
	font-weight: bold;
	color: #000;
	text-align:center;

}
address {
	border-left:10px solid #003366; 
	padding-left:5px;
	}

.blueshade {
	background-color:#CCCCCC; 
	height:10px; width:149px; 
	display:block; 
	border-right:1px solid #fff;
	}
caption {
	font-size:110%; 
	font-weight:bold; 
	color:#fff;
	background:#000;
}
table {margin:0px;}
td {border:1px solid #ccc; padding:2px; color:#000; font-weight:normal;}
th {text-align:center; background-color:#003366; color:#fff; padding:2px; border:1px solid #ccc;}
th.black {
	background-color:#000;
	}
th.gold1 {
	background-color:#FFD65A;
	padding-left:3px;
	color:#000;
	}
th.gold1 a{
	color: #000;
	text-decoration:underline;
	}
th.gold1 a:hover{
	color: #000066;
	text-decoration:none;
	}
th.gold2 {
	background-color:#FFF1C4;
	padding-left:10px;
	color: #333333;
	}
th.gold2 a{
	color: #333;
	text-decoration:underline;
	}
th.gold2 a:hover{
	color: #003399;
	text-decoration:none;
	}
.facts {
	background-color:#000;
	padding:2px;
	color:#fff;
	width: 90%;
	border:1px solid #ccc;
	text-align:center;
	}
.forma {padding:10px; margin:10px;}
.bold {font-weight:bold; color:#336699;}

p {
	padding-left:10px; 
	padding-right:10px; 
	line-height:17px;
	text-indent: 2em;
	}
p.noindent {
	padding-left:10px; 
	padding-right:10px; 
	line-height:17px;
	text-indent: 0em;
	}
p.bluebold {
	font:1em;
	font-weight: bold;
	color: #003399;
	padding-left:10px; 
	padding-right:10px; 
	line-height:17px;
	text-indent: 0em;
}
/*Breadcrumb Link*/
.bc_link{ color:#666666; text-decoration:none;}
.bc_link a:hover {color:#993300;}

/*Breadcrumb Page Title*/
.bc_pagetitle{}

/*Breadcrumb Delimiter (>,:,<,)*/
.bc_delimiter{}

/* Menu formatting */
.toc {
	background-color: #ffcc66;
	}
.yeartitle {
	font-size:100%;
	font-weight: bold;
	/*font-family:"Times New Roman", Times, serif;*/
	color:#fff;
	padding:0px;
	margin:0px;
	padding-top: 1px;
	padding-left: 6px;
	background: #000;
	text-align:center;
}
.issuetitle {
	font:1.5em;
	font-weight: bold;
	color: #000;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	padding-top: 3px;
	background-image:url(/divisions/students2/intouch/images/side_gradient.jpg);
	background-repeat:repeat-y;
	text-align:center;
}
.menutitle {
	font:1em;
	font-weight: bold;
	color: #003399;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	padding-top: 3px;
}
.superscript {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}
.dropcap { 
	float:left; 
	color: #003399; 
	font-size:200%; 
	font-weight:bold;
	line-height:25px; 
	padding-top:0px;
	padding-right:2px;
	font: 25pt/24pt arial;
	font-family: "Times New Roman", Times, serif; 
	}
.dropcap_pull {
	float:left;
	color: #cc3333;
	font-size:150%;
	font-weight:bold;
	line-height:25px;
	padding-top:0px;
	padding-right:2px;
	font: 25pt/24pt arial;
	font-family: "Times New Roman", Times, serif;
	}
blockquote.pull {
	float:right;
	width: 95%;
	font-size:100%;
	padding:5px;
	margin:0px;
	font-weight:bold;
	color:#fff;
	border: 2px solid #6699ff;
	background:#000;
	}
blockquote.pull60 {
	float:right;
	width: 60%;
	font-size:100%;
	padding:5px;
	margin:0px;
	font-weight:bold;
	color:#fff;
	border: 2px solid #6699ff;
	background:#000;
	}
blockquote.pullend {
	float:left;
	width: 90%;
	padding:5px;
	margin:0px;
	color: #000;
	font-weight:normal;
	border: 2px solid #cc0000;
	}
blockquote.pullendy {
	float:left;
	width: 90%;
	padding:5px;
	margin:0px;
	color: #000;
	font-weight:normal;
	background-color: #FFFFCC;
	}
blockquote.pullendy2 {
	float:left;
	width: 90%;
	padding:5px;
	margin:0px;
	color: #000;
	font-weight:normal;
	border: 3px double #FFCC33;
	margin-bottom:8px;
	}
blockquote.imgr {
	float: center;
	width:90%;
	font-size:85%;
	text-align:center;
	padding:5px;
	margin:0px;
	font-weight:normal;
	color: #003399;
	/*border: 1px dotted #ccc;*/
	background:#fff;
	}
blockquote.imgl {
	float: left;
	width:90%;
	font-size:85%;
	text-align:center;
	padding:5px;
	margin:0px;
	font-weight:normal;
	color: #003399;
	background:#fff;
	}

blockquote.imgsmall {
	float: right;
	width:40%;
	text-align:center;
	padding:5px;
	margin:0px;
	font-weight:normal;
	color: #000099;
	}

#lead {
	text-indent:0px;
	}
#lead2 {
	text-indent:0px;
	}
#lead3 {
	text-indent:0px;
	}
.plaudit {
	font-weight:bold;
	}
.leadbold {
	color:#003399;
	font-weight:bolder;
	text-indent:0px;
	/*font-family: "Times New Roman", Times, serif;*/
	font-size:115%;
	}
.footnote {
	text-indent:0px;
	font-size:90%;
	line-height:12px;
	border-top: 1px dotted #ccc;
	padding-top:5px;
	}

/* ---------- default nav design style ------------- */

.button {
	width: auto;
	padding:2px;
	margin-bottom:0;
	background-color: #fff;
	}

.button ul {
/*		list-style: none;
		margin: 0;
		padding: 0;
		border: none;*/
		}
		
	.button li {
/*		border-bottom: 1px solid #fff;
		margin: 0;*/
		border-top:1px solid #fff;
		border-bottom:1px solid #999;
		border-right:1px solid #fff;
		}
.button li a {
		border-left: 10px solid #ffcc66;
		border-right: 0px solid #eee;
		padding-left: 12px;
		background-image:url(/divisions/students2/intouch/images/side_gradient.jpg);
		background-repeat:repeat-y;
		background-color: #fff;
		/*
		text-decoration: none;*/
		}

	html>body .button li a {
/*		width: auto;*/
		}

	.button li a:hover {
		border-left: 10px solid #006699;
		border-right: 0px solid #666;
		padding-left: 12px;
		background-color:#fff;
		text-decoration:underline;
		/*background-color: #fff;*/
		/*color: #333333;*/
		}

/* ---------- custom nav design style ------------- */
.button2 {
	font-size: 0.9em;
	width: auto;
	padding:2px;
	margin-bottom:0;
	background-color: #eee;
	background-image:url(/divisions/students2/ADMIN/common_images/column6_bkg.gif);
	background-repeat: no-repeat;
	}

.button2 ul {
/*		list-style: none;
		margin: 0;
		padding: 0;
		border: none;*/
		}
		
.button2 li {
/*		border-bottom: 1px solid #fff;
		margin: 0;*/
		border-top:1px solid #fff;
		border-bottom:1px solid #999;
		border-left:1px solid #fff;
		}
.button2 li a {
		padding: 2px 10px 2px 10px;
		display: block;
		border-right: 10px solid #eee;
		border-left: 0px solid #eee;
		/*background-color: #eeeeee;*/
		text-decoration: none;
		}

html>body .button2 li a {
/*		width: auto;*/
		}

.button2 li a:hover {
		border-right: 10px solid #003366;
		border-left: 0px solid #666;
		background-color:#fff;
		/*background-color: #fff;*/
		/*color: #333333;*/
		}

/*.dt_custom_button {
		padding:2px;
		background:#fff;
		}
*/

/*Header*/
/*Site ID Content Container*/
#siteid_content{
/*	width:100%;*/
	margin:0;
	padding:0;
	width:100%;
}

#contain_header{
	margin:0;
	padding:0;
	width:100%;
	background: #000;
	color:#fff;	
	text-decoration:none;
}
#contain_header a{
	color:#fff;	
	text-decoration:none;
}
#contain_header a:hover{
	color:#ffcc66;	
	text-decoration:underline;
}

/*Site ID Image*/
#contain_siteid img{
	padding-bottom:0px;
	padding-top:5px;
	padding-left:0px;
	text-align:center;
	vertical-align:middle;
}

/*Banner*/

/*Content Container*/
#banner_content{
	background-image:url(/divisions/students2/intouch/images/intouch_banner_bkg.gif);
	background-repeat:repeat-x;
	text-align:center;
}

#banner_content img{
	vertical-align:none;
}

/*Navigation Tools*/

/*Breadcrumbs*/
/*Content Container*/
#breadcrumbs_content{
/*	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;*/
	color:#fff;
	text-align:right;
	padding-right:50px;
}
/*User tools*/

/*Content Container*/
#tools_content{
	padding-bottom:0px;

}

/*All Content Formatting done in dt-content.css
This takes care of the structure of a 6 column content area. Add display:none; to change the display of content.
*/
/*Column 1*/
#contain_column1{
/*	float:left;*/
	width:190px;
	padding:0;
	margin:0;}

/*Column 2*/
#contain_column2{
/*	float:left;*/
	width:559px;
	/*margin:0;*/
}

/*All Structural Positioning done in dt-structure.css
This takes care of the content formatting of a 6 column content area.
*/

/*Column 1 Content*/

#content_column1 {
padding:0px;

}
/*Column 1 Content Unordered list*/
#content_column1 ul{
list-style-type:none;
	margin:0;
	padding:0px;
}
/*Column 1 Content Link*/
#content_column1 a{
/*	color:#333333;*/
}
/*Column 1 Content Mouseover*/
#content_columnl a:hover{
	/*color: #CC6600;*/
}
/*Column 2 Content*/
#content_column2{
	padding:5px 0px 5px 10px;
	color: #000;
}
/*Column 2 Unordered list*/
#content_column2 ul{

/*	list-style-type:none;
	margin:0;
	padding:0px;*/
}
/*Column 2 Links*/
#content_column2 a{
    color: #000;
	text-decoration: underline;
}
/*Column 2 Links Mouseover*/
#content_column2 a:hover{
	color: #000066;
	text-decoration:none;
}
#content_column2 img {
	border: 1px solid #000;
	}
#content_column2 img.noborder {
	border: 0px;
	}
/*Column 3 content*/
#content_column3{
padding:0px;
}
/*Column 3 content unordered list*/
#content_column3 ul{
/*	list-style-type:none;
	margin:0;
	padding:0px;*/
}
/*Column 3 content mouseover*/
#content_column3 a:hover{
/*	color: #CC6600;*/
}
/*Column 3 link*/
#content_column3 a{
/*	color:#333333;*/
 color: #336699;
}
/*Column 4 content*/
#content_column4{
padding:0px;
}
/*Column 4 content unordered list*/
#content_column4 ul{
/*	list-style-type:none;
	margin:0;
	padding:0px;*/
}
/*Column 4 content mouseover*/
#content_column4 a:hover{
/*	color: #CC6600;*/
}
/*Column 4 content link*/
#content_column4 a{
/*	color:#333333;*/
}
#content_column5{
/*	padding:10px;*/
}
#content_column6{
/*	padding:10px;*/
padding:0px;
text-align:right;
border-right:10px;
border-right-color:#003366;
background:#fff;

}

/*Column 6 content link*/
#content_column6 a{
/*	color:#333333;*/
}
/*Column 6 content link mouseover*/
#content_column6 a:hover{
/*	color: #CC6600;*/
}
#content_column6 ul{
/*	list-style-type:none;
	margin:0;
	padding:0px;*/
}

/*Footer*/
/*Address*/
/*Content Container*/
#address_content{
/*	padding:10px;
	font-size:.90em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eeeeee;*/
}

/*Utilities Content Container*/
#utilities_content{
/*	padding:10px;
	font-size:.90em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eeeeee;*/
}
/* ------- 	ADDED BY JORGE ON 10/10/05. 
			Revised by Keira 10/24/05-------- */
#contain_banner {

	width:100%;
	padding:0;
	margin:0;
	clear: none;
}
#contain_content{
	margin:auto;
	width:750px;
	/*background-image:url(/divisions/students2/ees/images/cloudslt_bkg.jpg);*/
	background-repeat: no-repeat;
}

/* #contain_content {
	margin:auto;
	background-image:url(/divisions/students2/ees/images/cloudslt_bkg.jpg);
	width:750px;
	padding:0px;
	/* border-top:0px solid #fff; 
	border-right:3px solid #fff;
	border-left:3px solid #fff;
	color: #333333;
	background-repeat: no-repeat;
} */

#contain_toolbar{
margin:auto;
width:100%;
padding:0px;
vertical-align:middle;
border:0px;
color:#fff;
}


#contain_footer{
	margin:auto;
	width:750px;
	background:#fff;
}
#contain_footer a{
	color:#000;
	text-decoration:underline;
}
#contain_footer a:hover{
	color:#000066;
	text-decoration:none;
}

/*Address*/
/*Content Container*/

#address_content{
	padding:10px;
	font-size:.90em;
	border-top-width: 0px;
	}

/*Utilities Content Container*/
#utilities_content{
	padding:10px;
	font-size:.90em;
	border-top-width: 0px;
	}

#quicklinks1 {
	width: auto;
	padding:0;
	margin-bottom:0;
		}
#quicklinks1 ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
#quicklinks1 li {
		border-bottom: 1px solid #fff;
		margin: 0;
		}
#quicklinks1 li a {
		font-size: .90em;
		display: block;
		padding: 2px 10px 2px 10px;
		border-left: 10px solid #ccc;
		border-right: 10px solid #ccc;
		background-color: #eeeeee;
		text-decoration: none;
		}
#quicklinks1 li a:hover {
		border-left: 10px solid #ffcc00;
		border-right: 10px solid #ffcc00;
		background-color: #CCC;
		color: #333333;
		}
#quicklinks2 {
	width: auto;
	padding:0;
	margin-bottom:0;
		}
#quicklinks2 ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
#quicklinks2 li {
		border-bottom: 1px solid #fff;
		margin: 0;
		}
#quicklinks2 li a {
		font-size: .90em;
		display: block;
		padding: 2px 10px 2px 10px;
		border-left: 10px solid #ccc;
		border-right: 10px solid #ccc;
		background-color: #eeeeee;
		text-decoration: none;
		}
#quicklinks2 li a:hover {
		border-left: 10px solid #ffcc00;
		border-right: 10px solid #ffcc00;
		background-color: #CCC;
		color: #333333;
		}
#quicklinks3 {
	width: auto;
	padding:0;
	margin-bottom:0;
		}
#quicklinks3 ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
#quicklinks3 li {
		border-bottom: 1px solid #fff;
		margin: 0;
		}
#quicklinks3 li a {
		font-size: .90em;
		display: block;
		padding: 2px 10px 2px 10px;
		border-left: 10px solid #ccc;
		border-right: 10px solid #ccc;
		background-color: #eeeeee;
		text-decoration: none;
		}
#quicklinks3 li a:hover {
		border-left: 10px solid #ffcc00;
		border-right: 10px solid #ffcc00;
		background-color: #CCC;
		color: #333333;
		}
/* 2-COLUMN SETUP----*/
#column_container {
		width:560px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
		line-height: 1.3em;
		}
	
#leftcolumn {
		width:270px;
		/*padding-right:4px;*/
		float:left;
		border-right-color: #DBDBDB;
		border-right-style:dotted;
		border-right-width:thin;
		margin-top:10px;
}
#rightcolumn {
		width:270px;
		/*padding-right:4px;*/
		float:right;
		margin-top:10px;
		}

#columnleft {
		width:175px;
		padding-right:7px;
		float:left;
		border-right-color: #DBDBDB;
		border-right-style:dotted;
		border-right-width:thin;
}
#columnmiddle {
		width:175px;
		padding-left:7px;
		padding-right:5px;
		float:left;
		border-right-color: #DBDBDB;
		border-right-style:dotted;
		border-right-width:thin;
}
#columnright {
		width:175px;
		padding-left:7px;
		padding-right:5px;
		float:left;
		}
		
.clear_float{
	clear:both;
	height:1px;
	overflow:hidden;
}