body {background-color:#012b56;text-align:center;margin:0px;padding:0px;}
#structureWrapperBodyHome {background:url(images/swrapbody-bg-home.gif) repeat-y;width:786px;text-align:center;
	height:100%;
	margin-left:auto;
	margin-right:auto;}
#structureWrapperBody {background:url(images/swrapbody-bg.gif) repeat-y;width:786px;text-align:center;
	height:100%;
	margin-left:auto;
	margin-right:auto;}
#structureWrapper {
	width:770px;
	background:url(images/top-bg.gif) top center no-repeat;
	padding:0px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#structureWrapperHome {
	width:770px;
	background:url(images/top-bg-home.jpg) top center no-repeat;
	padding:0px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#structureContainerHome {
	background:url(images/bottom-bg-home.gif) bottom center no-repeat;
	margin:0px;
	padding:0px;
	height:100%;
}
#structureContainer {
	background:url(images/bottom-bg.gif) bottom center no-repeat;
	margin:0px;
	padding:0px;
	height:100%;
}
#structureHeader {height:;}

/** Top Main Navigation **/

#ContentToplinks{ float:left; width:770px; margin:0px 0 0 0; padding:0;}
#ContentToplinks ul{ margin:0; padding:0; list-style:none;}
#ContentToplinks li{ margin:0; padding:0; height:32px; float:left}
#ContentToplinks a{ text-indent:-9999px; margin:0; padding:0; display:block; height:32px;}

#ContentToplinks li#AboutCJC { background:url(images/about-cjc.gif) top center no-repeat; width:80px;}
#ContentToplinks li#AboutCC { background:url(images/about-cc.gif) top center no-repeat; width:80px;}
#ContentToplinks li#Admissions {background:url(images/admissions.gif) top center no-repeat; width:82px;}
#ContentToplinks li#AlumniandFriends {background:url(images/alumni-friends.gif) top center no-repeat; width:115px;}
   #ContentToplinks li.alumniFriends {background:url(images/alumni-friends.gif) top center no-repeat; width:115px;}
#ContentToplinks li#Athletics{background:url(images/athletics.gif) top center no-repeat ; width:64px;}
#ContentToplinks li#CoursesandPrograms{background:url(images/courses-programs.gif) top center no-repeat; width:130px;}
   #ContentToplinks li.coursesPrograms{background:url(images/courses-programs.gif) top center no-repeat; width:130px;}
#ContentToplinks li#NewsandEvents{background:url(images/news-events.gif) top center no-repeat; width:100px;}
   #ContentToplinks li.newsEvents{background:url(images/news-events.gif) top center no-repeat; width:100px;}
#ContentToplinks li#PeopleandServices{background:url(images/people-services.gif) top center no-repeat ; width:116px;}
   #ContentToplinks li.peopleServices{background:url(images/people-services.gif) top center no-repeat ; width:116px;}
#ContentToplinks li#StudentLife{background:url(images/student-life.gif) top center no-repeat; width:83px;}

#ContentToplinks li#AboutCJC:hover {background:url(images/about-cjc.gif) bottom center no-repeat; width:80px;}
#ContentToplinks li#AboutCC:hover {background:url(images/about-cc.gif) bottom center no-repeat; width:80px;}
#ContentToplinks li#Admissions:hover {background:url(images/admissions.gif) bottom center no-repeat; width:82px;}
#ContentToplinks li#AlumniandFriends:hover{background:url(images/alumni-friends.gif) bottom center no-repeat; width:115px;}
   #ContentToplinks li.alumniFriends:hover{background:url(images/alumni-friends.gif) bottom center no-repeat; width:115px;}
#ContentToplinks li#Athletics:hover{background:url(images/athletics.gif) bottom center no-repeat; width:64px;}
#ContentToplinks li#CoursesandPrograms:hover{background:url(images/courses-programs.gif) bottom center no-repeat ; width:130px;}
   #ContentToplinks li.coursesPrograms:hover{background:url(images/courses-programs.gif) bottom center no-repeat ; width:130px;}
