@import url(media_core.css);


/*
This file inherits from media_core.css, so styles in this file will override
styles defined in it.  Changes to this file will NOT be overwritten during
upgrades.

Here's a quick tutorial on overriding styles.  Say you want to change the
background colour of the body.  Looking at media_core.css, the colour is
defined in the rule:

    body {
      margin: 0px;
      padding: 0px;
      color: #33332e;
      background: #ffffff;
      font: normal 11px tahoma, geneva, verdana, sans-serif;
      text-align: center;
    }

To change the background colour of white (#ffffff) to gray (#dddddd), you would
add the following to this file:

    body {
      background: #dddddd;
    }

If you also wanted to change the font as well as the background, then you could
use:

    body {
      background: #dddddd;
      font: normal 12px times new roman;
    }

Also note that every template's body id is assigned the template name (without
the .html extension).  So if you want to change the h2 heading in the
category.html template, you can do this by:

    #category h2 { 
      color: red; 
      font-weight: bold; 
    }

To start you off, some sample overriding styles have been provided below.  Note
that you will have to uncomment the rules for them to work.
*/

/* Logo size and image source */
/*
#logo {
  width: 250px;
  height: 80px;
  background-image: url(images/logo.gif);
}
*/
/* If the height of your logo changes from the original, then you will probably
want to also change the vertical position of the login link */
/*
#loginbar a {
  margin-top: 25px;
}
*/

/* faux columns */
#ocwrapper {
  border: 0px;
  background: url(/images/background.gif) repeat-y;
}

/* faux columns */
#ocwrappernarrow {
  border: 0px;
  background: url(/images/background.gif) repeat-y;
}

/* Show the left sidebar - Commented line is for faux columns */
#ocwrappernarrow {
/*  border-left-width: 162px; */
    padding-left: 162px;
}

/* Show the left sidebar - Commented line is for faux columns */
#ocwrapperwider {
/*  border-left-width: 162px; */
    padding-left: 162px;
}

/* Show the left sidebar - Commented line is for faux columns */
#ocwrapper {
/*  border-left-width: 162px; */
    padding-left: 162px;
}

#leftsidebar {
  margin-left: -162px; 
  padding: 8px 0px 8px 0px;
  width: 162px;
  display: block;
}

#ocwrapper {  
/* background colour of left sidebar */
/* border-left: 162px solid green; */
/* background colour of right sidebar */
/*  border-right: 338px solid blue; */
}

/* faux columns */
#contentheader, #contentfooter {
   background: transparent; 
} 

#contentheader .error {
  margin: 0px 0px 0px 0px;
  background: #FF3333;
  border: 1px solid blue;
  font-weight: bold; 
}
#contentheader .message {
  margin: 0px 0px 0px 0px;
  background: #33FF99;
  border: 1px solid blue;
  font-weight: bold; 
}

/* Hide the right sidebar */
/*
#ocwrapper {
  border-right-width: 0px;
}
#rightsidebar {
  display: none;
}
#contentheader .error, #contentheader .message {
  margin: 0px;
}
*/

/* Change the right sidebar width.  Note that the sidebars have a 10px left or
right padding (left sidebar has a left padding and right sidebar has a right
padding), hence the 150px - 10px = 140px width - Commented line is for faux columns */

#ocwrapper {
/*  border-right-width: 338px; */
    padding-right: 338px;
}


#ocwrappernarrow {
/*  border-right-width: 190px; */
    padding-right: 180px;
}

#ocwrapperwider {
/*  border-right-width: 190px; */
    width: 832px;
}

#rightsidebar {
  margin-right: -338px;
  width: 338px;
  padding: 10px 0px 8px 0px;
}


#rightsidebarnarrow {
  margin-right: -180px;
  width: 180px;
  padding: 2px 0px 8px 0px;
  float: right;
  position: relative;
}


/* Hide the right sidebar */

#rightsidebarnone {
  display: none;
}
















/*
#contentheader .error, #contentheader .message {
  margin: 0px 0px 0px 0px;
}
*/

/* Change width of document */
#wrapper {
/*  width: 95%;*/
width: 986px;
}


/* Don't want the shadows. Comment these two sections to show shadows */
/* also not shown shadows because the use of faux columns */

