/* CSS Document */


/* --------------------------------------- Site containers ----------------------------------------*/


body {font-family:Arial, Helvetica, sans-serif; font-size:12px; margin: 0px 0px 0px 0px; background-color:#EDEEEF; text-align:justify;}

img {border:0px}

hr { display:none;}

#site_container {margin: 0px auto 20px auto; width: 800px; text-align:left;}

#container_main {width: 800px; background-color:#5ea3d3;}

#container_content {width: 800px; background-color:#5ea3d3;}

/* --------------------------------------- Site containers ----------------------------------------*/

#junior-message { clear:both; font-size:15px; color:#ffc800; padding:10px 25px 10px ;}

#junior-message a { color:#fff;}


/* --------------------------------------- Index only ----------------------------------------*/


#index-message { font-size:16px; color:#FF0000; margin:10px 0px 10px 0px;}

#index-message a.link {color:#FF0000; text-decoration:underline;}

#index-message a.link:hover {color:#FF0000; text-decoration:underline;}


#index_container {width:800px; margin: 40px auto 20px auto; text-align:left; color:#FFFFFF; font-weight:normal;}

#index_container a {color:#FFFFFF; text-decoration:none;}

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

#index_top {height:176px; background-color:#5E855C;}

#index_top img { float:right; padding:25px 45px 0px 0px; }

#index_images {background-image:url(../images/stswithuns-index.jpg); height:72px;}

#index_under_images {height:84px; background-color:#5E855C; font-size:55px; text-align:right; padding:25px 25px 0px 0px;}

#index_under_images h1 { text-align:right; font-size:12px; font-weight:normal; margin:0px 0px 0px 0px;}

#junior {background-color:#3A8CB3; font-size:14px; text-align:right; padding:11px 25px 11px 0px;}

#senior {background-color:#5E855C; font-size:14px; text-align:right; padding:13px 25px 13px 0px;}

#conference {background-color:#666; height:20px; font-size:11px; text-align:right; padding:7px 25px 0px 0px;}

#index_footer {height:35px; font-size:11px; color:#000000; text-align:right; padding:5px 25px 0px 0px;}

/* --------------------------------------- Index only ----------------------------------------*/


/* --------------------------------------- All pages ----------------------------------------*/

#breadcrumb { clear:both; padding:0px 0px 7px 25px; color:#fff; font-size:11px;}

#breadcrumb a { color:#fff; text-decoration:none;}


.contact_directions { color:#FFFFFF; margin: 0px 0px 0px 25px; font-size:12px; }

#header img {margin: 0px 0px 0px 0px; float:right;}

#header a {color:#FFFFFF; text-decoration:none;}

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

#navigation { background-image:url(/junior/images/navigation-background.png); height:45px;}

#navigation ul { margin: 0px 0px 0px -17px; padding: 11px 0px 0px 0px; list-style-type: none; text-align:center;}	

#navigation li { margin: 0px 2px 0px 13px; display: inline; }

#navigation a {font-size: 13px; color: #333; margin:0px 10px 0px 10px; padding: 0px 0px 0px 0px; text-decoration: none;}

#navigation a:hover { color: #fff;}

#navigation a.selected { color: #fff;}

#navigation img { margin:-11px 0px 0px 8px; padding: 0px 0px 0px 0px; position:absolute;}

#content_header { float:left; width:700px;}

#content_header2 { float:left; width:700px;}

#content_header h1 { font-size:30px; font-weight:normal; padding:5px 0px 0px 0px; color:#FFFFFF;}

#content_header img {float:left; padding:17px 5px 0px 20px;}

#content_header2 { float:left; width:600px;}

#content_header2 h1 { font-size:30px; font-weight:normal; padding:5px 0px 0px 0px; color:#FFFFFF;}

#content_header2 img {float:left; padding:17px 5px 0px 20px;}



#anniversary { float:right; width:90px; margin:0px 0px 5px 0px;}

#anniversary2 { float:right; width:160px; margin:0px 0px 5px 0px;}

#container_bottom {width: 779px; height:15px; color:#FFFFFF; padding:9px 0px 6px 25px; font-size:9px; clear:both;}

#container_bottom a {color:#FFFFFF; text-decoration:none;}

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

#container_bottom h1 {color:#FFFFFF; margin: -10px 30px 0px 0px; font-size:9px; font-weight:normal;}

/* --------------------------------------- All pages ----------------------------------------*/



/* --------------------------------------- Welcome page ----------------------------------------*/

.pimgrimes {padding:0px 0px 0px 260px;}

#content_area_intro { background-color:#FFFFFF; width:750px; height:525px; margin:0px 25px 2px 25px; padding:20px 0px 0px 0px; clear:both;}

#home_intro {width:710px; height:179px; margin:0px 0px 0px 20px; padding:10px 0px 0px 0px;}

#home_intro h1 { font-size:24px; font-weight:normal; color:#333; margin:0px 15px 10px 15px; padding:15px 0px 3px 0px; border-bottom:1px solid #D1E3F1}

#content_area_intro a {color:#333; text-decoration:underline;} 

#content_area_intro a:hover {color:#3a8cb3; text-decoration:underline;}

#content_area_intro a.selected { color: #3a8cb3;}

.intro_text {font-size:14px; color:#333; padding:10px 15px 0px 0px}

.intro_text2 {font-size:11px; color:#000; padding:0px 0px 0px 0px}

#home_modules { margin:10px 0px 0px 20px; font-size:12px; color:#333;}

#home_modules h1 { width:198px; font-size:20px; font-weight:normal; color:#333; margin:0px 0px 0px -6px; padding:10px 30px 10px 0px; background-color:#FFFFFF;}

#home_modules img { margin:0px 0px 10px -6px;}

#home_modules a {color:#333; text-decoration:none;} 

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

#home_left { float:left; background-color:#EEEAE7; width:212px; height:288px; margin:0px 18px 0px 0px; padding:0px 7px 0px 6px;}

#home_left_bottom {height:30px; background-color:#EEEAE7; width:212px; margin:17px 0px 0px -6px; padding:0px 7px 0px 6px;}

#home_left_bottom h2 { font-size:10px; font-weight:normal; color:#183A55; padding:5px 0px 0px 0px; margin:59px 0px 0px 0px; text-align:center;}

#home_middle { float:left; background-color:#EFF0E5; width:212px; height:288px; margin:0px 18px 0px 0px; padding:0px 7px 0px 6px;}

#home_middle_bottom {height:30px; background-color:#EFF0E5; width:212px; margin:17px 0px 0px -6px; padding:0px 7px 0px 6px;}

#home_middle_bottom h2 { font-size:10px; font-weight:normal; color:#183A55; padding:5px 0px 0px 0px; margin:0px 0px 0px 0px; text-align:center;}

#home_right { float:left; background-color:#E5EFF0; ; width:212px; height:288px; padding:0px 7px 0px 6px;}

#home_right_bottom {height:30px; background-color:#E5EFF0; width:212px; margin:17px 0px 0px -6px; padding:0px 7px 0px 6px;}

#home_right_bottom h2 { font-size:10px; font-weight:normal; color:#183A55; margin:31px 0px 0px 0px; padding:5px 0px 0px 0px; text-align:center;}

/* --------------------------------------- Welcome page ----------------------------------------*/



/* --------------------------------------- Content pages ----------------------------------------*/

#contentandnav_container{overflow:hidden; width:750px; margin:0px 0px 0px 25px; clear:both;}

#content{text-align:justify; background-color:#fff; width:560px; border-left:170px solid #E5E9E9; /* The width and color of the rail */ margin-left:-170px; float:right; padding:7px 10px 10px 10px;}

#secondary_nav{background-color:#E5E9E9; width:170px; float:left;}

#content h1 {font-size:24px; font-weight:normal; color:#333; margin:0px 0px 10px 0px; padding:0px 0px 2px 0px; border-bottom:1px solid #B8BFC6;}

#content h2 {font-size:18px; font-weight:normal; color:#333; margin:0px 0px 10px 0px; padding:0px 0px 2px 0px; border-bottom:1px solid #B8BFC6;}

#content h3 {font-size:18px; font-weight:normal; color:#333; margin:0px 0px 0px 0px; padding:11px 0px 4px 0px;}

#content h4 {font-size:24px; font-weight:normal; color:#333; margin:0px 0px 10px 0px; padding:75px 0px 2px 0px; border-bottom:1px solid #B8BFC6;}

#content ul {margin: 5px 0px 5px 15px;}

#content li {margin:5px 0px 5px 0px;}

#content td {padding:5px 0px 5px 3px; vertical-align:top;}

#content a {color:#333; text-decoration:underline;} 

#content a:hover {color:#3a8cb3; text-decoration:underline;}

#content a.selected { color: #3a8cb3;}

#content table.newsletters a {color:#333; text-decoration:none;}

#content table.newsletters a:hover {color:#3a8cb3; text-decoration:none;}



.tr_dk {background-color:#E5E9E9; }
.darkstripe {background-color:#E5E9E9; }
.date {font-size:16px; color:#333;}
.red_text {color:#FF0000; padding:0px 0px 0px 10px;}
.red_text2 {color:#FF0000;}
.required_text {color:#FF0000;}
.form_fields {margin:4px 0px 2px 0px;}
.exam_heads {font-size:18px; font-weight:normal; color:#333; margin:0px 0px 0px 0px; padding:11px 0px 4px 0px;}
.inthetable {padding:2px 20px 2px 0px; }
/* --------------------------------------- Content pages secondary Nav ----------------------------------------*/

#second_nav_main_area {width:170px; margin:21px 0px 0px 0px;}

#second_nav_main_area ul { margin: 0px 0px 0px 10px; padding:0px 0px 0px 0px; list-style-type: none; text-align:left; }	

#second_nav_main_area li { margin: 0px 10px 12px 0px; padding:0px 0px 1px 0px; border-bottom:1px solid #B8BFC6; }

#second_nav_main_area a { font-size: 13px; color: #333; margin:0px 0px 0px 0px; width:165px; padding:0px 0px 0px 0px; text-decoration: none;  }

#second_nav_main_area a:hover {color:#3a8cb3;}

#second_nav_main_area a.selected { color: #3a8cb3;}

#nav_level_two ul { margin: 0px 0px 0px 30px; padding:0px 0px 5px 0px; list-style-type: none; text-align:left; }	

#nav_level_two li { margin: 0px 10px 10px 0px; padding:0px 0px 1px 0px; border-bottom:0px solid #BEC9D4;}

#nav_level_two a { font-size: 13px; color: #333; margin:0px 0px 0px 0px; width:165px; padding:0px 0px 0px 0px; text-decoration: none;  }

#nav_level_two a:hover {color: #3a8cb3;}

/* --------------------------------------- Content pages ----------------------------------------*/


/* --------------------------------------- News pages ----------------------------------------*/

.News_head { font-size:12px; font-weight:bold;}
.read_more {margin:10px 0px 10px 0px;}
.form { font-family: Arial, Helvetica, sans-serif; font-size: 12px; border:1px dotted #999; padding:3px 3px 3px 3px;}


#news_heading {float:left; margin:0px 0px 6px 0px; font-size:14px;}

#news_date { float:right; font-size:9px; color:#000000;}

#container_login { width:205px; margin: 40px auto 0px auto;}
#footer_login { clear:both; width:205px; margin:20px 0px 0px 0px;}

#topnav {width:650px; margin: 40px auto 5px auto; text-align:right; padding:0px 0px 0px 0px; font-size:10px;}
#topnav a { text-decoration:none; color:#000000;}
#topnav a:hover { text-decoration:underline;}

#container_admin { width:800px; margin: 56px auto 0px auto; background-color:#FFFFFF;}
#container_news a { text-decoration:none; color:#000000;}
#container_news a:hover { text-decoration:underline;}

#container_news { width:660px; margin: 0px auto 0px auto; background-color:#FFFFFF;}
#container_news a { text-decoration:none; color:#000000;}
#container_news a:hover { text-decoration:underline;}

#nav_admin {float:left; width:150px; padding:0px 0px 0px 10px; font-size:12px;}
#nav_admin h1 { font-size:14px; font-weight:normal; color:#333; background-color:#B2B2B2; margin:0px 0px 10px -10px; padding: 5px 0px 5px 10px;width:150px; }
#nav_admin a { text-decoration:none; color:#000000;}
#nav_admin a:hover { text-decoration:underline;}

#content_admin {float:left; width:610px; padding:0px 0px 0px 0px;}
#content_admin h1 { font-size:14px; font-weight:normal; color:#333; background-color:#CCCCCC; margin:0px 0px 10px -10px; padding: 5px 0px 5px 10px;width:640px; }
#content_admin a { text-decoration:none; color:#000000;}
#content_admin a:hover { text-decoration:underline;}

#news_nav {width:150px; font-size: 13px; color: #333; margin: 0px 10px 10px 10px; padding:0px 0px 1px 0px; border-bottom:1px solid #B8BFC6;}
#news_nav ul { margin: 0px 0px 0px 10px; padding:0px 0px 0px 0px; list-style-type: none; text-align:left; }	

#news_nav li { margin: 0px 10px 12px 0px; padding:0px 0px 1px 0px; border-bottom:1px solid #B8BFC6; }

#content_news {float:left; width:470px; padding:0px 0px 0px 10px;}
#content_news h1 { font-size:14px; font-weight:normal; color:#333; background-color:#CCCCCC; margin:0px 0px 10px -10px; padding: 5px 0px 5px 10px;width:490px; }

#news_heading {float:left; margin:0px 0px 6px 0px; font-size:12px; font-weight:bold;}

#news_date { float:right; font-size:9px; color:#000000; margin:0px 0px 0px 0px;}

#news_body { font-size:12px; clear:both; border-bottom: 1px dotted #333; margin:5px 0px 5px 0px; padding: 0px 0px 10px 0px;}
#news_body img {float:right; margin: -16px 0px 0px 2px;}

#news_body2 {font-size:12px; border-bottom: 1px dotted #333; margin:5px 0px 5px 0px; padding: 0px 0px 10px 0px;}
#footer { font-size:10px; color:#333; background-color:#EDEEEF; clear:both; width:650px; padding:10px 0px 10px 10px; margin:10px 0px 0px 0px;}
#footer_admin { font-size:10px; color:#333; background-color:#EDEEEF; clear:both; width:810px; padding:10px 0px 10px 10px; margin:10px 0px 0px 0px;}