/* 

------------------------------------------------------------------------------------------------------------------

  Craig A McKercher
  Portfolio
  (c) 2009

  Cascade Style Sheet (CSS)

------------------------------------------------------------------------------------------------------------------


   1.  General
   2.  Banner
   3.  Navigation
   4.  Footer
   5.  Headers
   6.  Image Placing
   7.  Index
   8.  Home
   9.  About Me
   10. Gallery
   11. Projects
   12. Blogs
   13. Links
   14. Contact
   15. Location
   16. Site Map
   17. Other

*/


a
{
  outline:none;
}


/* 

  1. General :
  -------------

*/


html
{  
  overflow-x:hidden;
  overflow-y:auto;
}

body 
{ 
  margin:0 auto 0 auto;
  padding:0;
  width:980px;
  background:#000000;
}

#content
{ 
  margin-bottom:2px;
  background:#ffffff;
}

#content_container
{
  height:592px;
  background:#000000;
  border:double #ff9900 3px;
  color:#ffffff;
}


/* 

  2. Banner :
  ------------

*/


#banner
{
  margin-top:6px;
  background:#ffffff;
}

#banner_container
{
  height:96px;
  background:#000000 url(../images/bs.gif);
  border:double #E2AB03 3px;
}

#banner #flash_player
{
  float:right;
  margin:18px;
}

#banner #flash_player p
{
  padding:20px 10px 0 0;
}

#banner #logo
{ 
  padding:18px 18px 0 18px;
}

#banner #logo #logo_1
{    
  color:#E2AB03;
  font: 40pt Garamond;
}

#banner #logo #logo_2
{
  color:#ffffff;
  font: 20pt Garamond;
}

#banner #alarm_info
{ 
  color:#aa0000;
  font:7pt Arial;
  position:absolute;
  top:80px;
  margin-left:20px;
}


/* 

  3. Navigation :
  ----------------

*/


#navigation
{  
  font:10pt Arial;
  width:100%;
}

#navigation ul
{    
  list-style-type:none;
  margin:0;
  padding:5px 0 5px 227px;
}

#navigation ul li
{
  display:inline;
  margin:-2px;
  padding:0;
}

#navigation ul li a
{
  color:#ffffff;
  text-decoration:none;
  padding:4px 15px 4px 15px;
}

#navigation ul li a:hover
{
  color:#ff9900;
  text-decoration:underline;
}

#navigation .current
{ 
  color:#ff9900;
  background:#350000;
}


/* 

  4. Footer :
  ------------

*/


#footer
{   
  font:9pt Arial;
  color:#ff9900;
  width:100%;
  text-align:right;
}

#footer ul
{  
  list-style-type:none;
  margin:0;
  padding:5px 2px 5px 5px;
}

#footer ul li
{
  display:inline; 
  margin:0;
  padding:0;
}

#footer ul li a
{ 
  color:#ffffff;
  text-decoration:none;
  padding:5px 13px 5px 12px;
}

#footer ul li a:hover
{
  color:#ff9900;
  text-decoration:underline; 
}

#footer .current
{ 
  color:#ff9900;
}


/* 

  5. Headers :
  -------------

*/


#content h1 
{     
  color:#ff9900; 
  font:11pt Arial; 
  letter-spacing:3px;
  text-decoration:underline;   
  text-indent:0;
}

#content h1:first-letter 
{ 
  font:16pt Garamond;
  text-indent:0;
}

#content h2
{   
  color:#ff9900;  
  font:9pt Arial; 
  text-decoration:underline;   
  text-indent:0;
}

#content h3
{   
  color:#ff9900;  
  text-decoration:underline;   
  font:11pt Arial;
  padding:0;
}


/* 

  6. Image Placing :
  -------------------

*/


#l_side
{
  position:fixed;
  z-index:4;
  top:0;
  left:0;
  height:645px;
  width:260px;
  background:url(../images/Curtain1L.gif) no-repeat;
}

#r_side
{   
  position:fixed;
  z-index:4;
  top:0;
  right:0;
  height:645px;
  width:260px;
  background:url(../images/Curtain1R.gif) no-repeat;

}

