* {
	margin:0;
	padding:0;
	}

body {
	text-align:center;
	font-size:62.5%;
	background:#009
	}

/*  ===========================
    Accordion Styles
    =========================== */



	.accordionItem {
		font-family:verdana;
		}	

      .accordionItem h2 { font-size: 1.1em;  margin: 0; padding: 0.4em; color: #008; background-color: #efefef; border-bottom: 1px solid #66d;  }

		* html .accordionItem h2 {
			width:96%
			}

      .accordionItem h2:hover { cursor: pointer; background-color:#cdcdcd}

      .accordionItem div { margin: 0; padding: 1em 0.4em; background-color: #efefef;}

		* html .accordionItem div {
			width:96%
			}

      .accordionItem.hide h2 { font-size:1.1em;  color: #008; background-color: #efefef; }

      .accordionItem.hide h2:hover { background-color: #cdcdcd;  cursor:pointer}

      .accordionItem.hide div { display: none; }

	.accordionItem p {font:1.1em/1.4em verdana;
        color:#008;
        text-align:left;
        margin-bottom:8px;

        padding-bottom:10px;
	border-bottom:1px dotted #ddd
        }

#box {
	width:759px;
	background:#fff;
	padding-top:1px;
	padding-left:1px;
	margin:20px auto 10px auto;
	}

	* html #box {
		width:765px;
		}

#logo {
	width:758px;
	height:73px;
	background:url(school-logo.gif) 5px 5px no-repeat
	}

#header {
	width:758px;
	height:149px;
	background:url(headerimage2.gif) bottom no-repeat;
	}

#primarynav {
	width:758px;
	height:20px;
	padding-top:5px;
	margin-top:1px;
	background:#667;
	}



#maincontent {
	width:758px;
	clear:both;
	background:#fff;
	margin-top:5px
	}

#npcaintro {
	width:490px;
	float:left;
	margin:5px 10px 20px 10px;
	padding-bottom:20px;

	}


#npcaintro a {
	display:block;
	width:490px;
	height:294px;
	text-decoration:none;
	background-image:url(http://www.collegiateacademy.com/images/school-winter.jpg)
	}

#npcaintro a:hover {
	text-decoration:none;
	background-image:url(http://www.collegiateacademy.com/images/sweeney2.jpg)
	}

#npcaintro h2 {
	font:2em/1.4em georgia;
	text-align:left;
	color:#008;
	margin-bottom:10px;
	}

#npcaintro h3 {
	font:1.2em/1.6em georgia;
	text-align:left;
	color:#008;
	margin-bottom:10px
	}

#namelater {
	width:247px;
	float:left;
	padding-left:1px;
	margin-top:8px;
	padding-bottom:20px;
	}

#namelater ul {
        list-style-type:none;
	margin-bottom:12px;
       
        }

#namelater ul.disc {
	list-style-type:disc;
	margin-left:30px;
        text-align:left
	}

#namelater ul li {
        margin-bottom:7px;
	font:1.1em/1.5em verdana;
	color:#223;
        }

#namelater ul.disc li {
	margin-bottom:2px
	}

/*  ===========================
    New newsbox section
    =========================== */

#newsbox {
	width:758px;
	height:300px;
	clear:both;
	background:#fffdd0;
	margin-top:15px;
	border-top:1pt solid #cccdd0;
	}

#newsboxleft {
	width:235px;
	height:300px;
	float:left;
	margin:5px 10px 0 10px;
	}

#newsboxmiddle {
	width:235px;
	height:300px;
	float:left;
	padding-left:8px;
	margin-top:5px;
	border-left:1px dotted #bbb
	}

#newsboxleft img {
	border:6px solid #fff
	}

.imageframe {
	border:1px solid #aaa;
	width:212px;
	margin:0;
	padding:0;
	}

#newsboxright {
	width:235px;
	height:300px;
	float:left;
	padding-left:8px;
	margin-top:5px;
	border-left:1px dotted #bbb
	}

#newsboxright h3, #newsboxmiddle h3 {
       font:bold 1.3em georgia;
       text-transform:uppercase;
       letter-spacing:1px;
       color:#9c0000;
       text-align:left;
       margin-bottom:10px
       }

#newsboxright h4, newsboxmiddle h4 {
        font:bold 1.1em georgia;
        text-align:left;
        margin-bottom:6px;
        }

#newsboxright p, #newsboxmiddle p {
        font:1em verdana;
        text-align:left;
        margin-bottom:15px;
        }

.item {
	width:300px;
	padding:5px;
	border-bottom:1px dotted #ddd
	}

.item img {
	float:left;
	margin-right:10px
	}

.item p {
	font:8pt verdana;
	text-align:left;
	color:#112
	}
	


#namelater img {
	border:0;
	margin:0;
	padding:0
	}

.box {
	width:236px;
	margin-left:1px;
	padding:5px;
	background:#eee
	}

.box img {
	float:left;
	margin-right:10px;
	padding-right:10px
	}

.box h3 {
	font:bold 1.2em georgia;
	color:#008;
	text-align:left;
        margin-bottom:8px
	}

.box p {
        font:1.1em/1.4em verdana;
        color:#008;
        text-align:left;
        margin-bottom:8px;
        }

.box p.tight {
       margin-bottom:0
       }

.box p.padded {
	margin-left:65px;
	}

.box a {
	text-decoration:underline;
	color:#004
	}

.box a:hover {
	text-decoration:underline;
	color:#000
	}


/*
=====================================
Secondary Content
=====================================
*/

#secondarycontent {
	width:758px;
	min-height:800px;
	border-top:1px solid #aaa;
	background:#D1EAE4;
	clear:both
	}

#news {
	width:360px;
	height:300px;
	margin-right:30px;
	float:left;
	margin-left:1px;
	}

#news h2, #events h2 {
        font:bold 1.4em garamond;
        color:#556;
        text-align:left;
        margin:5px 0 10px 5px;
        }

#news h3, #events h3 {
	font:bold 1.2em verdana;
	color:#334;
	text-align:left;
	margin-left:5px;
	margin-bottom:8px
	}

#news p, #events p {
	font:1.1em/1.4em verdana;
	color:#445;
	margin-left:5px;
	margin-bottom:8px;
	text-align:left
	}

#events p.marginbottom {
	margin-bottom:20px
	}

#events {
	width:360px;
	min-height:800px;
	float:left;
	}

#footer {
	width:758px;
	height:26px;
	background:#D1EAE4;
        border-top:2px solid #fff;
	clear:both;
	}

#footer h4 {
      font:1em verdana;
      color:#667;
      text-align:left;
      padding-top:5px;
      margin-left:5px;
     }

#footer ul {
       list-style-type:none;
	position:relative;
	left:200px;
	top:-12px
       }

#footer ul li {
       display:inline;
	margin-right:10px;
       }

#footer ul li a {
        font:1em verdana;
        color:#667;
        }

#footer ul li a:hover {
        color:#223;
        }