body
{
	padding:0px;
	text-align:center;
	margin:0px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background:url('homepage-dev/bodyBG.jpg') #efefef repeat-x;
}

#topLinks
{
	text-align:right; height:25px; padding-top:10px; color:#333333; float:right; padding-right:10px; font-size:10px;
}

#topLinks a
{
	text-decoration:none;
	padding-right:8px;
	padding-left:8px;
	color:#333333
}

#topLinks a:hover
{
	text-decoration:underline
}

#homepageHeader
{
	width:770px; height:263px; background-image:url('homepage-dev/icm-homepage-title-1.jpg');
	overflow:hidden
}

#membership-section{
	width:95px;
	height:30px;
	float:left;
	background-image:url(homepage-dev/section-membership.jpg); }
	
#student-section{
	width:95px;
	height:30px;
	float:left;
	background-image:url(homepage-dev/section-students.jpg); }
	
#news-section{
	width:95px;
	height:30px;
	float:left;
	background-image:url(homepage-dev/section-news.jpg); }
	
#projects-section{
	width:95px;
	height:30px;
	float:left;
	background-image:url(homepage-dev/section-projects.jpg); }

#tabsBottom
{
	background-color:#285097; height:10px
}

ul.tabs
{
	margin:83px 0px 0px 0px; height:30px; float:right; width:380px; list-style: none; padding:0px; text-align:center; z-index:900;
	/* margin:233px 0px 0px 0px; height:30px; float:right; width:380px; list-style: none; padding:0px; text-align:center;*/
}

li.tabs
{
	width: 95px;
	height: 30px;
	display: block;
	float: left;
}

.tabs a
{
	width: 95px;
	padding-top:7px;
	display: block;
	float: left;
	font-size:11px;
	color:#F9F9F9;
	height:23px;
	outline:none;
}

.tabs a:hover
{
	text-decoration:none;
	color:#F9F9F9
}

h3
{
	padding:8px 0px 8px 10px;
	margin:0px;
	font-size:11px;
	font-weight:bold;
	color:#7C7C7C
}

h3 a:link, h3 a:visited
{
	color:#7C7C7C;
	cursor:pointer
}

h4
{
	font-size:12px; font-weight:bold;
	padding:0px;
	margin:0px;
	color:#555555
}

.widgetHeader
{
	background-image:url(homepage-dev/widgetHeader.gif); width:305px; height:30px; clear:both; cursor:move
}

.widgetBody
{
	width:293px; border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9; padding:5px;
	background:url(homepage-dev/widgetBG.jpg) repeat-x bottom
}

.carouselArrow
{
	outline:none
}

.widgetHeader220
{
	background-image:url(homepage-dev/widgetHeader220.gif); width:220px; height:30px; clear:both;
}

.widgetBody220
{
	width:208px; border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; margin-bottom:6px; padding:5px;
}


.widgetHeader447
{
	background:url(homepage-dev/widgetHeader447min.gif); width:447px; height:30px; clear:both;
	cursor:move
}



ul
{
	margin: 0;
	padding: 0;
}

ul li
{
	list-style-type:none;
	list-style-image: none;
	margin-bottom:5px;
}

#membership ul
{
	padding:10px 0 0 0;
}

#membership ul li
{
	list-style-type:disc;
	color:#285097;
	margin:0 0 0 20px;
	padding:2px 0 0 0;
}

#membership .memli
{
	color:#555555;
	font-size:11px
}

#announce ul li
{
	list-style-type:disc;
	color:#285097;
	margin:0 0 0 20px;
	padding:5px 5px 0 0;
}

#announce ul li a
{
	color:#555555;
	font-size:11px
}


#footer
{
background-color:#285097; padding:6px; color:#FDFDFD; height:185px
}

#footer a:link, #footer a:hover, #footer a:visited
{
	color:#FBFBFB;
	display:block
}

p
{
	padding:0px;
	margin:0px;
}


.viewMore
{
	text-align:right;
}

.viewMore a
{
	color:#7c7c7c;
	font-weight:bold;
	height:16px;
	clear:both;
}

.viewMore a:hover
{
	color:#7c7c7c;
}

a:link, a:visited
{
	text-decoration:none 
}

.minMax, .minMax a:link, .minMax a:visited 
{
	font-size:20px;
	color:#666666;
	outline:none;
	float:right;
	margin-top:5px;
	margin-right:5px;
	width:20px;
	height:20px;
	text-indent:-50000px;
	background:url(homepage-dev/widgetHeaderMin.gif) right;
}

.widgetHeaderMaxi
{
	background:url(homepage-dev/widgetHeaderMaxi.gif) right;
}

.widgetWrap
{
	width:305px; margin-bottom:6px; background:url(homepage-dev/widgetFooter.jpg) #FFFFFF no-repeat bottom; padding-bottom:7px
}

.widgetWrap220
{
	width:220px; margin-bottom:6px; float:left; background:url(homepage-dev/widgetFooter220.jpg) no-repeat bottom; padding-bottom:7px
}

.widgetWrap447
{
	width:447px; margin-bottom:6px; background:url(homepage-dev/widgetFooter447.gif) #FFFFFF no-repeat bottom; padding-bottom:7px; float:left
}

.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 100px !important;
background-color:#CCCCCC; background-image:none; }

.toolbox
{
height: 20px;
line-height: 16px;
padding-left: 22px;
margin-top:2px;
}

a
{
	color:#06c
}

a:hover
{
	text-decoration:underline;
	color:#114477;
}

.newsItem
{
	padding-bottom:10px; clear:both
}

.newsItem a:link, .newsItem a:visited
{
	color:#555555; text-decoration:none; font-weight:bold; font-size:11px
}

.newsItem a:hover
{
	text-decoration:underline;
	color:#000000
}

.otherNewsItem
{
	padding-top:5px;
}

.otherNewsItem a:link, .otherNewsItem a:visited
{
color:#555555; text-decoration:none; font-weight:bold; font-size:11px
}

.otherNewsItem a:hover
{
	text-decoration:underline;
	color:#000000
}

#mycarousel img
{
	border:1px solid transparent;
}

#mycarousel img:hover
{
	border:1px solid #999999
}

#mycarousel a
{
	color:#285097;
}

.carouselBG
{
	background-color:#ffffff;
}

.carouselControl
{
	padding:10px 5px 5px 5px;height:30px; width:195px; margin-left:auto; margin-right:auto;
}

.carouselControl img, .carouselControl a
{
	border:none;
	outline:none;
	float:left;
	display:block
}


.jcarousel-control a:visited, .jcarousel-control a:link
{
	width:20px;
	height:15px;
	display:block;
	float:left;
	text-indent:-50000px;
	background:url(homepage-dev/dotSelectOff.gif) no-repeat;
}

.tooltip img
{
	border:none
}

#copyrightNotice
{
	text-align:left; width:770px; margin-left:auto; margin-right:auto; font-size:10px; padding:5px 0; height:60px
}

#accessLinks
{
	height:20px; line-height:20px
}

#accessLinks a:link, #accessLinks a:visited
{
	color:#333333;
	padding:0 3px 0 3px;
}

.joker-carousel li, .joker-carousel ul, .joker-carousel a:link, .joker-carousel a:visited, .joker-carousel img 
{
		background-color:#FFF;
		border:none
}


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
	overflow:hidden;
	width:300px
}

.joker .jcarousel-container {
    position: relative;
	overflow:hidden;
	width:240px
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 95px;
    height: 95px;
	padding-left:4px;
	padding-top:5px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}