.shadowtop, .shadowbottom, .shadowleft, .shadowright {
  background: none;
}
.shadowtopleft, .shadowtopright, .shadowbottomleft, .shadowbottomright {
  width: auto;
  height: auto;
  float: none;
  background: none;
}


/* If you change the globals category_cols or home_category_cols, then you will
need to change the width of the columns themselves.  Note that IE sometimes has
problems if this value adds up to 100%, so keep the width a little under 100%.
For example, if you changed category_cols to 3, then this example would set
the width of the columns to 33% (99% total).  If you want to change the columns
on the home page as well, then remember to set a rule for "#home dl" as well. */
/*
#category dl {
  width: 33%;
}
*/



/* ################################### STYLESHEET ################################### */

body {
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-family: sans-serif,Helvetica,Arial,tahoma,geneva,verdana;
  font-size:  12px;
  color: darkblue;
  line-height: 16px;
 /* margin: 9px;*/
  height: auto;
  direction: ltr;
  background-color: #FFFFCC;
  background: transparent url(/images/background.gif) center right repeat;
}

/* ------------------- Curved Corners Header and Box ------------------*/

.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{font-size:1px; overflow:hidden; display:block;}
.b1h {height:1px; background:#000080; margin:0 5px;}
.b2h, .b2bh {height:1px; border-right:2px solid #000080; border-left:2px solid #000080; margin:0 3px;}
.b3h, .b3bh {height:1px; border-right:1px solid #000080; border-left:1px solid #000080; margin:0 2px;}
.b4h, .b4bh {height:2px; border-right:1px solid #000080; border-left:1px solid #000080; margin:0 1px;}
.b2bh, .b3bh, .b4bh {}
.headh {border-right:1px solid #000080; border-left:1px solid #000080; }
.headh h3 {margin: 0px 4px 0px 4px; padding-bottom: 2px; text-align: center;}

.contenth {border-right:1px solid #000080; border-left:1px solid #000080; border-top:1px solid #000080;}
.contenth div { margin-left: 0px;  margin-right: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;}

.contenthNoBorders {background: #ccccff; border-right:1px solid #000080; border-left:1px solid #000080;}
.contenthNoBorders div {margin-left: 0px;  margin-right: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;}

/* ------------------- Curved Corners Box -------------------------------------*/

.b1, .b2, .b3, .b4 {font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#000080; margin:0 5px;}
.b2 {height:1px; border-right:2px solid #000080; border-left:2px solid #000080; margin:0 3px;}
.b3 {height:1px; border-right:1px solid #000080; border-left:1px solid #000080; margin:0 2px;}
.b4 {height:2px; border-right:1px solid #000080; border-left:1px solid #000080; margin:0 1px;}

.contenta { border-right:1px solid #000080; border-left:1px solid #000080; border-top:1px solid #000080;}
.contenta div {margin-left: 0px; margin-right: 0px; padding-top: 0px; padding-bottom: 0px;}

.contentb { border-right:1px solid #000080; border-left:1px solid #000080; }
.contentb div {margin-left: 0px; margin-right: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; text-align: center;}

.contentButtom {border-right:1px solid #000080; border-left:1px solid #000080;}
.contentButtom div {margin: 0px; text-align: center;}

.contentbox {border-right:1px solid #000080; border-left:1px solid #000080;}
.contentbox div {margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; text-align: center;}

/* --------------------  PADDING ---------------------------------------------------*/

#paddingInsideBlock {padding: 4px 4px 4px 4px; background: #ffff66;}
#paddingInsideBlockLess {padding: 2px 4px 2px 4px;}
#paddingInside {padding: 4px 8px 4px 8px; background: #99ccFF;}
#paddingInsideMainBody {padding: 4px 8px 0px 8px;}
#paddingInsideHeader {padding: 8px 8px 4px 8px; background:#ccccff}
#paddingInsideMainBodyMiddleImageBG {padding: 4px 8px 0px 8px; text-align: center; background: transparent url(/images/bg-yellow1.gif) repeat;}
#paddingUpAndDown {padding-top: 4px; padding-bottom:4px; }
#PaddingUpOnly{padding-top: 4px; padding-bottom:0px;margin-bottom:0px;}
#paddingLeftAndRight {padding-left: 8px; padding-right:8px;}
#paddingTopRightBox  {padding: 4px 8px 4px 8px; text-align: center; background: #47A2E4; }
#paddingTopRightBoxMap  {padding: 3px 8px 3px 8px; text-align: center; background: #99ccff; }
#paddingContents  {padding: 4px 8px 4px 8px;}
#paddingNone {padding:0px;}
#paddingRowLight {padding-left: 4px; padding-right: 4px; padding-top: 4px; padding-bottom: 4px;text-align: center; background: #E8E8FF;}
#paddingRowLightFirst {padding-left: 4px; padding-right: 4px; padding-top: 0px; padding-bottom: 4px;text-align: center; background: #E8E8FF;}
#paddingRowImageBG {padding-left: 4px; padding-right: 4px; padding-top: 4px; padding-bottom: 4px;text-align: center;  background: transparent url(/images/bg-yellow1.gif) repeat;}
#paddingRowDark {padding-left: 4px; padding-right: 4px; padding-top: 4px; padding-bottom: 4px;text-align: center; background: #ccccff;}
#paddingRowDarkLast {padding-left: 4px; padding-right: 4px; padding-top: 4px; padding-bottom: 0px;text-align: center; background: #ccccff;}
#paddingRowDarkLastImageBG {padding: 4px 4px 0px 4px; text-align: center; background: transparent url(/images/bg-yellow1.gif) repeat;}
#paddingRowLightLast {padding: 4px 4px 0px 4px;text-align: center; background: #E8E8FF;}
#paddingRowYellow {padding-left: 4px; padding-right: 4px; padding-top: 4px; padding-bottom: 4px;text-align: center; background: #ffff66; color: darkBlue; font-weight:bold;  font-size: 13px;}
#paddingRowLightYellowLast {padding-left: 4px; padding-right: 4px; padding-top: 4px; padding-bottom: 0px;text-align: center; background: #FFFFC1;}
#paddingRowLightOrange {padding-left: 4px; padding-right: 4px; padding-top: 4px; padding-bottom: 4px;text-align: center; background: #ffcc33;}
#paddingRowDarkOrange {padding-left: 4px; padding-right: 4px; padding-top: 4px; padding-bottom: 4px;text-align: center; background: #ffcc00;  color: darkBlue; font-weight:bold;  font-size: 13px;}

/* --------------------  BANNERS ----------------------*/

#paddingHeaderLogo {padding: 0px; margin: 0px; height: 90px; background: #ffff66;}
#paddingHeaderBanner {padding: 0px; margin: 0px; height: 90px; background: #E8E8FF;}
#paddingRowSkyscaper {padding: 0px; margin: 0px; height: 600px; background: #E8E8FF;}
#paddingRowSkyscaperTopContainer {padding: 8px; margin: 0px; text-align: center; background: #ccccff}
#paddingRowSkyscaperContainer {padding: 0px; margin: 0px; width: 160px; height: 600px; border:1px solid #000080; text-align: center; background:#FFFFC1;}
#paddingRowLargeSquare {padding: 0px; height: 280px; background: #E8E8FF;}
#paddingRowLargeSquareBody {padding: 8px; height: 296px; text-align:center;}
#paddingbanner468Center {padding: 0px; height: 60px; text-align:center;background: #FFFFFF;}
/* --------------------  BUTTONS --------------------*/

#button {padding: 0px 0px 2px 0px;  line-height:11px; background: blue; color: #ffff66; font-weight: bold;  text-align:center; font-size: 11px;   font-family: verdana, Helvetica, Arial;}

/* ------------------- CONTAINERS --------------- */

#header {
overflow: auto;
margin-top: 6px;
  background: transparent url(images/swirls.gif) top right no-repeat;
}
	#headerLeft {
  	  float: left; 
  	  width: 248px;
	}

	#headerRight {
 	   float:right;
	   width: 730px;
	}


#menuBar {
  text-align: center;
}


/* -------- Header Containers (from under menubar to above body) ---------- */

#leftSideHeader {
  float: left; 
  width: 162px; 
}
#contentAndRightSideHeader {
  float:right;
  width:816px;
}

#contentHeader {
  float:left;
  width:470px;
  padding: 0px 8px 0px 8px;
}

#rightSideHeader { 
  float:right; 
  width: 338px; 

}
#GenericContainerHeader {
 overflow: auto; 

}
        /*------ rightside splitted boxes ----*/

	#rightSideLeftHeader {
  	  float: left; 
  	  width: 180px;
	}

	#rightSideRightHeader {
 	   float:right;
	   width: 150px;
	}
        /*------ content splitted boxes ----*/

	#contentLeftSplittedBox {
  	  float: left; 
  	  width: 302px;
          height: 250px;
          margin-bottom: 8px;
	}

	#contentRightSplittedBox {
 	  float:right;
	  width: 144px; 
          margin-bottom: 8px;
	}

/* ------------- Body Containers -------------------- */


#bodyContainer {
}

#contentAndRightSideTop {
width: 816px;
float: right;
margin-top: 8px;
}

