/*****
Palette http://www.colourlovers.com/palette/937532/hot_news
*****/

html, body,form, #page {
    height: 100%;
}
body {
	padding:0px;
	margin: 0px;
	background-color: #15181c;
	background-image: url(images/bg.jpg);
	background-repeat:repeat-x;
	color: #15181C;
	font-size: 14px;
	line-height: 145%;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

table tr td { padding: 2px 8px 2px 8px; }

#basicPage img 
{
    margin: 0px 10px 10px 10px;  
    box-shadow: 5px 5px 5px #888; 
    -moz-box-shadow: 5px 5px 5px #888; 
    -webkit-box-shadow:5px 5px 5px #888;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888')";
}

#loginBox { background-color:White; }
ul { padding-left:25px; margin: 0px;}

a {text-decoration:none; color:#e80e9c;}
a:visited {text-decoration:none; color:#e80e9c;}
a:hover {text-decoration:none; color:#54c7c5;}

h5 { font-size: 12px; padding: 0px; margin-top: 5px; margin-bottom:5px;}
h4 { font-size: 14px; padding: 0px; margin-top: 5px; margin-bottom:5px;}
h3 {  font-size: 16px; padding: 0px; margin-top: 5px; margin-bottom:8px;}
h2 {  font-size: 18px; line-height:22px; background-color: #15181C; margin-top: 0px; padding: 5px 5px 5px 8px; color:White;}
h1 {  font-size: 22px; line-height:26px; padding: 0px; margin-top: 5px; margin-bottom:8px;}
#page { width:980px; margin-left:auto; margin-right:auto;}

#logo { float:left;}
#menu{ float:right; margin-top:75px; margin-right:10px; font-size:14px; text-transform:uppercase;}
#menu ul li { float:left; list-style-type:none; padding-left:15px;}

#menu a { color:White; padding: 5px 5px 10px 5px;}
#menu a:visited { color:White;}
#menu a:hover { color:#e80e9c;}

#header { height:96px; }
#footer { height:100px; background-color:#54c7c5; color:#15181c; padding:5px; clear:both;}
#footer { min-height:40px; padding:5px; clear:both;}

#banner { height:84px;}
#banner h1 { float:right; clear:both; margin-right:10px; margin-top:15px; margin-bottom:5px;}
#banner h2 { float:right; color:White; background-color: Transparent; clear:both; margin-right:10px; margin-bottom:10px;}

#basicPage { min-height:470px; margin-top:10px; background-color:White; padding:10px; position:relative;}
#col1 { background-color:White;  margin: 10px 10px 10px 0px; min-height:500px;
background-image: url(images/bg3.jpg); background-repeat: no-repeat; background-position:bottom right; float:left; width:618px; padding:8px; 
    }
#col2 { background-color:White; min-height:500px; height: auto; float:left; width:320px; padding:8px; 
    margin: 10px 0px 10px 0px;}

.subtleContent { background-color:White; border: solid 1px #16181c; padding:10px; margin-bottom:10px; color:#16181c;}
.editCMS { /*background-color: Lime; padding:3px; border: solid 1px Black;*/}
.clear { font-size: 0px; clear:both;}

.productRow { clear:both; margin-bottom:10px;}
.productItem { width:150px; height:120px; background-color:Silver; position:relative;
    border: solid 1px #16181c; padding:10px; color:#16181c; margin: 0px 10px 0px 10px; float:left;}
.productItem input{ position:absolute; bottom:5px; right:5px;}

#selections { }
#selections a { float:right;}

body#default #menu a#default { background-color:#00cc1b;}
body#learning #menu a#learn { background-color:#00cc1b;}
body#about #menu a#about { background-color:#00cc1b;}
body#technical #menu a#technical { background-color:#00cc1b;}
body#blog #menu a#blog { background-color:#00cc1b;}

.required { background-color: #01cc1b;}
.inputCol { width: 200px; float:left; padding:5px; margin:5px;}
.inputCol input  { width:180px; }