/* CSS for Main Pages */
/* syntax
a{}
a:link{}
a:visited{}
a:hover{}
a:active{}
a.classname:link{}
a.classname:visited{}
a.classname:hover{}
a.classname:active{}
a:link, a:visited, a:hover, a:active{color:#ffffff}
.classname eg or
p.classname eg
#title eg
or
p#title eg
descendents
p h1 eg
This is h1 within p
p h1 {background-color:ffffff}
p.classname h1 ie h1 nested within p of specific class="classname"
p#title h1 ie h1 nested within p of specific id="title"
p>h1 ie h1 nested within 1 tier of p
attribute selectors
img[name] {border="none"} ie selects all images with an attribute name set to anything
img[name="main"] {border="none"} ie selects only images with name attribute set to "main"
*/
/****** Start ********************************************/
/* pseudo */
a:link {color:#977991}
a:visited {color:#977991}
a:hover {color:#D99070}
a:active {color:#D99070}
a:link img {border-color:#eef0f3}
a:visited img {border-color:#eef0f3}
a:hover img {border-color:#eef0f3}
a:active img {border-color:#e88615}
/****** Main ********************************************/
html, body {margin: 0; padding: 0;}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
font-weight: normal;
color:#00004f;
background-color: #68689E;
}
div#frame{
width:850px;
margin-left:auto;
margin-right:auto;
text-align: center;
background-color: #EBEFFC;
border: 4px solid #918751;
}
/****** header ********************************************/
div#header{
background-image: url("../images/main/header_main_pages.jpg");
width:100%;
height:150px;
background-repeat: no-repeat;
border-bottom: 2px solid #CCCCCC;
}
div#menubar{
width:100%;
margin-bottom:0;
padding-bottom:0;
padding-top:125px;
text-align: center;
color:#00004f;
}
/****** Logo and Portrait ********************************************/
div#leftcol_logo{
float:left;
width:500px;
text-align:center;
}
div#logo {
margin-top: 50px;
margin-left:20px;
}
div#logo p{
margin-left:50px;
margin-right:50px;
text-align:center;
font-weight: bold;
}
div#rightcol_portrait{
margin-left:500px;
text-align:left;
}
div#portrait{
margin-top: 30px;
margin-left: 50px;
}
div#portrait img{
padding:20px;
border: 1px solid #918751;
}
/****** Intro paras ********************************************/
div#intro{
clear:both;
text-align:justify;
}
div#intro_text{
margin: 50px 100px;
}
/****** Gallery ********************************************/
div#leftcol_gallery{
float:left;
width:200px;
text-align:center;
}
div#gallery_images{
margin: 20px;
border: 1px solid #918751;
}
div#gallery_images img{
padding: 20px 20px 0px;
}
div#gallery_images p {
clear:both;
padding: 5px;
margin: 0px;
font-size: 10pt;
font-style: normal;
font-weight: bold;
}
div#gallery_images p#last {
margin-bottom: 20px;
}
/****** Interview ********************************************/
div#rightcol_interview{
margin-left:200px;
text-align:left;
}
p.question {
font-style: italic;
font-weight: bold;
color: #37416F;
}
p.answer {
margin-left:20px;
margin-right:50px;
text-align:justify;
font-style: normal;
font-weight: normal;
}
/****** Footer ********************************************/
div#footer{
margin-top:50px;
padding-top:10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
font-variant: normal;
color:#918751;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #918751;
}
div#leftcol_footer{
clear:both;
float:left;
width:300px;
height:50px;
text-align:center;
}
div#rightcol_footer{
margin-left:300px;
height:50px;
text-align:center;
}