/* -----------------  page styles -------------------------------------------------------*/

body { padding:0; margin:0; font:11px Verdana, sans-serif; line-height: 17px; background:#f2f0f1; background-image:url(../images/index_bg.jpg); background-repeat:repeat-x; color: #555; }
.sub	{background-image:url(../images/yellow_subheader_bg.jpg); background-repeat:repeat-x;}
#container { margin:0 auto; width:980px; padding:0; padding-bottom:10px;}
#subpage_container	{margin-top:120px;}
#content {background-color:#666; margin: 0;}

.box
{
    margin:0 auto;
    text-align:left;
    width:980px;
}

/* -----------------  general styles  -------------------------------------------------------*/

a { color:#487ca9; text-decoration: underline;}
a:hover { color:#487ca9; background:none;}
p { margin:0;padding-top:2px;}
ul { margin: 10px 0; padding : 0; list-style : none; }
li {
	list-style-image:url(../images/dot.gif);
	margin-left:30px;
	margin-right:18px;
}
img { border: 0;}

img.floatLeft {
    float: left;
    margin: 0 12px 4px 0;
}
img.floatRight {
    float: right;
    margin: 4px;
}
h1 { font-family:Verdana, Geneva, sans-serif; font-size:21px; font-weight:normal; color:#525252; padding:5px 10px 5px 15px; line-height:100%;}
h2 { font-family: Verdana, Geneva, sans-serif; font-size:18px; font-weight:normal; color:#3c6882; margin:10px 0 10px 0;}
#large h2 { font-family: Verdana, Geneva, sans-serif; font-size:20px; font-weight:normal; color:#3c6882; margin:10px 0 10px 0;}
#large h4 { font-family: Verdana, Geneva, sans-serif; font-size:14px; font-weight:bold; color:#3c6882; margin:10px 0 10px 17px;}
#large h3 { font-family: Verdana, Geneva, sans-serif; font-size:11px; font-weight:bold; color:#333; margin:10px 0 1px 17px;}
#main h2 { font-family:Verdana, Geneva, sans-serif; font-size:13px; font-weight:bold; color:#525252; padding:5px 10px 1px 15px; line-height:120%;}
h3 { font-family: Verdana, Geneva, sans-serif; font-size:18px; font-weight:normal; color:#000000; margin:0;}
h4 { font-family: Verdana, Geneva, sans-serif; font-size:12px; font-weight:normal; color:#3c6882; padding:0; margin:0;}
h5 { font-family: Verdana, Geneva, sans-serif; font-weight:normal; font-size:18px; color:#333333; padding:0; margin:20px 0px 2px 0;line-height:130%;}
h6 { font-family: "Times New Roman", Times, serif; font-size:18px; font-weight:normal; color:#000; line-height:150%; margin: 5px 0 0 0; padding-bottom:10px;}
.pic{margin-top:8px;}
/* -----------------  top info  -------------------------------------------------------*/

#header { clear:both; width:980px; height:130px; margin:0; }
#title_header { clear:both; width:980px; height:113px; margin:0; }
#logo {float:left; width:256px; padding: 0 0 0 0;}
#logo h3 {font-size:12px; padding:5px 0 0 0; margin:0; color:#444;}
#phone {float:right; width:195px; height: 43px; margin:15px 0 0 0; text-align:right; background:url(../images/phone_bg.jpg); background-repeat:no-repeat; text-align:center;}
#hright {float:right; width:650px; margin:15px 0 0 0; text-align:right;}
#hright p{margin: 0;}
#hrighttop {width: 600px;margin: 0 2px 0 0; padding: 0 8px 2px 0; float:right; text-align: right;}
#hrighttop a { color:#fff; text-decoration:none; }
#hrighttop a:hover { color:#fff; text-decoration:underline; }
#logo p {font-size: 0.9em; color: #808080; padding: 0; background: inherit;}
#menu {width: 980px;margin: 0; padding: 0; float:left; text-align:left; padding-left:30px;}
#menu li { display:inline; margin:0; padding:0;}
#menu ul { margin:0; padding:0; list-style:none; float:left;}
#menu li a {  color:#000; text-decoration:none; padding:0; height:12px; background:none;}
#menu li a:hover { background: none;color:#000; text-decoration:underline;}

#college_products_menu {width: 780px;margin: 6px 0 0 0; padding: 0; float:right; text-align: left;}
#college_products_menu li { display:inline; margin:0 0 0 13px;}
#college_products_menu ul { margin: 0; padding : 0; list-style : none; }
#college_products_menu li a {  color:#FFF; font-size:.97em; text-decoration:none; padding:1px 5px 1px 0px; height:12px; background:none;}
#college_products_menu li a:hover { background: none;color:#FFF; text-decoration:underline;}

hr	{
	margin:5px 0 0 17px;
}

/* ----------------- Main content -------------------------------------------------------*/

#message {
        width:100%;
		float:left;
		text-align:left;
		padding: 25px 0 5px 30px;
    }

#main {
        width:610px;
		float:left;
		text-align:left;
		padding:10px 8px 0 8px;
		margin:40px 0 40px 0;
    }
#sidebar {
        width:285px;
		float:left;
		text-align:left;
		padding:10px 8px 0 8px;
		margin:40px 0 40px 0;
    }
#large {
        width:960px;
		float:left;
		text-align:left;
		padding:10px 8px 0 8px;
		margin:40px 0 40px 0;
    }

#logos {
        width:960px;
		float:left;
		text-align:left;
		padding:0 1px 0 1px;
		margin:0 0 10px 26px;
    }

#content p { margin:10px 10px 10px 0;}
.main {float: right;width: 650px;margin: 0 6px 5px 0; padding:3px 0 10px 0;}
.left {float: right;width: 560px; margin: 0; padding:3px 0 10px 0;}
.right {float: right;width: 340px; margin: 0; padding:3px 60px 10px 0;}

.thumbs img{position:relative;padding:1px;margin:5px 8px 5px 9px;border:2px solid #631e19;background:none;}
.thumbs img:hover{border:2px solid #c5c5c5; background:none;}

/* ----------------- Bottom content -------------------------------------------------------*/

#top_footer {height:320px; background: #f4e5b1;}
#tf_content1 {
        width:315px;
		float:left;
		text-align:left;
		padding:10px 25px 0 18px;
    }
#tf_content2 {
        width:580px;
		float:right;
		text-align:justify;
		padding:10px 5px 0 15px;
    }
#tf_content2 li{
	list-style-image:url(../images/dot.gif);
	padding-top:6px;
	padding-bottom:6px;
}

#f_content1 {
        width:320px;
		float:left;
		text-align:left;
		padding:10px 15px 0 0;
    }
#f_content2 {
        width:305px;
		float:left;
		text-align:left;
		padding:10px 15px 0 15px;
    }

#f_content2 input {
		text-align:left;
		font-family:Verdana, Geneva, sans-serif;
		color:#333;
		font-size:10px;
    }