#t_side
{   
  position:fixed;
  z-index:4;
  top:0;
  height:75px;
  width:980px;
  background:url(../images/Curtain1T.gif) 50% no-repeat;
}

#f_side
{   
  position:fixed;
  z-index:3;
  top:0;
  left:0;
  right:0;
  height:640px;
  width:1250px;
  margin:auto;
  background:url(../images/Curtain1F.gif) 50% no-repeat;
}

#floor
{   
  position:absolute;
  z-index:-1;
  bottom:0;
  left:0;
  height:55px;
  width:100%;
  background:#000000 url(../images/Floor.gif) 50% -5px no-repeat;
  border-top:solid #200000 1px;
}

#fountainL
{
  position:absolute;
  z-index:2;
  bottom:35px;
  left:115px;
  height:300px;
  width:300px;
}

#fountainR
{   
  position:absolute;
  z-index:2;
  bottom:35px;
  right:115px;
  height:300px;
  width:300px;
}

#l_light
{   
  position:absolute;
  z-index:1;
  top:-200px;
  left:250px;
  height:290px;
  width:260px;
}

#r_light
{   
  position:absolute;
  z-index:1;
  top:-200px;
  right:250px;
  height:290px;
  width:260px;
}

#content #content_index #l_curtain
{
  float:left;
  height:245px;
  width:150px;
  background:url(../images/Curtain2L.gif) no-repeat;
}

#content #content_index #r_curtain
{   
  float:right;
  height:245px;
  width:150px;
  background:url(../images/Curtain2R.gif) no-repeat;
}

#content #image_select #l_curtain
{
  position:absolute;
  z-index:3;
  float:left;
  left:0;
  height:265px;
  width:150px;
  background:url(../images/Curtain3L.gif) no-repeat;
}

#content #image_select #r_curtain
{   
  position:absolute;
  z-index:3;
  float:right;
  right:0;
  height:265px;
  width:150px;
  background:url(../images/Curtain3R.gif) no-repeat;
}

#content #content_index #slide_show
{   
  position:absolute;
  z-index:2;
  left:0;
  top:210px;
  width:100%;
}

#content #content_index #slide_floor
{   
  position:absolute;
  z-index:1;
  left:0;
  top:375px;
  width:100%;
}

#content #content_index #image_floor
{   
  width:800px;
  height:50px;
}

#content #content_index #fountainL2
{
  position:absolute;
  z-index:2;
  left:260px;
  top:180px;
  height:220px;
  width:220px;
}

#content #content_index #fountainR2
{   
  position:absolute;
  z-index:2;
  right:260px;
  top:180px;
  height:220px;
  width:220px;
}


#l_lamp
{
  position:fixed;
  z-index:4;
  left:-100px;
  Bottom:0px;
  height:290px;
  width:70px;
}

#r_lamp
{
  position:fixed;
  z-index:4;
  right:-100px;
  Bottom:0px;
  height:290px;
  width:70px;
}


/* 

  7. Index :
  -----------

*/


#index
{
  color:#555555;
  text-align:center;
  margin-top:150px;
}

#index #alarm_info
{ 
  color:#aa0000;
  font:7pt Arial;
  position:absolute;
  z-index:2;
  top:420px;
  left:0;
  text-align:center;
  width:100%;
  margin:auto;
}

#index #index_1
{
  height:60px;
}

#index #index_1 p
{
  margin-left:140px;
}

#index #index_1 #flash_player
{
  position:absolute;
  z-index:2;
  top:150px;
  right:72px;
  width:100%;
}

#index #index_2
{
  height:250px;
}

#index #index_2 p
{
  margin-top:100px;
}

#index #index_2 #intro
{
  position:absolute;
  z-index:1;
  top:160px;
  left:0;
  width:100%;
}

#index #index_3
{
  color:#E2AB03;
}

#index #index_3 #link_2
{ 
  margin-top:25px;
}

#index #index_3 #link_1 a, #index #index_3 #link_2 a
{
  width:100%;
  color:#ff9900;
  font: 11pt Times;
  text-decoration:none;
  padding:0 15px 0 15px;
}