#ContentToplinks li#NewsandEvents:hover{background:url(images/news-events.gif) bottom center no-repeat; width:100px;}
   #ContentToplinks li.newsEvents:hover{background:url(images/news-events.gif) bottom center no-repeat; width:100px;}
#ContentToplinks li#PeopleandServices:hover{background:url(images/people-services.gif) bottom center no-repeat; width:116px;}
   #ContentToplinks li.peopleServices:hover{background:url(images/people-services.gif) bottom center no-repeat; width:116px;}
#ContentToplinks li#StudentLife:hover{background:url(images/student-life.gif) bottom center no-repeat; width:83px;}

#ContentToplinks li#AboutCJC.navselected {background:url(images/about-cjc.gif) bottom center no-repeat; width:80px;}
#ContentToplinks li#AboutCC.navselected {background:url(images/about-cc.gif) bottom center no-repeat; width:80px;}
#ContentToplinks li#Admissions.navselected {background:url(images/admissions.gif) bottom center no-repeat; width:82px;}
#ContentToplinks li#AlumniandFriends.navselected{background:url(images/alumni-friends.gif) bottom center no-repeat; width:115px;}
   #ContentToplinks li.alumniFriends .navselected{background:url(images/alumni-friends.gif) bottom center no-repeat; width:115px;}
#ContentToplinks li#Athletics.navselected{background:url(images/athletics.gif) bottom center no-repeat; width:64px;}
#ContentToplinks li#CoursesandPrograms.navselected{background:url(images/courses-programs.gif) bottom center no-repeat ; width:130px;}
   #ContentToplinks li.coursesPrograms .navselected{background:url(images/courses-programs.gif) bottom center no-repeat ; width:130px;}
#ContentToplinks li#NewsandEvents.navselected{background:url(images/news-events.gif) bottom center no-repeat; width:100px;}
   #ContentToplinks li.newsEvents .navselected{background:url(images/news-events.gif) bottom center no-repeat; width:100px;}
#ContentToplinks li#PeopleandServices.navselected{background:url(images/people-services.gif) bottom center no-repeat; width:116px;}
   #ContentToplinks li.peopleServices .navselected{background:url(images/people-services.gif) bottom center no-repeat; width:116px;}
#ContentToplinks li#StudentLife.navselected{background:url(images/student-life.gif) bottom center no-repeat; width:83px;}

/*#ContentToplinks li#AboutCJC.navselected {background:url(images/about-cjc.gif) bottom center no-repeat; width:80px;}
#ContentToplinks li#AboutCC.navselected {background:url(images/about-cc.gif) bottom center no-repeat; width:80px;}
#ContentToplinks li#Admissions.navselected {background:url(images/admissions.gif) bottom center no-repeat; width:82px;}
#ContentToplinks li#AlumniandFriends.navselected{background:url(images/alumni-friends.gif) bottom center no-repeat; width:115px;}
#ContentToplinks li#Athletics.navselected{background:url(images/athletics.gif) bottom center no-repeat; width:64px;}
#ContentToplinks li#CoursesandPrograms.navselected{background:url(images/courses-programs.gif) bottom center no-repeat ; width:130px;}
#ContentToplinks li#NewsandEvents.navselected{background:url(images/news-events.gif) bottom center no-repeat; width:100px;}
#ContentToplinks li#PeopleandServices.navselected{background:url(images/people-services.gif) bottom center no-repeat; width:116px;}
#ContentToplinks li#StudentLife.navselected{background:url(images/student-life.gif) bottom center no-repeat; width:83px;}*/

/* Second Level Groups */
#ContentToplinks li ul {color:#0468b3;position: absolute; left: -999em; margin:0; background:#fff;float:none; width:170px; filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;z-index:50;border-left:1px solid #000;border-right:1px solid #000;border-top:1px solid #000;}
#ContentToplinks li li {width: 170px; height:auto; background:url(images/TopnavDiv.gif) no-repeat center bottom; border-bottom:1px solid #000;font-family:Arial, Helvetica, sans-serif;}

