/* default styles */
body    { background: transparent url(/images/body-background.gif) top center repeat-y; margin: 0; padding: 0; font: 76% verdana,arial,sans-serif; cursor:default; }
a       { color: #20ACCD; }
a:hover { color: #01CEFE; }
a img   { border: 0; }
#Container { width:758px; margin:0px auto; padding:10px 5px 5px 5px; }
#Header { margin: 10px auto; padding:0px; width:720px; position:relative; }
#Header ul#HeaderLinks { margin: 0; padding: 0; position: absolute; top: 5px; right: 3px;}
#Header ul#HeaderLinks li { background: url(/images/img_but_bk_left.gif) no-repeat bottom left; margin: 5px 0 0 7px; padding: 0; list-style: none; float: left;}
#Header ul#HeaderLinks li a { margin: 0; padding: 7px; color: #959393; font: 9px verdana,arial; text-decoration: none; text-transform: uppercase; display: block; background: url(/images/img_but_bk_right.gif) no-repeat bottom right !important; }
#Header ul#HeaderLinks li a:hover {color: #272424;}

#Header form#cse-search-box { position:absolute; top:30px; right:0px; padding: 15px 0 0 0;}
#Header form#cse-search-box p {margin: 0; padding: 0;}
#Header form#cse-search-box input#Search {border: 1px solid #AFAEAE; margin-right: 2px; padding: 2px; font-size: 0.9em;  color: #636262;}
#Header form#cse-search-box input.Submit {margin-bottom: -7px;}
#Header form#SearchForm { position: absolute;  top: 30px;  right: 0;  padding: 15px 0 0 0;}
#Header form#SearchForm p {  margin: 0;  padding: 0;}
#Header form#SearchForm input#Search { border: 1px solid #AFAEAE;  padding: 2px;  font-size: .9em;  color: #636262;}
#Header form#SearchForm input.Submit { margin-bottom: -7px;}

#Menu  { margin: 10px auto 0 auto;  padding: 0;  width: 720px;  background: transparent url(/images/menu-background.gif) top left no-repeat;
         height: 37px;  overflow: hidden;}
#Menu ul {  margin: 0;  padding: 0;  font: 12px "Trebuchet MS",Arial;  text-transform: uppercase;  width: 100%;}
#Menu ul li { margin: 1px 0 0 0;  padding: 0 0 0 2px;  float: left;  list-style: none;
              background: transparent url(/images/menu-divider.gif) top left no-repeat;  line-height: 35px;  text-align: center; }
#Menu ul li.First { background-image:none; }
#Menu ul li#MenuHome { width:70px; }
#Menu ul li#MenuAboutProject { width:116px; }
#Menu ul li#MenuTemplates { width:90px; }
#Menu ul li#MenuAgreements { width:98px; }
#Menu ul li#MenuForum { width:126px; }
#Menu ul li#MenuPublications { width:106px; }
#Menu ul li#MenuResources { width: 94px; }

/* unused now */
#Menu ul li#MenuContacts {width: 94px;}
#Menu ul li#MenuEvents {width: 80px;}
#Menu ul li#MenuArticulation {width: 110px;}

#Menu ul li a {color: #fff; text-decoration: none;}
#Menu ul li a:hover {color: #E6FC48;}
#Menu ul li a.menuhighlight {color: #E6FC48!important;}

#Content {margin: 0 auto; padding: 0; width: 720px; }

#Footer {clear: both; background-color: #ebebeb; padding: 7px 1px; height: 100%; width:720px; margin-left:auto; margin-right:auto; }
#Footer ul { margin:0px; padding:0 0 0 10px; }
#Footer ul li { padding: 0 3px 0 7px; margin: 0; border-left: 1px solid #838181;   list-style: none;   display: inline; }
#Footer ul li.First { border-left:0px; padding-left: 0; }
#Footer ul li a { color: #838181;   font: .9em verdana,arial;   text-decoration: none; }
#Footer ul li a:hover { color: #272424; }

#SubFooter { clear:both;  color: #8C8C8C;   font-size: .9em;   margin: 0 auto 0 auto;   padding: 5px 0 10px 0;   width: 720px; white-space:nowrap; }
#SubFooter p#Copyright {float: left; width: 50%; }
#SubFooter p#Address {float: right; text-align: right;  width: 49%; white-space:nowrap; }

