html, body{
    margin: 0;
    padding: 0;
    list-style: none;
}
img {
    border: 0;
}

a{
    font-weight: bold;
    text-decoration: none;
    color: #115f04;
}
a:hover {text-decoration: underline;}


.more {
    text-align: right;
}
.left {
    float: left;
}
.clear {
    clear: both;
}

body, h3, form {
    font: 80% tahoma, arial, sans-serif;
    margin: 0;
    padding: 0;
    color: #5C5C5C;
}

h2{font-size:120%;color:#a71321;}

body {
    background: url(images/header_bg.jpg) repeat-x;
}

h1{
    font: 180% tahoma, arial, sans-serif;
}

ul, li {
    list-style: disc;
    margin-left:15px;
    padding:0px;
}

h4{
    background: url(images/green_line_dotted.gif) repeat-x;
    background-position:bottom;
    padding:5px;
    font-size:120%;
}

#body h2{color:#484848;font-size:150%;margin:0px;}
#title{font-size:280%;margin:0px 150px 0px 0px;color:#fff;padding-top:20px;}
#heading h1{font: 240% tahoma, arial, sans-serif;color:#099ec3;}
#wrapper {
    margin: 0px auto 0px auto;
    width: 940px;
    border:0px solid #000;
}

#main_frame{
    background-color:#fff;
    width:920px;
    margin:7px auto;
    padding:0px 10px;
}

#pic{
    background: url(backgroundchange.php) no-repeat center top;
}
#header {
    border:0px solid #000;
    margin: 3px auto 0px auto;
    height:170px;
    text-align:center;
}

#nav a:link{color:#fff;text-decoration: none;}
#nav a:visited{color:#fff;text-decoration: none;}
#nav a:hover{color:#60c2c3;text-decoration: none;}

#footer a:link{color:#fff;text-decoration: none;}
#footer a:visited{color:#fff;text-decoration: none;}
#footer a:hover{color:#60c2c3;text-decoration: none;}

#headline {
    padding-top: 20px;
    border: 0px solid #CFD0D0;
}

.core_studies_nav ul{	
    text-align:center;
    margin: 0;
    padding: 0;
}

.core_studies_nav li{
    width:90px;    
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    font: bold 11px arial;
    text-align:center;
}

.core_studies_nav a img{
    display:block;
    border: none;
    float: left;
}

.core_studies_nav a:link{font-size:100%;text-decoration: none;}
.core_studies_nav a:visited{color:#248e1c;font-size:100%;text-decoration: none;}
.core_studies_nav a:hover{font-size:100%;text-decoration: underline;}

.hover_select{
    border:0px solid #ccc;
    color:#fff;
    padding-top:20px;
    text-align:center;
    visibility:hidden;
    display:none;
    background:#ccc;
    background:url(/images/selection_menu.png) no-repeat;
    height:80px;
    width:300px;
    position: relative;
    margin-top:-200px;
    margin-left:-100px;
}

.hover_select a:link{color:#fff;}
.hover_select a:visited{color:#fff;}

#placeholder_sec_nav{
    border:1px solid #ccc;
    width:590px;
    padding:20px;
    float:left;
    height:130px;
}

#core_studies_arrow{
    margin-left:-35px;
    margin-top:10px;
    width:270px;
    height:55px;
    padding-top:15px;
    padding-left:50px;
}

#core_studies_arrow a:link{color:#25a70f;font-size:130%;text-decoration: none;}
#core_studies_arrow a:visited{color:#848586;font-size:130%;text-decoration: none;}
#core_studies_arrow a:hover{font-size:130%;text-decoration: underline;}

#photo {
    float: left;
    width: 624px;
}
#photo div {
    border: 1px solid #D8D8D8;
    padding: 2px;
}
#photo img {
    display: block;
}

#body ul, #body li {
    margin:0px;
    padding:2px;
    list-style: circle;
}

#search{
    position:absolute;
    text-align:left;
    margin:142px 0px 0px 660px;
    padding:0px;
    color:#fff;
    border: 0px solid #D8D8D8;
    float:right;
}

#search h2{
    color:#fff;
    font-size:120%;
}