#contentAndRightSideBottom {
width: 816px;
margin-left: 8px;
margin-bottom: 8px;
}

.paging img, .paging select, .paging input {
  vertical-align: middle;
}

#GenericContainer {
 overflow: auto;
}
	#rightSideLeft {
  	  float: left; 
  	  width: 180px;
	}

	#rightSideRight {
 	   float:right;
	   width: 150px;
	}

/*--------*\
|* footer *|
\*--------*/
#footer {
  margin-top: 0px;
  padding: 0px;
  text-align: center;
  border-top: 0px solid #57594b;
  background: transparent;
}

/* ------------------- SEPRATORS --------------- */

#hSeprator {
  height: 8px;
}

#hSepratorThin {
  height: 4px;
}

#vSeprator {
  float:left;
  width: 8px;
}

#hSepratorContentAndRightSide {
  float:right;
  width:816px;
  height: 8px;
  margin-left:8px;
}

#hSepratorFullWidth {
  float:right;
  width:986px;
  height: 8px;
  margin-left:8px;
}

#hSepratorFullWidthPadding  {
	padding-top: 3px; 
	padding-bottom: 3px;
  	width:986px;
}

/* -------------------  LINES -------------------------- */

hr {
 height: 3px;
 margin-top: 4px;
 margin-bottom: 4px;
 border-bottom: 0px;
}