#ContentToplinks li li a {font-weight:bold;display:block;padding:5px 5px 5px 7px; width:160px; height:auto; text-indent:0; color:#FFFFFF;font-size:80%; text-decoration:none;color:#0468b3;}
#ContentToplinks li li.navselected a {color:#000;}
#ContentToplinks li li a:hover {color:#be0f34;}

#ContentToplinks li li:hover, #ContentToplinks li li.sfHover {}

/* Third Level Groups */
#ContentToplinks li li ul { margin:-20px 0 0 150px}

/* The Magic */
#ContentToplinks li:hover ul ul,
#ContentToplinks li:hover ul ul ul,
#ContentToplinks li.sfhover ul ul,
#ContentToplinks li.sfhover ul ul ul { left: -999em;}

#ContentToplinks li:hover ul,
#ContentToplinks li li:hover ul,
#ContentToplinks li li li:hover ul,
#ContentToplinks li.sfhover ul,
#ContentToplinks li li.sfhover ul,
#ContentToplinks li li li.sfhover ul { left: auto;}


/****/

#LogoBrand {padding:0px;width:120px;margin:8px 0px 0px 35px;}
#column1 {
	float:left;
	width:178px;
	clear:both;
	margin-top:-50px;
}
#column2 {
	float:left;
	width:580px;
	margin:28px 0px 0px 0px;
}
#PageTitle {font-size:130%;color:#0468b3;padding:2px 10px 12px 10px;margin:0px;}
#PageSubTitle {font-size:130%;color:#0468b3;padding:2px 0px 12px 0px;margin:0px;}
#PageInstructions {font-family:Arial, Helvetica, sans-serif;font-size:80%;line-height:18px;}

#ContentMiddle h2,h3,h4,h5 {font-family:Century Gothic, Arial, Sans-serif;}
#ContentMiddle h2 {font-size:130%;color:#0468b3;border-bottom:1px solid #be0f34;padding:2px 0px 12px 0px;margin:0px;} 
#ContentMiddle {width:542px;margin:15px 0px 0px 0px;padding:0px 15px 60px 15px;font-family:Arial, Helvetica, sans-serif;font-size:80%;line-height:18px;}
#ContentMiddle a{font-family:Georgia, "Times New Roman", Times, serif;color:#0468b3;text-decoration:none;}
#ContentMiddle a:hover{text-decoration:underline;}
/** home **/
#ContentMiddleLayout1 {width:315px;float:left;padding:0px 0px 30px 0px;}
#ContentMiddleLayout2 {width:180px;float:right;padding:0px 0px 30px 0px;}

/** Search Box and Links **/
#ContentSearch {color:#fff;padding:0px 0px 0px 0px;text-align:middle;margin:15px 15px 0px 0px;height:50px;float:right;}
#ContentToplinks2 {float:right;margin:20px 0px 0px 0px;padding:0px 0px 0px 0px;font-family:Arial, Helvetica, sans-serif;font-size:70%;}
#ContentToplinks2 ul{margin:0px;padding:0px 15px 0px 0px;}
#ContentToplinks2 li{float:left;list-style-type:none;color:#fff;padding:0px 7px 0px 0px;}
#ContentToplinks2 li.leftBorder {border-left:1px solid #6e91b8;padding:0px 0px 0px 7px;}
#ContentToplinks2 li a{display:block;color:#fff;text-decoration:none;padding:0px 2px;}
#ContentToplinks2 li a:hover{display:block;color:#fff;background-color:#fff;color:#0468b3;}

/** Left Navigation 1st **/
/*#ContentLeftNav {padding-top:50px;}
#ContentLeftNav ul{margin:0px 0px 0px 25px;padding:0px;font-family:Century Gothic, Arial, Sans-Serif;font-size:85%;font-weight:bold;}
#ContentLeftNav li {width:150px;display:block;list-style-type:none;background:url(images/left-nav-bg_03.gif) bottom left repeat-x;}
#ContentLeftNav li a{display:block;color:#0468b3;padding:4px 10px 6px 0px;text-decoration:none;}
#ContentLeftNav li a:hover{color:#be0f34;}*/