#news{
    float: right;
    width: 140px;
}
#news div {
    padding: 3px 0;
    margin: 0;
}
#news #q {
    width: 140px;
    border: 1px solid #859D31;
}
#news .downcast {
    background: #E6E7E7;
    border-top: 1px solid #CFD0D0;
    padding: 3px 4px 4px 4px;
    margin: 2px 0 0 0;
}
#news h3{
    background: url(images/bullet_letter.gif) no-repeat;
    padding-left: 15px;
    font-weight: bold;
    margin: 1em 0 0.4em 0;
}
#news p{
    padding-left: 15px;
    padding-right: 2px;
    margin: 0.1em 0;
}

#imageholder{
    float:left;
    width:630px;
    border: 0px solid #859D31;
    height:200px;
}

#imageholder-info{
    border: 0px solid #859D31;
    height:160px;
    width:250px;
    float:left;
    background:#474747;
    color:#fff;
    padding:20px;
}

#imageholder-info p{
    border-bottom: 1px solid #5c5b5b;
    padding:3px;
    margin:1px;
}

p{
    text-align:justify;
}

#imageholder-info a:link{color:#fff;text-decoration: none;}
#imageholder-info a:visited{color:#fff;text-decoration: none;}
#imageholder-info a:hover{color:#60c2c3;text-decoration: none;}

#GalleryCaption h1{
    font-size:150%;
    color:#fff;
    display:inline;
}

#GalleryCaption a:link{color:#8DC70A;text-decoration: none;}
#GalleryCaption a:visited{color:#fff;text-decoration: none;}
#GalleryCaption a:hover{color:#60c2c3;text-decoration: none;}

#GalleryCaption{
    float:left;
    margin-top:-50px;
    color:#fff;
    padding:5px;
}

#body {
    padding-top: 2em;
    text-align: justify;
        background:#fff;
}

#body-left {
    float: left;
    width: 450px;
}
#body-right {
    float: right;
    width: 450px;
    margin-left:10px;
}

#body-left ul.plussbullets {
    margin-top: 45px;
    margin-left: 120px;
    padding: 0;
    font-weight: bold;
}
#body-left ul.plussbullets li {
    background: top left url(images/bullet_plus.gif) no-repeat;
    margin: 0 0 10px 0;
    padding: 0 0 0 25px;
}

#body h2, #body p {
    margin: 0.8em 0;
}

#body-right p {
    margin-right: 2em;
}

#body-right-nav {
    float: right;
    width: 300px;
    margin-left:10px;
}

#body-right-nav ul{
    margin: 0px;
    padding: 0px;
}

#body-right-nav-pointer {
    position: inherit;
    background: url(/images/pointer-1.gif) no-repeat;
    height:20px;
    margin-left:610px;
}

#body a.green {
    color: #9AAB68;
    font-weight: normal;
    text-decoration: underline;
}

#gallery img {
    float: left;
}

#footer {
    color: #FFFFFF;
    background: #42453D url(images/footer_bg.gif) repeat-x;
    padding: 5px;
    margin-top: 2em;
    font-weight: bold;
}
#footer p {
    margin: 0;
    padding: 0;
}

#boxwrapper{
    width: 430px;
    margin: 0 auto;
}

floatbox{
    float:left;
    width:100px;
    border:1px solid #ccc;
    padding:5px;
}

.box{
    background: #fff;
}

.box p{
    margin: 0;
    padding: 5px;
    line-height: 1.5em;
    text-align: justify;
    border: 1px solid #73A405;
}

.boxholder{
    clear: both;
    padding: 5px;
    background: #8DC70A;
}

.box ul li{
    list-style: none;
    margin-left:-30px;
    padding:0px;
}

.tab{
    float: left;
    width: 102px;
    height: 32px;
    margin: 0 1px 0 0;
    text-align: center;
    background: #8DC70A url(tab1/images/greentab.jpg) no-repeat;
}

.tabtxt{
    margin: 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 9px 0 0 0;
}

.bubble-top-full{
    background: #fff url(/images/btopnavfull.jpg) no-repeat;
    height:15px;
    margin-top:15px;
    border:0px solid yellow;
}

.bubble-top{
    background: #fff url(/images/btop.png) no-repeat;
    height:15px;
    margin-top:0px;
    border:0px solid yellow;
}

.bubble-nav-top{
    background: #fff url(/images/btopnav.png) no-repeat;
    height:15px;
    margin-top:0px;
    border:0px solid yellow;
}

