/* ============ Styles for background and margins ============ */
body { 
background-image : url(images/background.jpg);
color : #000000;
font-family : Arial, Helvetica, sans-serif;
font-size : 12PX;
margin : 0;
padding : 0;
background-color : #000000;
background-repeat : repeat-x;
} 
* { 
margin : 0;
padding : 0;
} 
.clear { 
clear : both;
} 
#container { 
margin : 0 auto;
text-align : left;
width : 780px;
} 

/* ============ Styles for domain name bar ============ */
#domain { 
background-color : #000000;
background-image : url(images/bg_header.jpg);
background-repeat : repeat-x;
height : 20px;
width : 774px;
margin : 0;
padding : 10px 0 0 0;
text-align : left;
} 
#domain a { 
margin : 0 auto;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 14px;
font-weight : bold;
color : #ffffff;
text-decoration : none;
} 
#domain a:hover { 
color : #ff0000;
} 

/* ============ Styles for header image ============ */
#header { 
margin : 0 0 0 0;
width : 774px;
height : 150px;
background-image : url(images/masthead1.jpg);
background-repeat : no-repeat;
position : relative;
} 

/* ============ Styles for top navigation (links)  ============ */
#navbar { 
background-color : #336699;
background-image : url(images/navbg.jpg);
background-repeat : repeat-x;
width : 774px;
height : 24px;
text-align : center;
padding : 0px 0 0 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12PX;
font-weight : bolder;
color : #ffffff;
} 
#navbar a { 
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12PX;
font-weight : bolder;
color : #ffffff;
text-decoration : none;
} 
#navbar a:hover { 
color : #FF0000;
} 

/* ============ Styles for content area & content bg ============ */
#content { 
background : #336699 url(images/bodybg2.gif) repeat-y 50% 0;
width : 774px;
display : block;
padding : 0 0 0 0;
} 

/* ============ Styles for content-left ============ */
#left { 
background-color : #000000;
width : 550px;
margin : 0 0 10px 28px;
padding : 0 0 15px 0;
float : left;
display : inline;
} 
.text { 
float : left;
width : 500px;
} 
#left h1 { 
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 14px;
font-weight : bolder;
color : #ffffff;
text-decoration : none;
margin : 20px 0 2px 23px;
} 
#left h2 { 
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bolder;
color : #ffffff;
text-decoration : none;
margin : 20px 0 10px 23px;
} 
#left p { 
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12PX;
font-weight : lighter;
color : #ffffff;
margin : 6px 0 0 23px;
} 
#left hr { 
background : transparent;
color : #ffffff;
height : 1px;
margin : 0 0 10px 20px;
} 
#left a { 
font-family : Verdana, Arial, Helvetica;
font-size : 12PX;
font-weight : bold;
color : #ffffff;
} 
#left a:hover { 
color : #FF0000;
} 

/* ============ Styles for content-right ============ */
#right { 
float : right;
width : 156px;
background-color : #000000;
margin : 0 23px 10px 0;
padding : 0 0 6px 0;
display : inline;
border : 1px solid #ffffff;
} 
#right h2 { 
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bolder;
color : #ffffff;
text-decoration : none;
text-transform : uppercase;
background-color : #000000;
width : 156px;
text-align : center;
padding : 3px 0 3px 0;
} 
#right p { 
padding : 10px 9px 0 9px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12PX;
color : #ffffff;
} 
#right a { 
padding : 15px 9px 5px 9px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12PX;
color : #ffffff;
font-weight : normal;
display : block;
} 
#right a:hover { 
color : #FF0000;
} 

/* ============ footer styles ============ */
#footer, #footer a { 
background-color : #000000;
width : 774px;
height : 20px;
text-align : center;
padding : 4px 0 0 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bolder;
color : #4d4b4a;
} 
#footer a:hover { 
color : #000000;
} 

/* ============ bottom navigation ============ */
#bottomnav, #bottomnav a { 
background-image : url(images/bodybg1.jpg);
background-repeat : repeat-x;
width : 774px;
height : 30px;
text-align : center;
padding : 4px 0 0 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12PX;
font-weight : bolder;
color : #ffffff;
} 
#bottomnav a:hover { 
color : #FF0000;
} 

/* ============ jujulink ============ */
#jujulink, #jujulink a { 
background-color : #000000;
width : 774px;
height : 20px;
text-align : left;
padding : 5px 0 0 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 12PX;
font-weight : bolder;
color : #4d4b4a;
} 
#footer a:hover { 
color : #000000;
} 

/* ============ topspace style ============ */
#topspace { 
background-image : url(images/bodybg1.jpg);
background-repeat : repeat-x;
width : 774px;
height : 20px;
text-align : center;
padding : 4px 0 0 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12PX;
font-weight : bolder;
color : #ffffff;
} 

/* ============ link1 ============ */
#link1 a { 
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12PX;
color : #ffffff;
font-weight : normal;
} 
#link1 a:hover { 
color : #FF0000;
} 

/* ============ generaltext ============ */
#text {
font-family : Arial, Helvetica, sans-serif;
font-size : 12PX;
font-weight : normal;
color : #ffffff;
}