/** Left Navigation 2nd **/
#ContentLeftNav {padding-top:50px;padding-bottom:100px;}
#ContentLeftNav ul{margin:0px 0px 30px 10px;padding:0px;font-family:Century Gothic, Arial, Sans-Serif;font-size:75%;}
#ContentLeftNav li {width:165px;display:block;list-style-type:none;background:url(images/left-nav-bg_03.gif) bottom left repeat-x;}
#ContentLeftNav li a{display:block;color:#0468b3;padding:2px 10px 3px 0px;text-decoration:none;}
#ContentLeftNav li a:hover{color:#be0f34;}

/** Left Navigation 3rd **/ 
#ContentLeftNav ul li ul {margin: 0; padding: 0;}
#ContentLeftNav ul li ul li { margin: 0; padding: 0; background: none; }
#ContentLeftNav ul li ul li a { font-size: 110%; padding: 0 0 0 15px;  }

/** Left Navigation Home 1st **/
#ContentLeftNavHome {padding-top:50px;}
#ContentLeftNavHome ul{margin:20px 0px 0px 25px;padding:0px;font-family:Century Gothic, Arial, Sans-Serif;font-size:95%;font-weight:bold;}
#ContentLeftNavHome li {width:150px;display:block;list-style-type:none;background:url(images/left-nav-bg_03.gif) bottom left repeat-x;}
#ContentLeftNavHome li a{display:block;color:#0468b3;padding:6px 5px 8px 0px;text-decoration:none;}
#ContentLeftNavHome li a:hover{color:#be0f34;}

/** Left Navigation Home 2nd **/
#ContentLeftNavHome li ul{margin:0px 0px 0px 10px;padding:0px;font-family:Century Gothic, Arial, Sans-Serif;font-size:85%;}
#ContentLeftNavHome li li {width:165px;display:block;list-style-type:none;background:url(images/left-nav-bg_03.gif) bottom left repeat-x;}
#ContentLeftNavHome li li a{display:block;color:#0468b3;padding:4px 10px 6px 0px;text-decoration:none;}
#ContentLeftNavHome li li a:hover{color:#be0f34;}

/** Left Navigation Home Exclude ContentTopLinks Level 1 **/
#ContentLeftNavHome li.top {display:none;} 
#ContentToplinks li.left {display:none;} 

/** Quick Links **/
#ContentQuickLinks {padding-top:10px;}
#ContentQuickLinks ul{margin:0px 0px 0px 25px;padding:0px;font-family:Century Gothic, Arial, Sans-Serif;}
#ContentQuickLinks li.qlHeader{color:#be0f34;font-size:100%;font-weight:bold;padding-bottom:5px;}
#ContentQuickLinks li.qlHeader a{color:#be0f34;font-size:100%;font-weight:bold;padding-left:0px;}
#ContentQuickLinks li.qlHeader a:hover{color:#be0f34;font-size:100%;font-weight:bold;border-top:1px solid #fff;border-bottom:1px solid #fff;/*padding-top:1px;padding-bottom:1px;*/}
#ContentQuickLinks li {width:150px;display:block;list-style-type:none;}
#ContentQuickLinks li a{display:block;color:#000;padding:3px 10px 3px 8px;text-decoration:none;font-size:75%;padding-top:1px;padding-bottom:1px;}
#ContentQuickLinks li a:hover{color:#be0f34;border-top:1px solid #be0f34;border-bottom:1px solid #be0f34;padding-top:0px;padding-bottom:0px;}


/** Footer **/
#ContentFooter {clear:both;margin-top:40px;}
#ContentFooterWrapper {background:#012b56 url(images/footer-shadow.gif) top center no-repeat;padding:0px 0px 0px 0px;font-size:75%;font-family:Arial, Helvetica, sans-serif;text-align:center;}
#cfw {padding:10px 0px;margin-left:auto;margin-right:auto;width:500px;color:#6e91b8;background:url(images/foot-logo.gif) left center no-repeat;text-align:center;padding-left:75px;}
#cfw a{color:#6e91b8;}