.lineThin {
   font-size:1px; 
   overflow:hidden; 
   display: block;
   height: 1px; 
   margin:0px;
}

.lineThick {
   font-size:1px; 
   height: 2px; 
   margin-top: 4px;
   margin-bottom: 4px;
}

/* -------------------- COLORS -------------------- */

#white {
 background:#FFFFFF;
}

#lightYellow {
 background:#FFFFC1;
}

#brightYellow {
 background: yellow;
}

#yellow {
 background: #ffff66 ;
}

#orange {
 background: orange;
}

#lightOrange {
 background: #FFcc66;
}

#darkOrange {
 background:#FFCC00 ;
}

#gray {
 background: #E6E6E6;
}

#lightGray {
 background: #cfcfcf;
}

#SteelBlueDark {
 background:#CCCCFF ;
}

#SteelBlueLight {
 background:#E8E8FF;
}

#purple {
 background: purple;
}

#darkPurple {
 background:#330099 ;
}

#blue {
 background: blue ;
}

#skyBlue {
 background: #47A2E4;

}
#skyBlueLight {
 background: #99ccFF;
}

#darkBlue {
 background:#000080 ;
}

#green {
 background: green ;
}


/* ------------------- CLASSES --------------- */

.highlighted {
  color:white;
  font-weight: bold;
}

b {
 font-weight: bold;
}

#whiteAlignLeft {
 background:#FFFFFF;
 text-align: left;
 padding-left: 4px;
}
/* --------------------- FONT COLORS ----------------- */