#Container {   padding-top: 0px; }

/* inside styles */
#SubMenu {   float: left;   clear: left;   width: 185px;   margin-top: 5px; }
#SubMenu div.MenuItem {   width: 185px;   height: 73px;   margin-bottom: 5px;   position: relative;   overflow: hidden; }
#SubMenu div.MenuItem h3 {   margin: 0 0 3px 0;  padding: 7px 0 0 54px;  text-transform: uppercase;  font: 12px "Trebuchet MS", Arial, sans-serif;  font-weight: bolder; }
#SubMenu div.MenuItem p {  font: 11px verdana, arial, sans-serif;  margin: 0;  padding: 0 0 0 54px;  width: 110px; }
#SubMenu #Students
{
  background: transparent url(/images/submenu-inside-bg-students.gif) bottom left no-repeat;
  color: #A9C319;
}
#SubMenu #Students a { color: #A9C319; text-decoration: none; }
#SubMenu #Students a:hover { color: #CEE717; }
#SubMenu #Faculty { background: transparent url(/images/submenu-inside-bg-faculty.gif) bottom left no-repeat; color: #21AECE; }
#SubMenu #Faculty a { color: #21AECE; text-decoration: none; }
#SubMenu #Faculty a:hover { color: #33C9EB; }
#SubMenu #Advisors { background: transparent url(/images/submenu-inside-bg-advisors.gif) bottom left no-repeat; margin-bottom: 2px; color: #F3881E; }
#SubMenu #Advisors a { color: #F3881E; text-decoration: none; }
#SubMenu #Advisors a:hover { color: #FEA44C; }
#Banner       { float:right; width:530px; background: transparent url(/images/banner-inside-1.jpg) top left no-repeat; height: 229px; margin-top: 5px; }
#BannerEvents { float:right; width:530px; background: transparent url(/images/banner-events.jpg) top left no-repeat; height: 229px; margin-top: 5px; }
#BannerArticulation {  float:right; width: 530px; background: transparent url(/images/banner-articulation.jpg) top left no-repeat; height: 229px; margin-top: 5px; }
#BannerStudents  { float:right; width:530px; background: transparent url(/images/banner-students.jpg) top left no-repeat;  height:229px; margin-top:5px; }
#BannerResources { float:right; width:530px; background: transparent url(/images/banner-resources.jpg) top left no-repeat; height:229px; margin-top:5px; }
#BannerFaculty   { float:right; width:530px; background: transparent url(/images/banner-faculty.jpg) top left no-repeat;   height:229px; margin-top:5px; }
#BannerAdvisors  { float:right; width:530px; background: transparent url(/images/banner-advisors.jpg) top left no-repeat;  height:229px; margin-top:5px; }

#SubContent
{
    width: 700px;
  /*width: auto;*/
  float: left;
  margin: 0 10px 5px 0;
  padding: 30px 0 0 20px;
  clear: left;
  color: #7F8177;
  font: 1em "Trebuchet MS",Arial, sans-serif;
}
#SubContent h1
{
  font: 24px "Trebuchet MS", Arial, sans-serif;
  color: #A9C319;
  margin: 20px 0 0 0;
  background: transparent url(/images/headline-background-1.gif) no-repeat;
  padding: 0 0 15px 40px;
}
#SubContent h4.SubTitle
{
  color: #71726E;
  font: 1.2em "Trebuchet MS",Arial, sans-serif;
  margin: -8px 0 0 0;
  padding: 0 0 5px 40px;
}
#SubContent ul.GreenBullets, .classdetails ul.GreenBullets
{
  margin-left: 18px;
  padding-left: 0;
}
.classdetails ul.GreenBullets {margin-top: 5px; padding-top: 0;}
#SubContent ul.GreenBullets li, .classdetails ul.GreenBullets li
{
  list-style-image: url(/images/bullet-green.gif);
  padding-left: 15px;
  margin-left: 0;
}
#SubContent ul.GreenBullets li strong, .classdetails ul.GreenBullets li strong
{
  color: #A9C319;
}
#SubContent p, #SubContent li, #arttemp p, #arttemp li
{
  line-height: 1.5em;
}
#Sidebar, #newSidebar, #forumSidebar
{
  width: 190px;
  float: right;
  border: 1px solid #A9C319;
  background: #FBFDEF;
  padding: 0;
  margin: 35px 0px 5px 20px;
  line-height: normal !important;
}
#newSidebar {margin-top: 54px;}
#forumSidebar {margin-top: 0px; margin-left:20px; margin-right:10px;}