.bubble{
    padding:0px 5px 5px 5px;
    display: block;
    margin-bottom:15px;
    margin-top:-20px;
    border:1px solid #ccc;
    border-top:0px;
    background-color:#fff;
}

.bubble h2{
    padding:0px;
    color:#484848;
    font-size:180%;
    border:0px solid yellow;
}

.bubble ul{
    list-style: none;
    margin:2px;
    padding:2px;
}

.bubble li{
    list-style: none;
    margin:2px;
    padding:0px;
}

#p_line{
    margin:20px 0px 10px 0px;
    background:url(/images/heading.gif) no-repeat;
    height:20px;
    padding-left:7px;
    padding-top:3px;
    color:#fff;
    font-weight:bold;
}

.p_line{
    margin:20px 0px 10px 0px;
    background:url(/images/heading.gif) no-repeat;
    height:20px;
    padding-left:7px;
    padding-top:3px;
    color:#fff;
    font-weight:bold;
}
.ContactDetails{margin:2px;font-size:120%;margin-top:15px;color:#424141;}
.formdetails{margin-left:2px; margin-top:10px; margin-bottom:2px;color:#424141;float:center;}
.formdetails label{width:150px;float:left; color:#333;padding-left:5px;}
.formdetails input{font-family: Tahoma, sans-serif;margin:1px;}
.formdetails textarea{font-family: Tahoma, sans-serif;margin:1px;}
.formdetails submit{margin-left:60px; border:1px #000;}
.formdetails h2{border-bottom:1px solid #ccc;color:#099ec3;margin:15px 0px ;font-size:120%;}

#form{margin:2px;font-size:100%;margin-top:15px;color:#424141;}
#form h1{margin:2px;font-size:160%;color:#099ec3;}

#form_main{margin:2px;font-size:100%;margin-top:15px;color:#424141;}

form {margin:2px;font-size:120%;margin-top:15px;color:#424141;}

#error{border:1px solid #e61111;background:#ffcccc;padding:5px;margin:10px 0px;text-align:center;}
#info{border:1px solid #0c4aa7;background:#d1e3ff;padding:5px;margin:10px 0px;font-weight:bold;text-align:center;}

.greenline{
    font-size:110%;
    color:#fff;
    background:url(/images/heading.gif);
    height:18px;
    padding-left:10px;
    padding-top:3px;
    border:0px solid #ccc;
}

.quote{background:#eeefef;border:1px solid #ccc;padding:3px;text-align:center;width:300px;float:left;}
.alphabet{
    border:1px solid;
    text-align:center;
    padding:2px;
    margin:2px;
    width:11px;
    float:left;
}

#sddm ul{
    text-align:center;
}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial;
        text-align:center;}

#sddm li a{
    display: block;
    margin: 0 1px 0 0;
    padding: 5px 13px 0px 0px;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    border:0px solid #ccc;
    list-style: none;
}

#sddm li a:hover
{}

#sddm div{
    position: absolute;
    visibility: hidden;
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px solid #EAEBD8
}

#sddm div a{
    position: relative;
    display: block;
    margin: 0;
    padding: 5px 10px;
    width: auto;
    white-space: nowrap;
    text-align: left;
    text-decoration: none;
    background: #3084f6;
    color: #2875DE;
    font: 11px arial
}

#sddm div a:hover{   
    background: #78affa;
    color: #FFF;}

#nav{
    border:0px solid #ccc;
    padding-top:20px;
}

#nav ul{
    list-style: none;
    margin:0px;
    padding:0px;
}

p.trail{
    margin:20px 0px 20px 0px;
}


#area-content ul, #area-content li {
    margin-left:15px;
    padding:2px;
    list-style: disc;
}
.infobox{
    border:1px solid #337df7;
    padding:5px;
    margin:0px 4px;
    background:#dbe7fb;
    font-weight:bold;
    text-align:center;
}
.box-right-side {
    float: right;
    width: 450px;
    margin-left:10px;
}

.cal-green-box{
    text-align:center;
    float:left;
    border:1px solid #7caf08;
    background:#e0f7ac;
    padding:3px;
    margin:3px;
    height:50px;
    width:90px;
    border-bottom:4px solid #7caf08;
}

.cal-red-box{
    text-align:center;
    float:left;
    border:1px solid #ea2727;
    background:#fbc0c0;
    padding:3px;
    margin:3px;
    height:50px;
    width:90px;
    border-bottom:4px solid;
}

