/*
      Created by CSS Portal Layout Generator
	  
	  http://www.cssportal.com
	  	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
 line-height: 1.2em;
 font-size: 12px;
 color:black;
 background: #000 url('../global/tile3.jpg') repeat-y 50% 0%
 
}

footnotes{
 font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
 font-size: 7px;
 color:gray;
}



p {
 padding: 2px;
 line-height: 1.5em;
 margin-bottom:1.5em;

}

b {
line-height: 1.5em;

}

a { color: #08c; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

#header {
font-size:10px
}

#wrapper { 
 margin: 0 auto;
 padding: 10px;
 width: 800px;
}


#flash { 
 float: left;
 width: 800px;
 min-height: 400px;
/* background-color: #000000;*/
background: #000 url('../global/tile3.jpg') repeat-y 50% 0%;
 padding: 10px;
 display: inline;
 text-align:center;
 vertical-align: top;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;

} 


#navigator { 
 float: left;
 color: #333;
 width: 800px;
 min-height: 20px;
 display: inline;
 vertical-align: top;
} 






#blurb { 
 float: left;
 color: #333;
 width: 580px;
 padding: 10px;
 display: inline;
 vertical-align: top;
  border: 1px solid #cccccc;
   -webkit-border-bottom-left-radius:5px;
   -webkit-border-top-left-radius:5px;
   -webkit-border-top-right-radius:5px;   
   -webkit-border-bottom-right-radius:5px;
   -webkit-box-shadow:2px 2px 2px #cccccc;
   -moz-border-radius-topleft:5px;
   -moz-border-radius-topright:5px;
   -moz-border-radius-bottomleft:5px;   
   -moz-border-radius-bottomright:5px;
   -moz-box-shadow:2px 2px 4px #cccccc;
    background-color: #FFFFFF
}


#maincontent { 
 float: left;
 color: #333;
 width: 800px;
 padding: 10px;
 display: inline;
 vertical-align: top;
  border: 1px solid #cccccc;
  
   -moz-border-radius-topleft:5px;
   -moz-border-radius-topright:5px;
   -moz-box-shadow:2px 2px 4px #cccccc;
    background-color: #FFFFFF
}   



#pagenav {
float:left;
vertical-align: middle;
 display: inline;
 padding: 10px;
 color: #333;
 width: 800px;
 height:30px;
 min-height: 30px;
 float: left;
   border: 1px solid #cccccc;
  background-image:url(../global/backdrop3.png) ;
   -moz-border-radius-bottomleft:5px;   
   -moz-border-radius-bottomright:5px;
   -moz-box-shadow:2px 2px 4px #cccccc;
    -webkit-border-bottom-right-radius:5px;
   -webkit-box-shadow:2px 2px 2px #cccccc;
      -webkit-border-bottom-left-radius:5px;
}

#pagenav div.previous { float: left; }
#pagenav div.previous a { padding-left: 20px; background: url(../global/left-arrow-green.png) no-repeat 0 50%; }
#pagenav div.next { float: right; text-align: right; }
#pagenav div.next a { padding-right: 20px; background: url(../global/right-arrow-green.png) no-repeat 100% 50%; }


   

#footer {
 overflow: hidden;
 font-size: -3;
 color: #333;
 width: 820px;
 height:200px;
 float: left;
 padding: 10px;
 display: inline;
 vertical-align: top;
 text-align: center;

}



#header {
 color: #333;
 width: 800px;
 float: left;
}

#rightcolumn { 
padding-left:8px;
 color: #333;
 height: 350px;
 width: 150px;
 float: right;
  


}

#spacer {
margin-top: 20px;
float:left;
display:inline;
 color: #333;
 width: 600px;
 height:100px
 float: left;
}


#promos { 
 float: left;
 color: #333;
 width: 800px;
 padding: 10px;
 display: inline;
 vertical-align: top;
 background-image:url(../global/backdrop.png) ;
  border: 1px solid #cccccc;
   -webkit-border-bottom-left-radius:5px;
   -webkit-border-top-left-radius:5px;
   -webkit-border-top-right-radius:5px;   
   -webkit-border-bottom-right-radius:5px;
   -webkit-box-shadow:2px 2px 2px #cccccc;
   -moz-border-radius-topleft:5px;
   -moz-border-radius-topright:5px;
   -moz-border-radius-bottomleft:5px;   
   -moz-border-radius-bottomright:5px;
   -moz-box-shadow:2px 2px 4px #cccccc;
}   
   

#downloads1 { 
	overflow: hidden;
 float: left;
 width: 200px;
 min-width:200px;
  min-height: 200px;
 display: inline;
 vertical-align: top;
 padding-right: 5px;
   border-right: 1px solid #cccccc;
    text-align: center;

}

#downloads2 { 
	overflow: hidden;
 float: left;
 color: #333;
 width: 200px;
 min-width: 200px;
 min-height: 200px;
  padding-right: 5px;
 display: inline;
   border-right: 1px solid #cccccc;
 vertical-align: top;
  text-align: center;


}
#downloads3 {
	overflow: hidden; 
 float: left;
 color: #333;
 width: 190px;
  min-width:190px;
   min-height: 200px;
 display: inline;
 vertical-align: top;
  border-right: 1px solid #cccccc;
   text-align: center;


}

#downloads4 {
	overflow: hidden; 
 float: left;
 color: #333;
 width: 180px;
  min-width:180px;
   min-height: 200px;
 display: inline;
 vertical-align: top;
   text-align: center;


}

img { border: 0; }
img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }
img.across { margin: 2px 0 16px 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }




h2 { font-weight: bold; font-size: 22px; line-height: 24px; margin-bottom: 24px; border-bottom: 1px solid #ccc; margin-left: 20px;}

h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }
p.intro { font-weight: bold; }