.colorBlue {color:blue;}
.colorYellow {color: #ffff66;}
.colorGreen {color: green;}
.colorRed {color: red;}
.colorBrown {color: brown;}

/* ========================= HEADERS ======================== */

H1 { color: red; font-size: 16pt; margin-bottom:10px; margin-top:8px;}
H2 { color: red; font-size: 16pt; margin-bottom:10px; margin-top:8px; }
    #category h2 { margin-bottom: 0px;}
H5 { color: #330099; line-height: 12pt; margin-bottom:0px; margin-top:0px; font-size: 10pt;}

H6 {margin: 0px 0px 0px 0px; padding: 12px 0px 4px 0px; font-size: 12pt; color: blue;}


/* =========================== LINKS ========================== */
A:link {color: #330099; text-decoration: none;}
A:active {color: red; text-decoration: none;}
A:visited {color: #330099; text-decoration: none;}
A:hover {color: red; text-decoration: none;}

/* =========================== LEFT MENU BUTTONS ========================== */
A.leftMenuButton:link {color: #ffff66; text-decoration: none;font-weight: bold;  font-size: 11px;}
A.leftMenuButton:active {color: #ffffff; text-decoration: none;font-weight: bold;  font-size: 11px;}
A.leftMenuButton:visited {color: #ffff66; text-decoration: none;font-weight: bold;  font-size: 11px;}
A.leftMenuButton:hover {color: #ffffff; text-decoration: none;font-weight: bold;   font-size: 11px;}

/* =========================== BOLD LEFT MENU LINKS ========================== */
A.lbold:link {color: #0033CC; text-decoration: none;font-weight: bold;}
A.lbold:active {color: red; text-decoration: none;font-weight: bold;}
A.lbold:visited {color: #0033CC; text-decoration: none;font-weight: bold;}
A.lbold:hover {color: red; text-decoration: none;font-weight: bold; }

/* =========================== BOLD LINKS ========================== */
A.bold:link {color: #330099; text-decoration: none;font-weight: bold;}
A.bold:active {color: red; text-decoration: none;font-weight: bold;}
A.bold:visited {color: #330099; text-decoration: none;font-weight: bold;}
A.bold:hover {color: red; text-decoration: none;font-weight: bold;}

/* =========================== SITE LINKS ========================== */
A.site:link {color: #330099; font-weight: bold;  text-decoration: none;}
A.site:active {color: red; font-weight: bold; text-decoration: none;}
A.site:visited {color: #330099; font-weight: bold; text-decoration: none;}
A.site:hover {color: #0000ff; font-weight: bold; text-decoration: none;}

/* =========================== LINK Very Small ========================== */
A.verysmall:link {color: #330099; text-decoration: none;font-size: 7pt; font-family: verdana,arial,sans-serif;}
A.verysmall:active {color: red; text-decoration: none;font-size: 7pt; font-family: verdana,arial,sans-serif; }
A.verysmall:visited {color: #330099; text-decoration: none;font-size: 7pt; font-family: verdana,arial,sans-serif; }
A.verysmall:hover {color: #0000ff; text-decoration: none; font-size: 7pt; font-family: verdana,arial,sans-serif;}

/* =========================== left yellow ========================== */
A.leftyellow:link {color: #FFFF66; font-weight: bold;  text-decoration: none;font-size: 9pt; font-family: helvetica,arial,sans-serif;}
A.leftyellow:active {color: #00ffff; font-weight: bold; text-decoration: none;font-size: 9pt; font-family: helvetica,arial,sans-serif; }
A.leftyellow:visited {color: #FFFF66; font-weight: bold; text-decoration: none;font-size: 9pt; font-family: helvetica,arial,sans-serif; }
A.leftyellow:hover {color: 00ffff; font-weight: bold; text-decoration: none; font-size: 9pt; font-family: helvetica,arial,sans-serif;}

/* =========================== LINKS Red ========================== */
A.red:link {color: red; text-decoration: none;font-size: 8pt; font-family: verdana,arial,sans-serif;}
A.red:active {color: brown; text-decoration: none;font-size: 8pt; font-family: verdana,arial,sans-serif; }
A.red:visited {color: red; text-decoration: none;font-size: 8pt; font-family: verdana,arial,sans-serif; }
A.red:hover {color: blue; text-decoration: none; font-size: 8pt; font-family: verdana,arial,sans-serif;}

/* =========================== LINKS Small green ===================== */
A.smaller:link {color: green; text-decoration: none;font-size: 7pt; font-family: verdana,arial,sans-serif;}
A.smaller:active {color: red; text-decoration: none;font-size: 7pt; font-family: verdana,arial,sans-serif; }
A.smaller:visited {color: green; text-decoration: none;font-size: 7pt; font-family: verdana,arial,sans-serif; }
A.smaller:hover {color: #ff0000; text-decoration: none; font-size: 7pt; font-family: verdana,arial,sans-serif;}

/* =========================== LINKS Small darkblue ===================== */
A.bar:link {color: blue; font-weight: bold; text-decoration: none;font-size: 8pt; font-family: verdana,helv,tahoma,arial;}
A.bar:active {color: red; font-weight: bold; text-decoration: none;font-size: 8pt; font-family: verdana,helv,tahoma,arial; }
A.bar:visited {color: blue; font-weight: bold; text-decoration: none;font-size: 8pt; font-family: verdana, helv, tahoma,arial; }
A.bar:hover {color: red; font-weight: bold; text-decoration: none; font-size: 8pt; font-family: verdana,helv,tahoma,arial;}

/* =========================== LINKS green ===================== */
A.green:link {color: green; text-decoration: none;font-size: 8pt; font-family: verdana,arial,sans-serif;}
A.green:active {color: red; text-decoration: none;font-size: 8pt; font-family: verdana,arial,sans-serif; }
A.green:visited {color: green; text-decoration: none;font-size: 8pt; font-family: verdana,arial,sans-serif; }
A.green:hover {color: #ff0000; text-decoration: none; font-size: 8pt; font-family: verdana,arial,sans-serif;}

/* =========================== BOLD =========================== */
B { color: #330099; font-weight: bold; font-size:8pt; line-height: 12pt; font-family: verdana,arial,sans-serif; }
B.bold { color: #330099; 10pt; line-height: font-size:8pt; font-family: helvetica,arial,sans-serif; }
B.big { color: #330099; font-weight: bold; font-size:10pt; line-height: 12pt; font-family: verdana,arial,sans-serif; }
B.red { color: #ff0000; font-weight: bold; font-size:8pt; line-height: 12pt; font-family: verdana,arial,sans-serif; }
B.green { color: green; font-weight: bold; font-size:8pt; line-height: 12pt; font-family: verdana,arial,sans-serif; }
B.redbig { color: red; font-weight: bold; font-size:12pt; line-height: 14pt; font-family: verdana,arial,sans-serif; }
B.greenbig { color: green; font-weight: bold; font-size:12pt; line-height: 14pt; font-family: verdana,arial,sans-serif; }
B.yellow { color: #ffffc1; font-weight: bold; font-size:8pt; line-height: 12pt; font-family: verdana,arial,sans-serif; }
B.white { color: #ffffff; font-weight: bold; font-size:8pt; line-height: 12pt; font-family: verdana,arial,sans-serif; }
B.blue { color: #0000ff; font-weight: bold; font-size:8pt; line-height: 12pt; font-family: verdana,arial,sans-serif; }
/* use this with text in headings you wish to make small */
.smallBold {font-weight: normal;font-size: 11px; font-weight: bold; }

/* =========================== ITALIC =========================== */
I { color: #330099; font-size: 8pt; line-height: 12pt;  font-family: verdana,arial,sans-serif;  }
/* =========================== IMAGES ========================== */

IMG { margin-top: 0px ; IMG border-width: 0cm }
p.green { color: green;  font-size: 8pt; font-family: verdana,arial,sans-serif; }
p.small { color: #330099; font-size: 7pt; font-family: verdana,arial,sans-serif;  }
font.verysmall { color: #330099; font-size: 6pt; font-family: verdana,arial,sans-serif;  }
td.small { color: #330099; font-size: 7pt; font-family: verdana,arial,sans-serif;  }
div.small   { color: #330099; font-size: 7pt; font-family: verdana,arial,sans-serif;  }

 /* =========================== FONT ========================== */
font { color: #330099; font-size: 8pt; }
font.verysmall { color: #330099; font-size: 7pt; }
font.small   { color: green; font-size: 8pt;}
font.red   { color: red; font-size: 8pt; }
font.bigbigred   { color: red; font-size: 16pt; }
font.blue   { color: blue; font-size: 8pt;  }
font.smalldarkblue { color: #330099;  }
font.smallbrown { color: #996699; font-size: 8pt;  }
font.green { color: green; font-size: 8pt;  }
font.normal { color: #330099; font-size: 8pt; line-height: 11pt; }


/*
small.numlinks { color: blue; font-size: 8pt; font-family: helvetica,arial,sans-serif;  }
sup.new { color: red; font-size: 8pt; font-family: verdana,arial,sans-serif;  }
sup.blue { color: blue; font-size: 8pt; font-family: verdana,arial,sans-serif;  }
sup.red { color: red; font-size: 8pt; font-family: verdana,arial,sans-serif;  }
*/



/* =========================== LINKS ========================== 
A.links:link {color: blue; text-decoration: none;font-size: 10pt; line-height: 16pt;font-family: verdana,arial,sans-serif;}
A.links:active {color: red; text-decoration: none;font-size: 10pt; line-height: 16pt;font-family: verdana,arial,sans-serif; }
A.links:visited {color: blue; text-decoration: none;font-size: 10pt; line-height: 16pt;font-family: verdana,arial,sans-serif; }
A.links:hover {color: red; text-decoration: none; font-size: 10pt; line-height: 16pt; font-family: verdana,arial,sans-serif;}
*/

/* ============================================================ */
font.language { color: "CC99FF"; font-size: 8pt; font-family: verdana,arial,sans-serif; }

li { color: blue; font-weight: bold; font-size:10pt; line-height: 11pt; font-family: verdana,arial,sans-serif; }

/* ============================================================ */

.smaller   { color: #330099; font-size: 7pt; font-family: verdana,arial,sans-serif;  }

#WorldMap {
  border: 0px;
  height: 160px;
  background: transparent url(/images/bg-world-map.png) center no-repeat;
  text-align: left;
  padding: 2px 8px 2px 8px;
}


#WorldMapCategories {
  border: 0px;
  background: transparent url(/images/bg-world-map.png) center no-repeat;
}


/* ------------------- END STYLESHEET --------------- */

#contentAndRightSideBottom {
width: 816px;
float: left;
margin: 0px 0px 0px 8px; 
/* ie/mac fix \*/
/*display: block; */
position: relative;
}

/* background set transparent to use faux columns */
#content {
  margin: 0px 8px;
  padding: 0px;
  background: transparent;
}
/* hack for ie/win's guillotine bug */
/* start non ie/mac css \*/
* html #content {
  height: 1%;
}
/* end non ie/mac css */
#home #content h4 {
  margin-top: 0px;
  font-weight: normal;
  font-size: 14px;
}
/* sub headings */
#content h3 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 2px 0px;
/*  border-bottom: 1px dotted #bbbfa1; */
}

/*------------*\
|* navigation *|
\*------------*/
.navbar {
  margin-bottom: 0px;
}
ul.primarynav, ul.secondarynav {
  margin: 0px;
  padding: 0px;
  border-bottom: 0px solid #ffffff;
  float: left;
  list-style: none;
}
ul.primarynav {
  width: 983px;
/*  background: #5c5b66; */
  background: blue;
  border-left: 1px solid darkblue;
  border-right: 1px solid darkblue;
}
ul.secondarynav {
  width: 983px;
  background: darkblue;
  border-left: 1px solid darkblue;
  border-right: 1px solid darkblue;
}
ul.primarynav li, ul.secondarynav li {
  float: left;
  list-style: none;
}
ul.primarynav li {
  background: transparent url(images/betweennav.gif) bottom right no-repeat;
}
ul.primarynav a {
  margin-right: 1px;
  padding: 0px 9px 0px 10px;
  float: left;
  color: #ffff66;
  font-size: 11px;
  text-decoration: none;
}
ul.primarynav a:visited {
color: #ffff66;
}
ul.primarynav a:hover {
  color: #ffffff;
  background: darkblue;
}
ul.primarynav li.home {
  border-right: 1px solid #ffffff;
   background: blue;

}
ul.primarynav li.home a {
  margin-right: 1px;
}

ul.secondarynav li.first {
  padding-left: 5px;
}
ul.secondarynav a {
  margin-right: 1px;
  padding: 1px 5px;
  float: left;
  color: #ffffff;
  font-size: 10px;
  text-decoration: none;
}
ul.secondarynav a:visited {
  color: #ffffff;
}
ul.secondarynav a:hover {
  color: yellow;
}


/* forms */
.row {
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 2px; 
}

.row label.name {
  padding-right: 8px;
  width: 20%;
  float: left;
  text-align: right;
  font-weight: bold;
}
.row label.name span {
  color: #8c3030;  
}
.row .value.wrappedtext {
  margin-left: 15%;
  padding-left: 5px;
  float: left;
}
/* hack for ie 5.5 text/textarea resizing */
.row .value input.text, .row .value input.password, .row .value textarea {
  width: expression(this.parentNode.offsetWidth * 0.74 + 'px');
}
/* the previous style causes problems with long sidebars in ie6  - was 72%*/
.row .value input.text, .row .value input.password, .row .value textarea {
  w\idth: 66%;
}
.row .value input.text.shorttext {
  width: 100px;
}
.row.required {
  background: #e2e1eb;
}
.row.invalid {
  color: #8c3030;
  background: #eedddd;
  font-weight: bold;
}
.formsubmit {
  margin-top: 2px;
  text-align: right;
float: right
padding-bottom: 10px;
}


.crumb {
  margin-top: 8px;
  font: bold 10px  verdana, sans-serif, tahoma, geneva;
  color: green;
}

/*====================*/
/* category formating */
/*====================*/
#category dl {
  margin: 10px 0px 0px 0px;
  width: 49%;
  float: left;
}

#home dl {
  margin: 10px 0px 0px 0px;
  width: 49%;
  float: left;
}

#category dt a {
  font-weight: bold;
  font-size: 12px;
}
#category dt, #category dd {
  margin: 0px 0px 10px 20px;
}

#home dt {
  margin: 0px 0px 0px 20px;
}

#home dd {
  margin: 0px 0px 0px 36px;
}

#category dd {
  padding-bottom: 10px;
}

#home dd {
  padding-bottom: 10px;
}
/*====================*/
#height_6{height: 1000px;}
#height_3{height: 280px; }
#height_2{height: 110px; }
#height_5{height: 600px;}
#height_4{height: 400px; }
#height_1{height: 300px;}


/*========================================*/
/* links */
/*
a {
  color: #212126;
}
a:visited {
  color: #8e8d9a;
}
a:hover {
  color: #5c5b66;
  text-decoration: none;
}
*/
/*======================================*/

/* links */
.linklisting {
  margin: 5px 15px 0px 20px;
}
.linklisting h4.linktitle {
  font: verdana,sans-serif,tahoma, geneva;
  overflow: hidden;
  width: 76%;
  margin: 0px 0px 2px 0px;
  float: left;
}

.linklisting div.linkurl {
  overflow: hidden;
  width: 60%;
  margin: 0px 0px 0px 10px;
float: left;
}

.linklisting div.linkrating {
  overflow: hidden;
  margin: 2px 0px 0px 0px;
float: right;
width: 24%;
  text-align: right;
}

.linklisting h4.linktitle a {
  padding-bottom: 0px;
}
.linklisting div.linkurl a {
  font-size: 9px;
  text-decoration: none;
}
.linklisting div.linkrating {
  font-size: 9px;
}
.linklisting div.linkrating .linkexpired {
  color: #8c3030;
  font-weight: bold;
}

.review .reviewcontent {
  margin: 0px 0px 5px 0px;
  padding: 5px;
  border: 1px solid #bbbfa1;
  background: #f8faed;
  overflow: hidden;
width: 100%;
}
/* overflow: hidden doesn't work in ie unless the width is set */
* html .review .reviewcontent {
  width: 100%;
}

.linkdescription {
  margin: 0px 0px 0px 0px;
  padding: 4px;
  border: 0px solid #bbbfa1;
  background: #f8faed;
  overflow: hidden;

}
/* overflow: hidden doesn't work in ie unless the width is set */
* html .linkdescription {
  width: 100%;
}

.linklisting div.linkactions {
  margin: 0px 0px 6px 0px;
float: right;
}
.linklisting div.linkactions a, #detailed div.actions a, #jump_frame .actions a {
  padding: 1px 4px;
  border: 1px solid #bbbfa1;
  font-size: 9px;
  text-decoration: none;
}

.linklisting div.linkactions a:hover, #detailed div.actions a:hover, #jump_frame .actions a:hover {
  background: #e2e1eb;
}
/*=====================================================*/


.city {
  font-weight: normal;
  font-size: 9pt;
  color: blue;
}
.language {
  font-weight: normal;
  font-size: 9pt;
  color: green;
}
.support {
  font-weight: normal;
  font-size: 8pt;
  color: brown;
}
.linkImage {
  border: 0px;
  text-align: left;
  margin: 0px 4px 0px 0px;

}

/* paging */
/*
.paging {
  text-align: right;
float: right;
width: 150px;
}
*/