﻿
/* Site CSS
----------------------------------------------------------*/

/*Defaults
----------------------------------------------------------*/

html {height: 100%; background-color: #bebfc1;}

body {
	font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	font-style:normal;
	background:#bebfc1;
	text-align:left;
	color:#18081c;
	height:100%;
}


/* ---------- Headings and defaults ---------- */

h1,h2,h3,h4,h5,h6,legend {font-weight:normal; font-style: normal; color:#d79a29;}

h1 {font-size: 197%;} /*26px*/
h2 {font-size: 182%;} /*24px*/
h3 {font-size: 167%;} /*22px*/
h4 {font-size: 153.9%;} /*20px*/
h5 {font-size: 138.5%;} /*18px*/
h6 {font-size: 123.1%;} /*16px*/


/* Paragraphs and lists */

p {line-height:24px; padding:12px;}
.small {font-size: 96%;}

strong {font-weight:700;}

ul.square li {list-style:square; list-style-position:inside; line-height:24px; margin:0 0 0 12px;}
ol.decimal li {list-style:decimal; list-style-position:inside; line-height:24px; margin:0 0 0 12px;}


/* Links */

a, a:visited {color:#006699; text-decoration:none;}
a:hover {text-decoration: underline;}
a:active {color:#006699; text-decoration:none;}

#topNav a, #topNav a:visited{color: #1c3c21; text-decoration: none;}
#topNav a:hover {text-decoration: underline;}
#topNav a:focus {text-decoration: underline;}

#innerft a, #innerft a:visited {color:#525e50; text-decoration: none;}
#innerft a:hover {text-decoration: underline;}
#innerft a:active {color:#525e50; text-decoration: none;}


/* Forms
----------------------------------------------------------*/

input[type="text"], textarea, #password {
    border:1px solid #d79a29;
    display: block;
    -moz-border-radius:6px;
	-webkit-border-radius:6px;
}

fieldset {
    margin: 4px 20px 20px 10px;
    -moz-border-radius:6px;
	-webkit-border-radius:6px;
    }
    
fieldset div {margin:12px 0 0 0}
    
legend {
	font-size:123.1%;
}

label {
    display: block;
    margin:8px 0 2px 0px;
    font-size:105%;
    }

input[type="text"], textarea, #password {
    border-color:#d79a29;
    padding:2px;
    margin:2px 0 4px 0px;
    width:100%;
    }

input[type="checkbox"] {
    margin:2px 0 4px 10px;
}

input[type="submit"], input[type="button"] {
    padding:2px 14px;
    display: block;
    margin:2px 0 20px 0px;
    font-weight:600;
    }
  
.forcheckbox {
    margin:0 0 0 4px;
    display:inline;
}


/* Tables
----------------------------------------------------------*/

table {
	border-collapse: collapse;
	width: 100%;
	border-spacing: 0px;
}

tbody 
{
	border-spacing: 0px;
	vertical-align: middle;
}

thead, th {
    font-size:104%;
	font-weight:600;
	text-align:left;
	background:#bebfc1;
	overflow:hidden;
}


th, td {
	padding: 10px 12px;
	border-spacing: 0px;
	display:table-cell;
	vertical-align: middle;
	border-bottom:1px dotted #bebfc1;
}

caption {
	text-indent: 0px;
	font-size:80%;
	margin:8px 0;
	caption-side: bottom;
}

col {
	border-spacing: 0px;
	display: table-column;
	}
	
colgroup 
{
	border-spacing: 0px;
	display: table-column-group;
}

.divider {border-bottom:1px solid #d79a29;}


/* Layout
----------------------------------------------------------*/

#doc4 
{
    background-color:#eee;
    width:73.846em; /* 960/13=73.846 -set custom doc width */
    *width:72.001em; /* 960/13.333=72.001 -set custom doc width for ie */
    
    }
    
#bd {
    min-height:500px;
    background:#fff;
    padding: 20px;
    -webkit-border-top-left-radius: 6px;    /* for Safari */
    -webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;       /* for Firefox */
	-moz-border-radius-topright: 6px;
    }
    
#hd  h1 {
	margin: 0px;	
}

#hd  h1 a {
	
	display: block;
	float:left;
	width:600px;
	padding-top:50px;
	top:0px;
	margin: 0px;
	position:relative;
	z-index:0;
	margin-left:190px;
	font-size:18pt
}

#branding {
    height:80px;
    background:url(../Content/Images/logo.png) no-repeat top left;
}

#logIn {
	margin:33px 2px 0 0;
	font-size:104%;
	float:right;
}

#maincolumn {
	padding:0 18px 0 0;
	}

#subcolumn {
    padding:4px 0 12px 0;
    }
    
#subcolumn h4 {
    margin:6px 0 0 6px;
    }
    
#subcolumn p {
    padding:6px;
    }
    
#subcolumn ul {
     border:1px solid #CACEC6;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	padding:8px;
    }


/* contentItems is the generic class for all content items - e.g. blogs uses this for the unordered lists to display posts */
    
.contentItems li {
    margin:12px 0 12px 0;
}

#ft {
	background:#CED5CE;
	-webkit-border-bottom-left-radius: 6px;    /* for Safari */
    -webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;       /* for Firefox */
	-moz-border-radius-bottomright: 6px;
}

#innerft {
	padding:20px 8px 8px 8px;
	padding:10px 20px 20px 20px;
}


/* Top navigation pane
----------------------------------------------------------*/
/* Top navigation pane
----------------------------------------------------------*/
.menucontainer {
		margin:0;
	padding:0;
	list-style:none;
	float:left;
	    background-color: #18081c;
	    font-weight:bold;

}

.menucontainer ul.menu li {
	float:left;
	margin:0 20px;
}

.menucontainer ul.menu li a {
	display:block;
	padding:12px 12px 10px 12px;
	color: #e2e4dd;
	font-size:104%;
	text-decoration: none;
}

.menucontainer ul.menu li.current {
}

.menucontainer ul.menu li.current a {
	color:#ffea9b;
}



/* Common */

.floatLeft {float: left;}

.floatRight {float: right;}

.floatNone {float: none;}

.centered {margin:0 auto;}

.textRight {text-align:right;}

.textCentered {text-align:center;}

.textJustified {text-align:justify;}

.displayText {display:none;}

.clearLayout {clear:both;}

.disabled {color:#CCC;}

.alert {color:#FF0000;}

.metadata, .meta { font-size:0.8em; color:#111}