/* gradient 1 */
.gradient1 h1 {
	font: bold 330%/100% "Lucida Grande", Arial, sans-serif;
	position: relative;
	margin: 30px 0 20px;
	color: #464646;
}
.gradient1 h1 span {
	background: url(images/gradient-white3.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 31px;
}

/* gradient 2 */
.gradient2 h1 {
	font: small-caps bold 310%/90px 
	position: relative;
	margin: 20px 0 10px;
	color: black;
	text-transform: uppercase;
}
.gradient2 h1 span {
	background: url(images/gradient-glossy2.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 18px;
}

.gradient2 h2 {
 font-weight: bold; 
 font-size: 20px; 
 line-height: 24px; 
 margin-bottom: 24px; 
 border-bottom: 1px solid #ccc; 
 margin-left: 20px;
 text-shadow: gray 1px 1px 2px;
	color: black;
}
.gradient2 h2 span {
	background: url(images/gradient-glossy2.png) repeat-x;
	position: absolute;
	display: block;
	width: 40%;
	height: 28px;
}


.gradient2 a {
	color: #000;
	text-decoration: none;
}
.gradient2 a:visited {
	color: #000;
}
.gradient2 a:hover {
	color: #555;
}

/* gradient 3 */
.gradient3 {
	background: #d7e1e3;
	padding: 30px 10px;
	padding: 30px 0 30px 30px;
}
.gradient3 h1 {
	font: bold 280%/100% "Lucida Grande", Arial, sans-serif;
	position: relative;
	margin: 0;
	color: #000;
	letter-spacing: -2px
}
.gradient3 span {
	background: url(images/gradient-grey.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 29px;
}

/* gradient 4 */
.gradient4 {
	background: url(images/gradient4-bg.png) repeat-x left bottom;
	font-variant: small-caps;
}
.gradient4 h1 {
	font: normal small-caps 340%/120% "Lucida Grande", Arial, sans-serif;
	position: relative;
	margin: 0;
	color: #fff;
}
.gradient4 h2 {
	font: normal 150%/100% "Lucida Grande", Arial, sans-serif;
	margin: 10px 0 0;
	color: #b7b7b7;
}
.gradient4 span {
	background: url(images/gradient-dark.png) repeat-x;
	position: absolute;
	bottom: -0.1em;
	display: block;
	width: 100%;
	height: 29px;
}

/* gradient 5 */
.gradient5 {
	background: #000;
	padding: 30px 0 30px 30px;
	margin: 30px 0 50px;
}
.gradient5 h1 {
	font: normal 330%/100% "Lucida Grande", Arial, sans-serif;
	position: relative;
	margin: 0;
	color: #fff;
	letter-spacing: -1px;
}
.gradient5 h1 span {
	background: url(images/gradient-shine.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 64px;
}

/* gradient 6 */
.gradient6 {
	background: #000;
	padding: 30px 0 30px 30px;
	margin: 30px 0 50px;
}
.gradient6 h1 {
	font: bold 310%/100% "Lucida Grande", Arial, sans-serif;
	position: relative;
	margin: 0;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: -2px;
}
.gradient6 h1 span {
	background: url(images/gradient-dark-stripe.png) repeat-x;
	position: absolute;
	bottom: -0.1em;
	display: block;
	width: 100%;
	height: 29px;
}

/* gradient 7 */
.gradient7 {
	background: #000;
	padding: 30px 0 30px 30px;
	margin: 30px 0 50px;
}
.gradient7 h1 {
	font: bold 310%/100% "Lucida Grande", Arial, sans-serif;
	position: relative;
	margin: 0;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: -2px;
}
.gradient7 h1 span {
	background: url(images/gradient-dark-stripe-hz.png) repeat-x;
	position: absolute;
	bottom: -0.1em;
	display: block;
	width: 100%;
	height: 29px;
}

/* pattern */
.pattern {
	background: #000;
	padding: 30px 0 30px 30px;
	margin: 30px 0 50px;
}
.pattern h1 {
	font: bold 600%/100% "Lucida Grande", Arial, sans-serif;
	position: relative;
	margin: 0;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: -6px;
}
.pattern h1 span {
	background: url(images/pattern-zebra.png);
	position: absolute;
	display: block;
	width: 100%;
	height: 100px;
}

/* gradient IE6 png hack */
.gradient-ie h1 {
	font: bold 320%/100% "Lucida Grande", Arial, sans-serif;
	position: relative;
	margin: 30px 0 50px;
	color: #464646;
}
.gradient-ie h1 span {
	background: url(images/gradient-white.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 31px;
}

/* @group menu */

#logo {
	float: left;
	width:280px;
	vertical-align:top;
/*	  border: 2px solid #cccccc;*/
	margin-top: 20px;
	  margin-bottom:10px;
	 
}

#submenu { 
 float: right;
 	margin-top: 20px;
 width: 500px;
 text-align:center;
/* background:#DFDFDF;*/
 display: inline;
 vertical-align: top;
background-image:url(../global/backdrop.png) ;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
} 



#menuitem a {
  outline: 0;
  display: block;
 text-decoration:none;
  padding: 2px 6px;
  margin: 5px;
  float: left;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
#menuitem a:hover {
  border: 1px solid #D1D1D1;
  background: #D1D1D1;
   text-decoration:none;
  text-shadow:none;
  color: #000;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
a.selected {
  background: #AFAFAF;
  -moz-border-radius: 10px;
   text-decoration:none;
  
  -webkit-border-radius: 10px;
  color: #fff;
	text-shadow: #c0c0c0 0 1px 1px;
}

/* @end */