#index #index_3 #link_1 a:hover, #index #index_3 #link_2 a:hover
{
  text-decoration:underline; 
}

#index #index_4
{
  color:#ffffff;
  font: 10pt Arial;
  margin-top:25px;
}

#index #index_4 #copyright
{
  color:#ffffff;
  font-weight:900;
}


/* 

  8. Home :
  ----------

*/


#content #content_index
{ 
  background:#ffffff;
}

#content #content_index_1
{
  height:10px;
  background:#450000;
  border-bottom:double #E2AB03 3px;
}

#content #content_index_2
{
  height:270px;
  background:#000000;
  padding:10px;
}

#content #content_index_2 #content_container
{ 
  height:248px;
  text-align:center;
  border:solid #800000 1px;
  padding:10px;
}

#content #content_index_2 #content_container #text
{ 
  color:#ffffff;
  margin:10px;
}

#content #content_index_2 #content_container #text h1
{ 
  color:#ff9900;
  font: 11pt Arial; 
  letter-spacing:3px; 
  text-decoration:none; 
}

#content #content_index_2 #content_container #text h1:first-letter
{ 
  font:15pt Garamond;
}

#content #content_index_3
{
  height:10px;
  background:#450000;
  border-top:double #E2AB03 3px;
  border-bottom:double #E2AB03 3px;
}

#content #content_index_4
{
  height:240px;
  padding:10px;
  background:#000000;  
  font:10pt Arial;
}

#content #content_index_4 #inner_container
{  
  height:220px;
  padding:10px;
  border:solid #800000 1px; 
  line-height:20px;
}

#content #content_index_4 #inner_container #inner_content
{ 
  background:#261005 url(../images/background1.jpg);
  text-align:center;
  border:solid #450000 1px; 
  height:220px;
}

#content #homenav
{
  margin:15px 0 10px 0;
}

#content #content_index_4 #inner_container #inner_content .p1
{ 
  margin:0 0 10px 0;
  padding:0;
  color:#ffe3b9;
  clear:both;
}

#content #content_index_4 #inner_container #inner_content .p2
{ 
  color:#ffe3b9;
  margin:0 0 10px 0;
  padding:0;
}

#content #content_index_4 #inner_container #inner_content #home_link1
{ 
  float:left;
  width:155px;
}

#content #content_index_4 #inner_container #inner_content #home_link2
{ 
  float:right;
  width:155px;
}

#content #content_index_4 #inner_container #inner_content a
{ 
  color:#ff9900;
  text-decoration:none;
}

#content #content_index_4 #inner_container #inner_content a:hover
{ 
  color:#E2AB03;
  text-decoration:underline;
}

#content #content_index_5
{
  height:10px;
  background:#450000;
  border-top:double #E2AB03 3px;
}




/* 

  9. About Me :
  --------------

*/


#content #aboutme_container
{   
  margin:10px;
  height:570px;
  border:solid #800000 1px;
}

#content #aboutme_container #aboutme
{ 
  color:#ffe3b9;
  font:10pt Arial;
  margin:10px;
  padding:50px;
  height:450px;
  overflow-x:hidden;
  overflow-y:auto;
  background:#261005 url(../images/background1.jpg);
  border:solid #450000 1px; 
}

#content #aboutme_container #aboutme #biotext img
{ 
  float:left;
  margin:0 50px 40px 0;
  border:solid #450000 1px;
}

#content #aboutme_container #aboutme #biotext p
{ 
  text-align:justify;
  text-indent:25px;
}

#content #aboutme_container #aboutme #biotext #author
{ 
  text-align:center;
  margin-bottom:25px;
}

#content #aboutme_container #aboutme #newstext
{ 
  text-align:center;
  margin-top:25px;
}

#content #aboutme_container #aboutme #newstext ul
{ 
  list-style-type:none;
  margin:0 0 35px 0;
  padding:0;
}

#content #aboutme_container #aboutme #newstext ul li
{ 
  margin:20px 0 0 0;
  padding:0;
  color:#990000;
  line-height:25px;
}

#content #aboutme_container #aboutme #newstext ul p
{ 
  color:#dddddd;
}

