
body {
font-family: Arial, Helvetica, sans-serif;
color: #333333;
font-size: 12px;
background-color: #cccccc;
text-align: left;
}

#container {
}


a {
text-decoration: underline;
color: #6287bb;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}

a:visited {
text-decoration: underline;
text-align: center;
color: #6287bb;
}

a:hover{
text-decoration: underline;
text-align: center;
color: #000000;
}


#pagetop {
position: relative;
width: 1000px;
height: 11px;
background-image: url(img/sec_pagetop_left.jpg);
background-position: left;
background-repeat: no-repeat;
background-color: #ffffff;
}

#navbar {
position: relative;
clear: both;
width: 1000px;
height: 25px;
background-color: #ab8bb1;
}

#hpglobalnav {
width: 425px;
height: 20px;
margin-left: 575px;
padding-top: 5px;
}

#hpglobalnav a {
display: inline;
text-decoration: none;
text-align: center;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
margin-left: 7px;
}

#hpglobalnav a:visited {
text-decoration: none;
text-align: center;
color: #ffffff;
}

#hpglobalnav a:hover{
text-decoration: none;
text-align: center;
color: #000000;
}

/* side dropdown menu */
.dropmenudivside{
position: absolute;
margin-top: 5px;
margin-left: 0px;
z-index:100;
visibility: hidden;
border: 1px solid #54449e;
}

.dropmenudivside a{
display: block;
padding: 2px;
height: 15px;
text-decoration: none;
text-align: left;
color: #ab8bb1;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
border-bottom: 1px solid #ab8bb1;
background-color: #ffffff;
}

.dropmenudivside a:hover { 
text-decoration: none;
color: #54449e;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
border-color: #54449e;
background-color: #F4F4F4;
}

#imagebox {
position: relative;
clear: both;
width: 1000px;
height: 144px;
background-color: #999999;
}

#content {
position: relative;
clear: both;
width: 1000px;
background-image: url(img/sec_sidebar_bg.jpg);
background-position: top left;
background-repeat: repeat-y;
background-color: #ffffff;
text-align: left;
}


#leftcontent{
position: relative;
float:left;
width: 259px;
height: 480px;
background-image: url(img/sec_sidebar_top.jpg);
background-position: top left;
background-repeat: no-repeat;
background-color: #ffffff;
text-align: left;
}

#actualleftcontent {
width: 220px;
margin-left: 10px;
margin-top: 50px;
text-align: left;
}

#leftcontent a {
text-decoration: underline;
color: #cccccc;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}

#leftcontent a:visited {
text-decoration: underline;
text-align: center;
color: #cccccc;
}

#leftcontent a:hover{
text-decoration: underline;
text-align: center;
color: #000000;
}


.sidebarHeader {
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}


#rightcontent{
position: relative;
float: right;
width: 741px;
background-image: url(img/sec_content_top.jpg);
background-position: top left;
background-repeat: no-repeat;
background-color: #ffffff;
text-align: left;
}

#pageHeader {
float: right;
padding-right: 15px;
padding-top: 10px;
width: 300px;
height: 25px;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
text-align: right;
}

#actualrightcontent {
width: 730px;
margin-left: 20px;
margin-top: 50px;
text-align: left;
}

#actualrightcontent_left {
float: left;
width: 310px;
margin-left: 10px;
margin-top: 60px;
border: 1px solid red;
text-align: left;
}

#actualrightcontent_right {
float: right;
width: 310px;
margin-right: 10px;
margin-top: 60px;
border: 1px solid red;
text-align: left;
}


.contentbox {
padding-left: 10px;
}

.contentHeader {
color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
padding-bottom: 5px;
}

.contentsubHeader {
color: #ab8bb1;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
padding-top: 15px;
}

.resource {
padding-left: 10px;
}


.resourcetitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #000000;
}

.idea {
width: 600px;
border: 1px solid #54449e;
background-color: #FFFFCC;
margin-bottom: 15px;
padding: 5px;
}


#footer {
position: relative;
clear: both;
width: 1000px;
height: 17px;
background-color: #999999;
padding-top: 3px;
}

