/*
    Central09
    02 July 2009
    
    homepage styles

*/

/*--------------------------------------------------------------------{   header1   }-----------------*/


#header{
    /*background-color:green;
    float:left;*/
}

#header_dynamic{ 
    float:left;
    width:320px;
    padding:10px 0 0;
    clear:both;
   
}

#header_content p {
    font-size:133%;
}

#coursefinder_container {
    float:left;
    width:205px;
    padding:10px 0 0;
    background:url(/structure-images/panel_course.png) no-repeat top left;
    text-align:left;
    font-weight:bold;
    font-size:160%;
}

#coursefinder_text{
  color:#D1D1D1;
    padding-left:14px;
}

#coursefinder_container a { 
    color:#D1D1D1;
    padding-left:14px;
}

#coursefinder_container a:hover { 
    color:#ffffff;
    }

#coursefinder_container fieldset {
    margin:0;
    padding:0;
    border:none;
}

#coursefinder_container form {
    float:left;
    width:185px;
    margin:0;
    padding:5px 10px 12px 10px;
}

#search_container {
    float:left;
    width:147px;
    padding:0 3px 0 5px;
}

#searchValue {
    width:145px;
    height:13px;
    padding:3px 0;
    font-size:x-small;
    font-family:verdana;
}

#submit_container {
    float:right;
    width:25px;
    height:23px;
    text-align:left;
}

#submit {
    display:block;
    width:25px;
    height:23px;
    background:url(/structure-images/backg_search_arrow.jpg) no-repeat top left;
    border:none;
    color:#90304b;
    cursor:pointer;
}

#submit:hover {
    background:url(/structure-images/backg_search_arrow_over.gif) no-repeat top left;
    color:#d287a1;
}

#video_container {
    float:right;
    width:110px;
    background:url(/structure-images/video_bg.png) no-repeat right top;
    text-align:center;
    font-size:130%;
}

#video_container a{
    display:block;
    width:110px;
    height:56px;
    padding:14px 0px 0px 0px;
    font-weight:bold;
    color:#777;
}


/*--------------------------------------------------------------------{   left column -  essential links   }-----------------*/

#left_column_header {
    background:url(/structure-images/frame_tlCorner.png) no-repeat top left;
}

#left_column_header h2 {
    margin:0;
    padding:7px 10px;
    border-bottom:4px solid #bbce61;
    text-align:right;
    font-size:160%;
    color:#444;
}

#essential_links ul {
    margin:0;
    padding:0 5px;
    list-style:none;
    background:#fff;
}

#essential_links ul li {
    line-height:normal;
}

#essential_links ul li a {
    display:block;
    width:185px;
    padding:12px 30px 12px 10px;
    background:url(/structure-images/backg_greenlinks.gif) no-repeat left bottom;
    text-align:right;
    font-weight:bold;
    color:#111;
}

#essential_links ul li a:hover,
#essential_links ul li a:focus {
    background:url(/structure-images/backg_greenlinks_over.gif) no-repeat left bottom;
    text-decoration:none;
}

#essential_links ul li span.rdFrontList a,
#essential_links ul li span.rdFrontList a:hover,
#essential_links ul li span.rdFrontList a:focus {
    background:none;
    margin:0;
    padding:0;
    display:inline;
}

/*--------------------------------------------------------------------{   middle column   }-----------------*/

#middle_column_header {
    background:url(/structure-images/middlecolumn_rightheader_bg.png) no-repeat top right;
}

#middle_column_header h2 {
    margin:0;
    padding:7px 10px;
    border-bottom:4px solid #932f4c;
    font-size:160%;
    color:#444;
}

#middle_column_content {
    background:#fff;
}

a.front-header-link {
    float:left;
    width:auto;
    padding:5px 20px 10px;
    background:url(/structure-images/bullet_green_grey.gif) no-repeat 7px 9px;
    color:#90334b;
}

a.front-header-link:hover,
a.front-header-link:focus {
    background:url(/structure-images/bullet_breadcrumbs.gif) no-repeat 7px 11px;
    color:#666;
}

a.front-header-link span.home_rss_link a {
    display:inline;
}

span.home_rss_link a:focus {
    border:1px solid #90334b;
}


/*--------------------------------------------------------------------{   right column - start here   }-----------------*/

#start_here {
    position:relative;
    margin:-15px 0 0;
    z-index:10;
}

#start_here_header {
    background:url(/structure-images/start_here_header_bg.png) no-repeat top center;
    border-bottom:4px solid #000;
}

#start_here_header h2 {
    margin:0;
    padding:7px 15px 0;
    font-size:160%;
    color:#eee;
}

#start_here_header p {
    padding:0 15px 9px;
    line-height:100%;
    color:#b99ca4;
}

#start_here ul {
    margin:0;
    padding:0 10px;
    background:#fff;
    list-style:none;
}

#start_here ul li {
    border-bottom:1px solid #d3d2d2;
    background-repeat:no-repeat;
    background-position:165px center;
}

#start_here ul li a {
    display:block;
    width:205px;
    padding:15px 5px;
    background:url(/structure-images/fade_165px.jpg) no-repeat left -150px;
    line-height:150%;
    font-size:83%;
    color:#777;
}

#start_here ul li a:hover,
#start_here ul li a:focus {
    background:url(/structure-images/fade_165px.jpg) no-repeat left -50px;
    color:#90334b;
}

#start_here ul li a strong {
    font-size:130%;
    color:#111;
}

#start_here ul li a:hover strong {
    color:#90334b;
}


/* header had to be moved here as reddot could not read it above*/
#header_dynamic{
    margin:15px 0 0;
}