#content #aboutme_container #aboutme #newstext ul .countdown
{ margin:auto;
  padding:10px 0 10px 0;
  color:#ffffff;
  border:solid #450000 1px;
  background:#000000;
  width:300px;
}

#content #aboutme_container hr
{
  color:#777777;
  height:1px;
  margin:10px 20px 10px 20px;
}


/* 

  10. Gallery :
  --------------

*/


#content #image_select
{
  float:left;
  position:absolute;
  margin:10px 0 0 10px;
  padding:0;
  width:350px;
  height:310px;
}

#content #image_gallery
{
  float:right;
  margin:10px;
  padding:0;
  width:590px;
  height:570px;
  border:solid #800000 1px;
}

#content #image_gallery #gallery_container
{
  margin:10px;
  padding:0;
  width:570px;
  height:550px;
  overflow-x:hidden;
  overflow-y:auto;
  background:#261005 url(../images/background1.jpg);
  border:solid #450000 1px; 
}

#content #image_gallery #gallery_container table
{ 
  padding:0;
  margin:0;  
  valign:center;
  text-align:center;
}

#content #image_gallery #gallery_container td
{
  valign:center;
  text-align:center;
}

#content #image_gallery #gallery_container button
{
  font:8pt Arial;
}

#content #image_gallery #gallery_container .image_box
{
  border:solid #450000 1px; 
  background:#222222;
  padding:0 10px 0 10px;
}

#content #image_gallery #gallery_container .image_box a
{
  width:125px;
  height:125px; 
}

#content #image_gallery #gallery_container .image_box a img
{
  border:solid #450000 1px;
  margin:0 5px 0 5px;
}

#content #image_gallery #gallery_container .image_box a:hover img
{
  border:solid #ff9900 1px; 
}

#content #image_gallery #gallery_container .info
{
  width:175px;
  text-align:center;
  font:7pt Arial;
  padding:5px;
}

#content #image_select #image_container, #content #image_select #video, #content #image_select #text_scroller
{
  text-align:center;
  width:100%;
}

#content #image_select #image_container
{
  z-index:1;  
  position:absolute;
}

#content #image_select #gallery_info
{
  z-index:3; 
  position:absolute;
  text-align:center;
  color:#E2AB03;
  width:100%;
  margin-top:325px;
}

#content #image_select #video
{
  z-index:2; 
  position:absolute;
}

#content #image_select #text_scroller
{
  z-index:4; 
  position:absolute;
  margin-top:395px;
}


/* 

  11. Projects :
  ---------------

*/

#content #projects_column
{
  float:left;
}

#content #projects_column #projects_nav
{
  width:146px;
  border:solid #800000 1px;
  margin:10px 0 10px 10px;
  padding:10px;
}

#content #projects_column #projects_nav ul
{
  list-style-type:none;
  margin:0;
  padding:0;
  background:#250000;
}

#content #projects_column #projects_nav ul li
{ 
  margin:0;
  padding:0;
}
  
#content #projects_column #projects_nav ul li a
{ 
  padding:15px;
  display:block;
  color:#ffffff;
  border:solid #000000 1px; 
  text-decoration:none;
}

#content #projects_column #projects_nav ul li a:hover
{ 
  color:#ff9900;
  background:#2a0000;
  border:solid #800000 1px; 
}

#content #projects_column #flash_ball
{
  margin-top:80px;
  margin-left:20px;
}

#content #projects_column #play_mode
{
  text-align:center;
  color:#E2AB03;
  font:8pt Arial;
}

#content #projects_column #play_mode #rnd_btn
{
  color:#ffffff;
  display:inline;
  width:100px;
}

#content #projects_column #play_mode a
{
  color:#ffffff;
  text-decoration:none;
  background:#000000;
}


/* */


#content #projects_body
{
  float:left;  
  margin:10px 0 10px 10px;
  border:solid #800000 1px; 
}

#content #projects_body #projects_container
{
  margin:10px;
  padding:15px 0 0 38px;
  overflow-x:hidden;
  overflow-y:auto;
  height:530px;
  width:715px;
  color:#dddddd;
  background:#261005 url(../images/background1.jpg);
  border:solid #450000 1px; 
  font:10pt Arial;
}

