/* Start of CMSMS style sheet 'layout1.css' */
body { margin: 0 auto; text-align: center; font: 62.5% Tahoma; color: #333; background: #fff; width: 100%; display: table; }

a, a:link, a:visited, a:active, a:hover, a:hover { text-decoration: none; outline: none; }

span.hide { position: absolute; left: -1000em; overflow: hidden; }
.hidden, caption  { display: none; }

.clear { clear: both; }

hr { display: none; }

strong { font-weight: bold; }
em { font-style: italic; }

acronym { cursor: help; }

address { font-style: normal; }

/* layout */

#container { width: 1004px; margin: 0 auto; text-align: left; position: relative; 
background: url(uploads/assets/images/layout_images/illustration_stu1.jpg) no-repeat 100% 0; }

/* logo area */
#logo { background: url(uploads/assets/images/layout_images/lined-paper.png) no-repeat; width: 308px; height: 300px; padding: 46px 0 0 22px; border-top: 5px solid #fff; border-left: 10px solid #fff; }
#logo a { display: block; background: url(uploads/assets/images/layout_images/logo4.gif) no-repeat; width: 285px; height: 219px; }

/* envelope */
#navigation { background: url(uploads/assets/images/layout_images/envelope_top.png) no-repeat; width: 326px; padding: 67px 0 0; font: 14px Tahoma; margin-left: 10px; margin-top: -68px; }

/*envelope menu back ground part */
#navigation #envelope-content { background: url(uploads/assets/images/layout_images/envelope_rpt.gif) repeat-y; width: 270px; padding: 23px 23px 23px 33px; }

/*#navigation ul { padding-bottom: 20px; }*/

/*lines across menu envelope*/
/*#navigation li { width: 280px; background: url(uploads/assets/images/layout_images/nav-hr.gif) no-repeat 0 100%; padding: 0 0 0 42px; }this needs altering*/

/*nav boxes*/
/*#navigation a { display: block; padding: 5px 5px 5px 45px; width: 178px; background: url(uploads/assets/images/layout_images/nav-box.gif) no-repeat 8px 3px; }
*/

#navigation li.current a { background: url(uploads/assets/images/layout_images/nav-box_current.gif) no-repeat 8px 3px; }

#navigation a:link,
#navigation a:visited,
#navigation a:active { color: #333; }
#navigation a:hover { color: #FF0000; }

/* main content area */
#main { width: 605px; position: absolute; top: 325px; left: 360px; margin-bottom: 5px; }

/* latest announcement area */
#latest_announcement { width: 605px; position: relative; margin: 25px 0 15px; padding: 14px 0 0; min-height: 170px; }
#la_heading { background: url(uploads/assets/images/layout_images/latest-sticky.gif) no-repeat; width: 193px; height: 187px; position: absolute; top: 0; left: 20px; z-index: 2; }
#la_heading h2 { font-size: 2.2em; color: #5C5C4C; line-height: 22px; position: absolute; top: 17px; left: 18px; font-weight: normal; }
#la_heading h2 strong { font-weight: normal; font-size: 30px; }
 #la_heading div { color: #527AB1; font: bold 1.1em/12px Arial, Helvetica, sans-serif; text-align: right; position: absolute; bottom: 33px; right: 24px; }
.la_item { background: url(uploads/assets/images/layout_images/hr.gif) no-repeat 0 0; padding: 10px 145px 5px 225px; width: 235px; position: relative; z-index: 1; }
.la_item .la_pic { display: block; background: url(uploads/assets/images/layout_images/thumb-back.gif) no-repeat; width: 113px; height: 115px; padding: 9px 0 0 11px; position: absolute; top: 10px; right: 15px; }
.la_item h3 { font-size: 1.8em; color: #527BB2; padding: 17px 0 6px; line-height: 20px; font-weight: normal; }
.la_item p { margin: 15px 0; font-size: 1.3em; line-height: 18px; }
.la_item a,
.la_item a:link,
.la_item a:visited,
.la_item a:active { color: #527BB2; }
.la_item a:hover { color: #FF0000; }
#paperclip { background: url(uploads/assets/images/layout_images/paper-clip.png) no-repeat; width: 29px; height: 59px; position: absolute; top: -4px; right: 40px; z-index: 3; }

/* breadcrumb */
#breadcrumb { background: url(uploads/assets/images/layout_images/hr.gif) no-repeat 0 0; width: 530px; position: relative; padding: 10px 0 10px 75px; font: 11px/12px Arial, Helvetica, sans-serif; color: #999; }
#breadcrumb span { display: block; position: absolute; left: 0; top: 10px; }
#breadcrumb a,
#breadcrumb a:link,
#breadcrumb a:visited,
#breadcrumb a:active { color: #333; }
#breadcrumb a:hover { color: #666; }

/* footer */
#footer { background: url(uploads/assets/images/layout_images/envelope_bottom.gif) no-repeat; width: 221px; height: 81px; margin-left: 10px; font: 1.1em/12px Arial, Helvetica, sans-serif; padding: 32px 40px 0 75px; margin-bottom: 5px; }
#footer span,
#footer strong { display: block; float: left; }
#footer span { width: 45px; color: #B1AA9F; }
#footer strong { width: 155px; font-weight: normal; color: #8B8883; }
/* End of 'layout1.css' */