#f_content3 {
        width:400px;
		float:right;
		text-align:right;
		padding:0 0 0 2px;
    }


#footer { clear: both; height:150px; text-align:left; line-height: 1em; color: #333; background: #efe6ca;}
#footer p { font-size:1em; line-height:180%;}
#footer a {color: #333; background: inherit; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
.footer_content {float: right; padding:0 100px 0 0 }
.footer_icons {float: right; padding:2px 20px 0 0 }
.footertext{ font-family:Verdana, Geneva, sans-serif; font-size:.9em; color:#666; line-height:120%; padding-bottom:20px;}
.footertext2{ font-family:Verdana, Geneva, sans-serif; font-size:.9em; color:#666; padding:0; margin:0;}

p {
        margin:7px 0 7px 0;
    }
.content {
        margin:0 auto;
        width:980px;
    }
#navigation {
        margin:0 auto;
		height:46px;
		background:url(../images/nav_bg.jpg);
		background-repeat:repeat-x;
    }

#navigation-college-products {
        margin:0 auto;
        text-align:center;
		height:132px;
		background-image:url(/images/bg4_products.jpg);
		background-repeat:no-repeat;
		background-position:center;
    }

#top_header {
        margin:0 auto;
        text-align:center;
		height:118px;
		background:url(../images/top_bg.jpg);
		background-repeat:repeat-x;
    }

#header {
        margin:0px auto 0;
        text-align:center;
    }

#header_home {
        margin:0 auto;
        text-align:center;
		height:249px;
		background-repeat:no-repeat;
		background-position:center;
		display:block;
    }

.no-webp #header_home {
  background:url(../images/yellow_header_bg.jpg);
}

.webp #header_home {
  background:url(../images/yellow_header_bg.webp);
}


#header_subpage {
        margin:0 auto;
        text-align:center;
		height:187px;
		background:url(../images/yellow_subheader_bg.jpg);
		background-repeat:no-repeat;
		background-position:center;
		display:block;
    }

#container {
        margin:0 auto;
        text-align:center;
    }
#content1 {
        width:560px;
		float:left;
		 text-align:left;
		 padding-bottom:50px;
    }
#content2 {
        width:400px;
		float:left;
    }
#content3 {
        width:480px;
		float:left;
		 text-align:left;
		 padding-bottom:50px;
    }
#content4 {
        width:480px;
		float:left;
		text-align:left;
    }
#content5 {
        width:980px;
		float:left;
		text-align:left;
		margin:0 0 40px 0;
    }

#content6 {
        width:720px;
		float:left;
		text-align:left;
		padding-bottom:50px;
    }

#content_navigation {
        width:185px;
		background-image:url(../images/nav-header-bg.jpg);
		background-repeat:repeat-x;
		background-color:#f5f5f5;
		border: thin #ccc solid;
		float:left;
		text-align:left;
		margin:35px 0 10px 30px;
		padding:0 10px 10px 10px;

    }