.cal-blue-box{
    text-align:center;
    float:left;
    border:1px solid #4d3fff;
    background:#b9b4fe;
    padding:3px;
    margin:3px;
    height:50px;
    width:90px;
    border-bottom:4px solid;
}

#calendar-a{font-size:75%}

#calendar-a a:link{color:#115f04;text-decoration: none;}
#calendar-a a:visited{color:#115f04;text-decoration: none;}
#calendar-a a:hover{color:#60c2c3;text-decoration: none;}

.front_page{
    border:1px solid #ccc;
    float:left;
    width:180px;
    text-align:center;
    height:200px;
    margin:0px 20px 20px 10px;
    padding:0px 4px;
}

.green_heading{
    background:url(/images/heading.gif) repeat-x;
    height:20px;
    padding:3px 0px 0px 5px;
    font-weight:bold;
    color:#fff;
}

.summerschoolform{font: arial, helvetica, sans-serif;margin:2px;margin-top:15px;}
.summerschoolformdetails {margin:10px 0px 2px 2px;float:center;padding:5px;}
.summerschoolformdetails label{width:200px;float:left; color:#333;padding-left:5px;}
.summerschoolformdetails input{font-family: Tahoma, sans-serif;margin:2px;border:1px solid #bbd0e0;background: url('/images/form_blue.gif') repeat-x top left;}
.summerschoolformdetails textarea{font-family: Tahoma, sans-serif;margin:1px;border:1px solid #bbd0e0;background: url('/images/form_blue.gif') repeat-x top left;}

.summerschoolformdetails h1{
    border-bottom:1px dotted #383838;
    padding-bottom:2px;
    margin:20px 0px 20px 0px;
}

#notification{
    text-align:center;
    margin:0px;
    padding:25px;
    border:1px solid #09356b;
    background-color:#e0e2e4;
}

.def_form{margin:2px;font-size:14px;margin-top:15px;}
.def_form_input{margin-left:2px; margin-top:10px; margin-bottom:2px;float:center;}
.def_form_input label{width:150px;float:left; color:#333;font-size:12px;padding-left:5px;}
.def_form_input input{margin:1px;}
.def_form_input textarea{font-family: Tahoma, sans-serif;font-size:12px;margin:1px;}
.def_form_input submit{ border:1px #000;}

.box_float_left{
    float:left;
    padding-right:10px;
    text-align:center;
}

.red{color:#f31e1e;}
.darkred{color:#aa0909;}
.blue{color:#338aff;}
.royalblue{color:#0660d8;}
.white{color:#fff;}
.yellow{color:#fefe00;}
.green{color:#326e1a;}
.orange{color:#ff9a23;}
.darkorange{color:#e78012;}


#social{text-align:left;border:1px solid #ccc;}

.note{border:1px solid #e28efd;background:#f9e5ff;padding:20px;font-weight:bold;}

.ss_box{
    float:left;
    height:80px;width:95px;
    padding-top:30px;
    padding-right:10px;
    text-align:center;
    color:#000;
}

.ss_box a:link{color:#e4e4e4;text-decoration: none;}
.ss_box a:visited{color:#e4e4e4;text-decoration: none;}
.ss_box a:hover{color:#000;text-decoration: none;}

.ss_circle_box{
    float:left;
    height:70px;width:83px;
    padding-top:35px;
    padding-right:5px;
    padding-left:5px;
    text-align:center;
    color:#000;
}

.ss_circle_box a:link{color:#e4e4e4;text-decoration: none;}
.ss_circle_box a:visited{color:#e4e4e4;text-decoration: none;}
.ss_circle_box a:hover{color:#000;text-decoration: none;}

#txt {
  border:none;
  font-family:verdana;
  font-size:16pt;
  font-weight:bold;
  border-right-color:#000
}

.btn{
    border:1px solid #4dc4d9;
    background:#d1f6fd;
    padding:4px;
}

.btn_red{
    border:1px solid #be1010;
    background:#ffbdbd;
    padding:4px;
}

#follow{
    float:right;
    color:#000;
    background:url(/images/tool_bar.png) no-repeat;
    width:130px;
    height:30px;
    border:0px solid #be1010;
    padding-top:5px;
    padding-left:15px;
    font-size:90%;
    margin-top:-175px;
    text-align:center;
    margin-right:40px;
    
}