#Sidebar h3, #newSidebar h3, #forumSidebar h3
{
  background: #A9C319;
  padding: 6px 7px 7px 7px;
  font: 1.2em "Trebuchet MS",Arial, sans-serif;
  color: #FFF;
  margin: 0;
}
#Sidebar h4, #newSidebar h4, #forumSidebar h4
{
  color: #A9C319;
  font: 1em "Trebuchet MS", Arial, sans-serif;
  padding: 3px 0;
  margin: 0;
  font-weight: bolder;
}

#Sidebar p, #newSidebar p, #forumSidebar p
{
  font: .9em Verdana, Arial, sans-serif;
  padding: 4px 0;
  margin: 0 !important;
  color: #333;
  line-height: normal !important;
}
#FacultyLogin, #Events, #WhyArticulation
{
  margin: 7px;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #A9C319;
}
#WhyArticulation
{
  border-bottom: 0;
}
#FacultyLogin label
{
  display: block;
  width: 60px;
  float: left;
  margin-right: 5px;
  padding: 4px;
  clear: left;
}
#FacultyLogin input.Submit
{
  margin-bottom: -8px;
}
#FacultyLogin p.Submit
{
  text-align: right;
  padding-right: 7px;
}

.GrBullets
{
  list-style-image: url(/images/bullet-green.gif);
  padding-left: 15px;
  margin-left: 0;
}

#BannerPublications
{
  float: right;
  width: 530px;
  background: transparent url(/images/banner-publications.jpg) top left no-repeat;
  height: 229px;
  margin-top: 5px;
}

#BannerFAQ
{
  float: right;
  width: 530px;
  background: transparent url(/images/banner-faq.jpg) top left no-repeat;
  height: 229px;
  margin-top: 5px;
}

.video {
	float: left;
	display: inline;
	margin: 0 5px 55px;
}

h2 {
	color: #2bb0cf;
	font-size: 130%;
}

h3 {
	margin: 20px 0 0 0;
}

.textBigger {font-size: 1.2em;}

#arttemp {
  width: 505px;
  float: left;
  margin: 0 10px 5px 0;
  padding: 42px 0 15px 2px;
  clear: left;
  color: #7F8177;
  font: 1em "Trebuchet MS",Arial, sans-serif;}
#arttemp h1 {
  position: relative;
  left: 18px;
  font: 24px "Trebuchet MS", Arial, sans-serif;
  color: #A9C319;
  margin: 0px;
  background: transparent url(/images/headline-background-1.gif) 0 8px no-repeat;
  padding: 0px 0px 20px 40px;}