#content #projects_body #projects_container ul, #content #projects_body #projects_container ul ul
{
  list-style-type:none;
  margin:0;
  padding:0;
}

#content #projects_body #projects_container ul li
{
  margin:0;
  padding:15px 25px 0 0;
  color:#E2AB03;
  font:11pt Arial;
}

#content #projects_body #projects_container ul p, #content #projects_body #projects_container p
{
  font:10pt Arial;
  text-align:justify;
  text-indent:25px;
  text-decoration:none;
  margin:10px 35px 0 0;
  padding:0;
  color:#ffe3b9;
}

#content #projects_body #projects_container .p2
{
  font:10pt Arial;
  text-align:center;
  color:#ffe3b9;
}

#content #projects_body #projects_container ul #music_nav ul
{
  list-style-type:none;
  margin:0;
  padding:0;
  background:#000000;
  border:solid #450000 1px;
  width:680px;
}

#content #projects_body #projects_container ul #music_nav ul li
{
  margin:0;
  padding:0;
  display:inline;
  line-height:20px;  
  color:#600000;
}

#content #projects_body #projects_container ul #music_nav ul li a
{
  color:#ffe3b9;
  font:8pt Arial;  
  text-decoration:none;
  padding:0 5px 0 5px;
}

#content #projects_body #projects_container ul #music_nav ul li a:hover
{
  color:#ff9900;
  text-decoration:underline;
}

#content #projects_body #projects_container ul ul li
{
  font:10pt Arial;
  margin:0 0 0 25px;
  padding:0;
  line-height:50px;  
  text-decoration:none;
  color:#ff9900;
}


/*  */


#content #projects_body #projects_container table
{ 
  margin:0 0 0 50px;
  border:solid #666666 1px;
  background:#000000;
  padding:10px;
  width:550px;
}

#content #projects_body #projects_container table td
{ 
  background:#000000;
}

#content #projects_body #projects_container table .Rating
{ 
  color:#ffffff;
  font:14pt Arial;
  letter-spacing:1px;
  text-align:right;
  width:50px;
  padding-top:3px;
}

#content #projects_body #projects_container table img
{
  padding:1px 5px 0 5px;
  width:25px;
  height:25px;
}

#content #projects_body #projects_container table .Name
{ 
  color:#ffe3b9; 
  font:9pt Arial;
  margin-right:2px;
  padding:3px 0 3px 10px;
  width:225px;
  display:block;
  background:#000000;
  border:solid #400000 1px;
  text-decoration:none;
}

#content #projects_body #projects_container table a.Name :hover
{ 
  color:#ff9900;
  background:#2a0000;
  border:1px solid #800000;
  text-decoration:none;
}

#content #projects_body #projects_container table button
{ 
  font:8pt Arial;
  padding:1px 15px 0 10px;
}

#content #projects_body #projects_container table .Flash
{ 
  padding:10px 0 10px 0;
  width:25px;
  display:none;
}

#content #projects_body #projects_container table .Info
{ 
  font:8pt Arial;
  text-align:justify;  
  padding:10px 5px 10px 5px;
  color:#ffffff;
  width:100%;
}

#content #projects_body #projects_container table .Spacer
{ 
  width:30px;
}

#content #projects_body #projects_container table .Type_1
{ 
  width:360px;
}

#content #projects_body #projects_container table .Type_2
{ 
  width:420px;
}

#content #projects_body #projects_container table .Type_3
{ 
  width:325px;
}

#content #projects_body #projects_container hr
{
  border:none;
  border-top:1px solid #999999;
  margin:10px 35px 0 0;
}


/* 

  12. Blogs :
  ------------

*/


#content #blog_display 
{ 
  float:left;  
  margin:10px 0 10px 10px;
  border:solid #450000 1px;
}

#content #blog_display #blog_container 
{ 
  width:710px;
  height:550px;
  margin:10px;
  background:#000000;
  overflow-x:hidden;
  overflow-y:hidden; 
}

#content #blog_nav
{
  float:left;
  width:190px;
  border:solid #450000 1px;
  margin:10px 0 10px 10px;
  padding:10px;
}