#content_navigation ul {
		margin: 5px 0;
		padding : 0;
		list-style : none;
	}

#content_navigation li {
		list-style: circle outside url('../images/dot.gif');
		margin-left:13px;
		margin-right:0px;
	}

#content_navigation li ul{
	margin:0 0 0 7px;
	}

#content_navigation a{ color:#333; text-decoration:none;}
#content_navigation a:hover{ color:#487ca9; text-decoration:underline;}
#content_navigation h4 { font-family: Verdana, Geneva, sans-serif; font-size:15px; font-weight:normal; color:#FFF; padding:0; margin:5px 10px 10px 0;}

#content_navigation_sub{
        width:185px;
		background-image:url(../images/nav-header-bg.jpg);
		background-repeat:repeat-x;
		background-color:#f5f5f5;
		border: thin #ccc solid;
		float:right;
		text-align:left;
		margin:0 3px 30px 30px;
		padding:0 10px 5px 10px;

    }

#content_navigation_sub ul {
		margin: 5px 0;
		padding : 0;
		list-style : none;
	}

#content_navigation_sub li {
		list-style: circle outside url('../images/dot.gif');
		margin-left:13px;
		margin-right:0px;
	}

#content_navigation_sub li ul{
	margin:0 0 0 7px;
	}

#content_navigation_sub a{ color:#333; text-decoration:none;}
#content_navigation_sub a:hover{ color:#487ca9; text-decoration:underline;}
#content_navigation_sub h4 { font-family: Verdana, Geneva, sans-serif; font-size:15px; font-weight:normal; color:#FFF; padding:0; margin:5px 10px 10px 0;}

#breadcrumb {
		margin:7px 0 -26px;
		color:#d27780;
    }

#breadcrumb a{ color:#a5494c; text-decoration:none;}
#breadcrumb a:hover{ color:#a5494c; text-decoration:underline;}


#footer1 {
        background-color:#f4e5b1;
        margin:0 auto;
        text-align:center;
		clear:both;
    }
#footer2 {
        background-color:#f2f0f1;
        margin:0 auto;
        text-align:right;
		height:46px;

    }
#footer2 p 	{
	font-size:10px;
}

#altpage	{
	position:absolute;
	z-index:400;
	margin-top:-36px;
	margin-left:750px;
	}

.footerLink	{
	color:#666;
	text-decoration:none;
}

.footerLink:hover	{
	text-decoration:underline;
}

.main_box	{
	width:611px;
	background-image:url(../images/main_middle.jpg);
	background-repeat:repeat-y;
	margin-bottom:25px;
}

#main p {
	padding:1px 18px 15px 20px;
	text-align:justify;
	line-height:16px;
}

#main	{
	width:611px;
	padding-right:10px;
	margin:10px 0 -8px 10px;
	padding-bottom:15px;
	}

.sidebar_box	{
	width:284px;
	background-image:url(../images/sidebar_middle.jpg);
	background-repeat:repeat-y;
}

#sidebar p {
	padding:0 18px 15px 20px;
	text-align:justify;
	color:#999;
	margin:0;
	line-height:16px
}

#sidebar h1	{
	padding:1px 18px 0 20px;
	margin:0;
}

#sidebar	{
	width:284px;
	padding-right:0;
	margin:10px 0 -8px 46px;
	padding-bottom:15px;
	}

.box	{
	width:980px;
}

.large_box	{
	width:960px;
	background-repeat:repeat-y;
}

.no-webp .large_box {
  background-image:url(../images/large_middle.jpg);
}

.webp .large_box {
  background-image:url(../images/large_middle.webp);
}

#large p {
	padding:1px 18px 15px 20px;
	text-align:justify;
	line-height:16px;
}

#large	{
	width:960px;
	padding-right:10px;
	margin:10px 0 0 10px;
	padding-bottom:15px;
	}

#large_left {
        width:470px;
		float:left;
		text-align:left;
		padding:0 10px 0 0;
    }
#large_right {
        width:450px;
		float:left;
		text-align:left;
		padding:0 15px; 0 10px;
    }
#subpage_image	{
	text-align:center;
	padding-left:15px;
	padding-top:50px;
}

.#subpage_image	{
	width:960px;
}

.table	{
	margin-left:10px;
}

#consider li {
	margin-bottom:0;
	padding-bottom:0;
}

#list li {
	margin-bottom:7px;
	padding-top:10px;
	font-size:16px;
	margin-left:40px;
	list-style-image:url(../images/arrow.png);
	line-height:15px;
}

.more	{
	margin-top:-40px;
}

.career-form{padding: 5px 10px 5px 15px;}
.career-form label{ margin-right: 10px; vertical-align: 2px;}
.career-form .file{ border: 1px solid #DDD; background: #fff;}
.career-form .submit{ width: 100px; height: 28px; background:url(../images/submit.jpg) no-repeat; text-indent:-9999px; border: 0; cursor: pointer;}