.greentxt {color: #b8cd1f;}
.longbluebox {
  width: 488px;
  height: 40px;
  padding: 12px 5px 0px 12px;
  margin: 0px;
  background: url(/images/img_bk_longbluebox.gif) no-repeat;}
.btngo {position: relative; top: 5px; left: 3px;}
#arttemp form input, #arttemp form select, .longerselectbox form input, .longerselectbox form select
{color: #71726E; font-family: "Trebuchet MS", Arial, sans-serif;}
.atindent {margin: 0 15px;}

.longerselectbox {
  position: relative;
  width: 701px;
  height: 37px;
  margin: 10px 0;
  padding: 0 10px 0 0;
  text-align: right;
  background: url(/images/img_bk_longerbluebox.gif) no-repeat;}
.longerselectbox select {
  position: relative;
  margin: 7px 0 0 0;
  padding: 0;}
.lbtngo {
  position: relative;
  top: 3px; top /**/: 6px;
  left: 3px;}

.classdescbox {
  background-color: #e0eef2;
  width: 712px;
  padding: 0;
  margin: 10px 0;}
.classdescbox h1 {
  font: 20px "Trebuchet MS", Arial, sans-serif;
  color: #0d9cc1;
  margin: 0;
  width: 682px;
  padding: 20px 0 0 30px;
  background: url(/images/img_bk_boxblue_header712.gif) no-repeat top left;}
.cdleftbox, .cdrightbox {float: left; margin: 0; padding: 0;}
.cdleftbox {width: 445px;}
.cdleftbox ul {
  margin: 0 0 15px 30px;
  padding: 0;
  list-style: none;
  line-height: 1.6em;}
.cdleftbox ul li {
  color: #747474;
  font-weight: bold;
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size: 1.15em;}
.cdrightbox {width: 260px; margin-top: 10px;}
.endclassbox {
  clear: both;
  width: 712px;
  height: 4px;
  background: url(/images/img_bk_boxblue_bottom712.gif) no-repeat bottom left;}

.classdetails {
  width: 712px;
  position: relative;
  margin: 15px 0;
  padding: 0;
  font-size: 1.15em;
  color: #747474;
  font-family: "Trebuchet MS", Arial, sans-serif;
  line-height: 1.6em;
  background-color: #f3f8f9;}
.classdetails h2 {
  font-size: 1em;
  margin: 0 5px 0 0;
  padding: 0;
  position: relative;}
.classdetails p {margin: 0 0 10px 0; padding: 0;}
.classdetails .sameline {float: left;}
.cdettop {
  width: 712px;
  height:4px;
  background: url(/images/img_bk_ltboxblue_top712.gif) no-repeat top left;}
.cdetbtm {
  width: 712px;
  height: 4px;
  background: url(/images/img_bk_ltboxblue_btm712.gif) no-repeat bottom left;}
.cdetmid {width: 652px; position: relative; left: 30px; margin: 10px 0; padding: 0;}
.classdetails ol {margin-top: 5px; padding-top: 0;}

.hd, .ft {
	clear: both;
}

/* forum styles */

#SmallerHype
{
	padding: 0 0 0 0;
	width: 650px;
	float: left;
	margin: 0 1px 1px 0;
	clear: left;
	color: #7F8177;
  font: 12px "Trebuchet MS" ,Arial, sans-serif;
}
#SmallerHype a
{
	color: #20ACCD;
	font-size: 11px;
  font-family: "Trebuchet MS", sans-serif;
}
#SmallerHype a:hover
{
  color: #01CEFE;
  font-size: 11px;
  font-family: "Trebuchet MS", sans-serif;
}
#SmallerHype a:visited {
	color: #20ACCD;
	font-size: 11px;
  font-family: "Trebuchet MS", sans-serif;
}

#SmallerHype a:link {
	color: #20ACCD;
	font-size: 11px;
  font-family: "Trebuchet MS", sans-serif;
}

#ForumContent
{
  width: 710px;  /* 650px; */
	float: left;
	margin: 0 1px 1px 0;
	clear: left;
	color: #7F8177;
	font: 12px "Trebuchet MS" ,Arial;
}


.ForumHeaderTitle {
  position:relative;
  font: 24px "Trebuchet MS", Arial, sans-serif;
  color: #A9C319;
  margin: 30px 0 0 10px;
  background: transparent url(/images/headline-background-1.gif) 0 8px no-repeat;
  width: 350px;
  padding: 0 0 10px 40px;
  float:left; }
.ForumHeaderLoginInfo {
  color: #7F8177;
  font: 12px "Trebuchet MS" ,Arial, sans-serif;
  position:relative;
  width: 250px;
  float: right;
  text-align: right;
  padding-right: 20px; }


#ForumContent h1
{
  font: 18px "Trebuchet MS", Arial, sans-serif;  color: #00ADD1;  margin: 0;

}
#ForumContent h2
{
	font: 18px "Trebuchet MS", Arial;
	color: #00ADD1;
	margin: 0;
	padding-left: 30px;
}

#ForumContent h4.SubTitle
{
	color: #71726E;
	font: 1.2em "Trebuchet MS" ,Arial;
	margin: -8px 0 0 0;
	padding: 0 0 5px 40px;
}
#ForumContent h6
{
	color: #A9C319;
	font: 9px "Trebuchet MS" ,Arial;

}
#ForumContent ul.GreenBullets
{
  margin-left: 18px;
  padding-left: 0;
}
#ForumContent ul.GreenBullets li
{
  list-style-image: url(/images/bullet-green.gif);
  padding-left: 15px;
  margin-left: 0;
}
#ForumContent ul.GreenBullets li strong
{
	color: #A9C319;
}
#GreenFont
{
	color: #A9C319;
	text-transform: uppercase;
}

#ForumContent p, #ForumContent li
{
	line-height: 1.5em;
	padding: 0 0 1px 20px;
}

#BottomBlock
{
	padding: 5px;
	margin-bottom: 1px;
	width: 650px;
	float: left;
  background-color: #F5F5F5;   /* whitesmoke */
	font-size: 12pt;
	color: #00b9d5;

}
#BottomBlock ul.GreenBullets li strong
{
	color: #A9C319;
	text-transform: uppercase;
}

.GreenLabel
{
	color: #A9C319;
	text-transform: uppercase;
	font-weight: bold;
}

.GreyLabel
{
	color: #7F8177;
	font-size: 14px;
	font-weight: bold;
}
.GreyLab
{
	color: #7F8177;
	font-size: 14px;
}

#ForumContent2
{
	width: 650px;
	float: left;
	margin: 0 1px 1px 0;
	clear: left;
	color: #7F8177;
	font: 12px "Trebuchet MS" ,Arial;
}

.dialog { background-color: #D3D3D3; color: #000000; padding:10px; }
form { display:inline; }

.dialogbody  { background-color:silver; border: 2px; border-style:outset; font-size:12pt; color:white; padding-left:4px; padding-right:4px; }
textarea { border: 2px; border-style:inset;  }

.selecteditem { color:red; font-style:italic; }

.bluebox h2, .ltgraybox h2 {margin: 0; padding: 0; font: 24px "Trebuchet MS", Arial, sans-serif;}
.bluebox label {margin-bottom: 2px;}

.bluebox {
  font-family: "Trebuchet MS", Arial, sans-serif;
  color: #71726E;
  float: left;
  width: 326px;
  background-color: #edf7f9;
  padding: 15px 0 15px 15px;
  margin: 15px 10px 15px 0;}
.ltgraybox {
  font-family: "Trebuchet MS", Arial, sans-serif;
  color: #71726E;
  float: left;
  width: 326px;
  background-color: #f6f6f6;
  padding: 15px 0 15px 15px;
  margin: 15px 10px 15px 0;}
.bluebox .larger {font-size: 1.2em;}
.bluebox .left, .contactform .left {float: left;}
.bluebox .forgot {margin: 0 0 0 10px; padding: 0;}
.bluebox .rem {clear: both; margin: 0 0 10px 0; padding: 3px 0 0 0;}
.boxnofloat { clear:both; font-family: "Trebuchet MS", Arial, sans-serif; color: #71726E; background-color: #edf7f9;  padding: 15px 0 15px 15px;  margin: 15px 10px 15px 20px; }

.contactform {border: 1px solid #a7a6aa; padding: 15px; margin: 0px 10px;}
.contactform label {font-weight: bold;}
.contactform p {margin: 0px 0px 10px 0; padding: 0px;}
.contactform textarea {font: .9em Verdana, Arial, sans-serif; color: #333; border: 1px solid #a7a6aa;}
.contactform input {font: .9em Verdana, Arial, sans-serif; color: #333;}

/*resources*/



.poster,
.file {
	float: left;
	display: inline;
	width: 98px;
	height: 140px;
	margin: 0 10px 25px;
	font-size: 12px;
}

.poster {
  height: 160px;
}

.file {
	width: 143px;
	margin: 0 5px 25px;
}

.poster img,
.file img {
	border: 1px solid #ccc;
}

.poster a,
.file a {
	color: #333;
	text-decoration: none;
	display: block;
	width: 98px;
}





.LeaveYourFeedback { margin-top:4px; color:#666666; }