#content #blog_nav ul
{
  list-style-type:none;
  margin:15px 0 0 0;
  padding:0;
}

#content #blog_nav ul li
{
  margin:0;
  padding:0;
}

#content #blog_nav ul li a
{
  font:10pt Arial;
  display:block;
  color:#ffffff;
  background:#250000 url(../images/background2.jpg);
  border:solid #000000 1px; 
  text-decoration:none;
  padding:0;
  margin:3px; 
}

#content #blog_nav ul li a:hover
{
  color:#ff9900;
  background:#450000;
  border:solid #E2AB03 1px;
}

#content .view_btn
{
  float:left;
  margin:0px 0 0 25px;
}

#content .view_btn a
{
  font:10pt Arial;
  color:#ffffff;
  text-decoration:none;  
  width:190px;
  display:block;
}

#content .view_btn a:hover
{
  color:#ff9900;
  text-decoration:underline;
}


/* 

  13. Links :
  ------------

*/


#content #link_nav 
{ 
  margin:10px;
  height:570px;
  border:solid #800000 1px;
}

#content #link_nav #link_container 
{ 
  margin:10px;
  padding-top:10px;
  height:540px;
  color:#ffe3b9;
  font:10pt Arial;
  text-align:center;
  overflow-x:hidden;
  overflow-y:scroll;
  background:#261005 url(../images/background1.jpg);
  border:solid #450000 1px; 
}

#content #link_nav #link_container #column_1
{ 
  float:left;
  margin-left:25px;
}

#content #link_nav #link_container #column_2
{ 
  float:right;
  margin-right:25px;
}

#content #link_nav #link_container ul
{
  list-style-type:none; 
  margin:0;
  padding:0; 
}

#content #link_nav #link_container ul li
{
  margin:0;
  padding:5px;
  background:#261005 url(../images/background1.jpg);
}

#content #link_nav #link_container ul a
{
  width:400px;
  display:block;
  color:#ffe3b9;
  font:9pt Arial;
  background:#000000;
  border:solid #450000 1px;
  text-decoration:none;  
  text-align:left;
  text-indent:25px;
  line-height:20px;
}

#content #link_nav #link_container ul li a:hover
{
  color:#ff9900;
  background:#450000;
  border:1px solid #800000;
  text-decoration:underline;
}

#content #link_nav #link_container ul .info_link
{
  width:400px;
  text-align:right; 
  margin-bottom:5px;
  background:#261005 url(../images/background1.jpg);
}

#content #link_nav #link_container ul .info_link a
{
  color:#ff9900;
  border:none;
  text-decoration:underline;
  background:#261005 url(../images/background1.jpg);
  display:inline;
}

#content #link_nav #link_container ul .info_link a:hover
{
  color:#990000;
  background:none;
  border:none;
  text-decoration:underline;
}

#content #link_nav #link_container ul .info
{
  width:400px;
  text-align:center;
  padding:0;
  margin:0 0 -10px 0;
  display:block;
  color:#ffffff;
}

#content #link_nav #link_container .null
{
  height:65px;
  width:200px; 
}


/* 

  14. Contact :
  --------------

*/


#content #contact
{
  margin:10px;
  height:570px;
  border:solid #800000 1px;
}

#content #contact #contact_container
{
  margin:10px;
  padding:20px 0 0 0;
  height:525px;
  color:#ffe3b9;
  font:10pt Arial;
  background:#261005 url(../images/background1.jpg);
  border:solid #450000 1px; 
  text-indent:95px;
}

#content #contact #contact_container h1
{  
  text-align:center;
}

#content #contact #contact_container #column_1
{
  float:left;
  width:585px;
  text-indent:0;
  padding:0;
  margin:0;
}

#content #contact #contact_container #column_1 #processed
{
  float:left;
  text-indent:0;
  margin-left:160px;
}

#content #contact #contact_container #column_1 #contact_form
{ display:inline ;}

#content #contact #contact_container #column_1 #contact_form .form_box
{  
  color:#ffe3b9;
  background:#000000;
  border:solid #450000 1px;
}

