/* CSS Document */
body{background-color:#9ECFAB; text-align:center; margin:0em; padding:0em; background-image:url("sheetmusic.gif"); background-repeat:no-repeat; background-position:top;}
#page{position:relative; top:10em; left:0em; text-align:left;
		 margin:0px auto; width:80%; height:100%; padding:0em}
p{font-size:.75em; color:#006633}
.more{font-size:.75em; color:#3399CC}
.scheduleBreak{color:#3399CC; padding-right:5em}
.blackText{color:#000000}.eventSpecial{text-align:left; width:70%;font-color:#440044;border:1px solid #c0c0c0; display:block;margin:.5em;padding:.5em}
/*Menu Styles*/
#menuwrapper{position:absolute;top:14em; left:2em; background-color:#FFFFFF;border:1px solid #000000;z-index:2; background-image:url("images/ctlogo.gif"); background-position:top; background-repeat:no-repeat; width:174px}
.menu{margin:144px 0em 0em 0em; padding:0em 0em .5em 0em;text-align:left; padding-left:1em }
.menuitem{display:block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; padding-bottom:.5em;font-weight:bold }
a,a:visited,a:active{text-decoration:none; color:#0066CC}
.menuitem a:hover{background-color:#D0E7C9;display:block;}
#submenu li{list-style-type:none;padding:.5em}
#submenu ul {list-style-type:none;padding:.5em}
#submenu{float:right; margin:0em 2em 2em 1em; padding:0em; border:1px solid #339933; background-color:#DBF2DB}

/*Uniform List*/
UL {font-weight:bold}
LI{font-weight:normal}
LI.important{padding:1em}
LI.uniformList{list-style-type:disc; list-style-position:inside; color:#006600; font-weight:normal}

/*CSS styles for the page overlay*/
#top{position:relative; background-image:url("images/top.gif"); background-repeat:repeat-x;
		padding:0em;margin:0em; height:30px; clear:both}
	#leftTop{position:absolute; top:0em; left:0em; background-image:url("images/topLeft.gif"); background-repeat:no-repeat;float:left;
		padding:0em;margin:0em 0em 0em -30px; height:30px; width:30px}
	#rightTop{position:absolute; top:0em; left:100%;background-image:url("images/topRight.gif"); background-repeat:no-repeat;float:right;
		padding:0em;margin:0em -30px 0em 0em; height:30px;width:30px}

#middle{border:1px solid #000000;  position:relative; background-color:#ffffff; margin:0em;padding:0em; height:100%; width:100%; clear:both; float:left}
	#leftMiddle{position:absolute; top:0em; left:-30px;background-image:url(images/left.gif); background-repeat:repeat-y;
				margin:0em 0em 0em 0px; padding:0em; height:100%; width:30px; float:left; display:block}
	#rightMiddle{position:absolute; top:0em; left:100%; background-image:url(images/right.gif); background-repeat:repeat-y;
				margin:0em; padding:0em; height:100%; overflow:hidden; width:30px; float:right; display:block}
	
#bottom{position:relative; background-repeat:repeat-x;
		padding:0em; margin:0em; height:30px; clear:both}
	#leftBottom{position:absolute; top:0em; left:0em; background-image:url("images/bottomLeft.gif"); background-repeat:no-repeat;float:left;
		padding:0em; margin:0em 0em 0em -30px; height:30px; width:30px}
	#rightBottom{position:absolute; top:0em; left:100%; background-image:url("images/bottomRight.gif"); background-repeat:no-repeat; float:right;
			padding:0em; margin:0em -30px 0em 0em; height:30px; width:30px}



span .myBlock{display:block;}
#main H1{ font-family:"Century Gothic", "sans-serif"; font-size:1.5em; font-weight:bold; display:inline; color:#009933}
DIV .section,.events {margin:1em}
.events{border:1px solid #c0c0c0; background-color:#f0f0f0}

/*CSS styles for content*/
#content{padding:0em 0em 0em 0em; margin:0em 0em 0em 9em;height:100%; font-family:"helvetica", "sans-serif"; }
.ctmbTitle{	position:relative;text-align:center;display:block; 
			font-family:"Century Gothic", serif; font-size:2em; font-stretch:expanded; 
			font-variant:small-caps; font-weight:bold; color:#0033CC;z-index:1;
			background-image:url(images/title.gif);height:150px;width:550px;background-repeat:no-repeat}
#welcome{float:left;width:10em}
#flashContent{float:left;}
#announcement{float:left;}
#alumni{float:left;}
#events{position:relative; float:left;clear:both; width:60%}
#history{float:left;}
#mailingList{float:left;}
#events .eventer p{padding:0;margin:0}
#events .eventer{position:relative; left:0em; padding-right:1em; float:left}
#events .eventer h4{font-size:.75em;padding:0;margin:0}
li{list-style-type:none}
#events .student{border:1px solid #c0c0c0; background-color:#f0f0f0}
.clearing{clear:both; text-align:center}

#colophon{clear:both; background-color:#EBF5ED; padding:1em; margin-left:0em; height:100%}

.red{color:#ff0000}
.sitemap{margin:0em;padding:0em;  padding-top:.3em;list-style-position:outside; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:.75em}
.sitemap li{list-style-type:none; font-weight:100}
#siteMap{width:100%; clear:both;background-color:#EBF5ED; }
.siteMapSection{float:left; padding-right:1em;background-color:#EBF5ED; }

/*css style for uniforms page*/
.shoppingItem,.shoppingItemParent {width:150px;float:left; padding-left:1.5em;height:14em}
#viewcart{clear:both;padding-top:1em}
.newEvent{display:block;width:25em;height:5em;float:left;border:1px solid #c0c0c0;font-size:.75em;font-weight:normal;padding:1em;margin:1em 1em 0em 0em}.scheduleDate{display:block;font-weight:bold}
#eventList dt{font-weight:bold;padding-top:1em}
		P.western { font-family: "Times New Roman", serif; font-size: 12pt; }
		P.cjk { font-family: "Times New Roman", serif; font-size: 12pt }
		P.ctl { font-family: "Times New Roman", serif; font-size: 12pt;  }