#content #contact #contact_container #column_2
{
  float:left;
  margin:0;
  padding:0;
  text-indent:0;
}

#content #contact #contact_container #column_2 a
{ 
  color:#ffffff;
}

#content #contact #contact_container #column_2 a:hover
{
  color:#ff9900; 
}


/* 

  15. Location :
  ---------------

*/


#content #location_container
{   
  margin:10px;
  height:590px;
  border:solid #800000 1px;
}

#content #location
{ 
  color:#ffe3b9;
  font:10pt Arial;
  margin:10px;
  padding:20px;
  height:530px;
  overflow-x:hidden;
  overflow-y:auto;
  background:#261005 url(../images/background1.jpg);
  border:solid #450000 1px; 
  text-align:center;
}

#content #location #tas_image
{ 
  height:275px;
  width:400px;
}

#content #location #tas_title
{ 
  margin-top:15px;
}

#content #location #google_maps
{ 
  width:600px;
  height:400px;
  margin:0 auto 0 auto;
  padding:0 0 30px 0;
}


/* 

  16. Site Map :
  ---------------

*/


#content #sitemap_container
{   
  margin:10px;
  height:590px;
  border:solid #450000 1px;
}

#content #sitemap
{ 
  color:#ffe3b9;
  font:10pt Arial;
  margin:10px;
  padding:20px;
  height:530px;
  background:#261005 url(../images/background1.jpg);
  border:solid #450000 1px; 
  text-align:center;
}

#content #sitemap #site_col_1
{ 
  text-align:left;
  float:left;
  padding:0 0 0 175px;
}

#content #sitemap #site_col_2
{ 
  text-align:left;
  float:left;
  padding:0 0 0 200px;
}

#content #sitemap ul
{ 
  text-align:left;
  margin:0;
  padding:0;
  font:10pt Arial;
}

#content #sitemap ul ul 
{ 
  text-align:left;
  padding:0 0 0 20px;
  font:8pt Arial;
}

#content #sitemap ul li, #content #sitemap ul li li
{ 
  margin:0;
  padding:5px 0 5px 0;
  letter-spacing:2px;
}

#content #sitemap ul li a, #content #sitemap ul li li a
{ 
  color:#ffe3b9;
  text-decoration:none;
  width:200px;
  display:block;
}

#content #sitemap ul li a:hover, #content #sitemap ul li li a:hover
{
  color:#ff9900;
  text-decoration:underline;
}


/* 

  17. Other :
  ------------

*/


#clock
{
  float:left;
  padding:5px 0 0 75px;
  color:#ffe3b9;
}

#clock ul
{
  list-style-type:none;
  margin:0;
  padding:0;
}

#clock ul li
{
  margin:0;
  padding:0 7px 0 7px;
}

.top_nav
{
  text-align:right;
  margin:15px 105px 0 0;
}

.top_nav a, .top_bio_nav a
{
  font:9pt Arial;
  color:#ff9900;
  text-decoration:underline;
}

.top_nav a:hover, .top_bio_nav a:hover
{
  color:#aa0000;
  text-decoration:underline;
}

#projects_body .top_nav
{
  margin-top:40px;
}

#projects_body .top_nav a
{
  font:9pt Arial;
  color:#ffffff;
  text-decoration:underline;
}

#projects_body .top_nav a:hover
{
  color:#ff9900;
  text-decoration:underline;
}



div#homenav
{
  margin-top:2px;
}

div#homenav a 
{ 
  display:block;
  width:100px;
  margin:0 auto 0 auto;
  font:9pt Arial;
  text-decoration:none;
  font-weight:bold;	
  line-height:23px;
}

div#homenav ul 
{	
  position:absolute;
  z-index:5;

  list-style:none;
  margin:0 0 0 415px;
  padding:0;

  display:none;
  overflow-y:hidden;
  background:#000000;
  border:1px solid #ff9900;
}

div#homenav ul li a
{
  display:block;
  color:#ffffff!important; 	
  line-height:23px;
  font-weight:normal!important;
  text-decoration:none;
  background:none;
  border:none;
}

div#homenav li a:hover 
{
  color:#ff9900!important;
  background:#220000;
  border:none;
}