/****************************************************************/
/* 1.	NON LAYOUT */
/****************************************************************/
/* 1A.  HEADINGS */
/****************************************************************/

h1 {
	margin-top: 5px;
	padding: 0px;
	background: transparent;
    font-size: large;
    color: #FF5400;

}
h2 {
    color: #023B64;
    font-size: large;
}
h3 {
    color: #0596C7;
    font-size: small;
}
h4 {
    color: #023B64;
    margin-bottom: 0px;
    padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 3px;
    font-size: small;
}
p.desc {

}
p.author {

}


/****************************************************************/
/* 1B.  HYPERLINKS */
/****************************************************************/

img.thumb {
	float: right;
	padding-left: 5px;
	padding-bottom: 5px;
}
img.thumbBorder {
	float: right;
	padding: 3px;
    border: #8DA4B4 1px solid;
    margin-left: 5px;
	margin-bottom: 5px;

}
img.thumbLeft {
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;

}
a {
	color: #0596C7;
	text-decoration: none;
}
a img {
	border: 0px;
}
a:hover {
	color: #FF0000;
	text-decoration: underline;
}
a.button {
	background: transparent;
    border: #D5EAFF 1px solid;
	padding: 3px;
	text-decoration: none;
	color: #0066CC;
	font-weight: bold;
}
a.button:hover {
	background: transparent;
    border: #0084FF 1px solid;
    color: #590085;
	text-decoration: underline;
}

/****************************************************************/
/* 1C.  OTHER */
/****************************************************************/



/****************************************************************/
/* 2.	PAGE LAYOUT */
/****************************************************************/

div.spacer {
    clear: both;
}
span.menudivider {
    display: none;
    font-size: xx-small;
}

/****************************************************************/
/* 2A.  PAGE HOLDER */
/****************************************************************/

html, body {
    margin: 0px;
    background: #8DA4B4;
}

body, div, p, td {
    font-family: Verdana, sans-serif;
    font-size: small;
    color: #000000;
}

div#pageholder {
    text-align: left;
    width: 775px;
    padding: 0px;
	margin: auto auto;
	background: #FFFFFF;

}


/****************************************************************/
/* 2C. HEADER */
/****************************************************************/
div#accessibilitybar {
	font-size: x-small;
	text-align: right;
	background: #8DA4B4;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #FFFFFF;
	font-weight: bold;
}
div#accessibilitybar a {
	color: #FFFFFF;
	text-decoration: none;
}
div#accessibilitybar a:hover {
	color: #01549C;
	text-decoration: underline;
}
div#pageheader {
	width: 775px;
	background: #023A61 url("../../pics/design/head.gif") no-repeat top left;
	min-height: 77px;
}
div#pageheader div#date {
	color: #FFFFFF;
	font-weight: bold;
	font-size: small;
	float:right;
	background: transparent;
	margin-right: 10px;
	margin-top: 22px;
	width: 215px;
	text-align: center;
	
}
div#pageheader div#menu {
	color: #FFFFFF;
	margin-top: 20px;
	padding-left: 5px;
	float: left;
	width: 770px;

}
div#pageheader div#menu a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
    padding: 2px 6px 2px 6px;
}
div#pageheader div#menu a:hover {
	color: #01549C;
	text-decoration: none;
	background: #FFFFFF;
    padding: 2px 6px 2px 6px;
}
div#photobar {
	height: 130px;
	width: 775px;
	background: #023A61;
}
div#bcbar {
	background: #CCDDE8 url("../../pics/design/menutop.gif") no-repeat bottom left;
	font-size: x-small;
	padding-left: 210px;
	color: #01538D;
	padding-top: 2px;
	padding-bottom: 2px;
}
div#bcbar a {
	color: #01538D;
	text-decoration: none;
}
div#bcbar a:hover {
	color: #FF5400;
	text-decoration: underline;
}


/****************************************************************/
/* 2B1. SUB MENU */
/****************************************************************/

div#rightbar {
	background: transparent;
	width: 190px;
	float: left;
	padding-left: 10px;
	margin-bottom: 10px;
}
div#submenu {
	background: #023B64 url("../../pics/design/menumain.gif") repeat-x top left;
	min-height: 120px;
	padding-left: 10px;
	color: #FFFFFF;
}
div#submenu p {
	margin-top: 0px;
	color: #FFFFFF;
	font-weight: bold;
}
div#submenufoot {
	background: #023B64 url("../../pics/design/menufoot.gif") no-repeat bottom left;
	font-size: xx-small;
}
ul.submenu {
    margin: 0px;
	margin-top: 10px;
    padding: 0px;
}
ul.submenu li {
    list-style: none;
}
ul.submenu li a {
    color: #FFFFFF;
    display: block;
    width: 165px;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    padding: 4px 5px 4px 0px;
    background: transparent;
}
ul.submenu li a:hover {
    color: #01549C;
    background: #FFFFFF;
}
* html ul.submenu li a {
    width: 155px;
}

div#feedmenu {
	margin-top: 10px;
	background: #CCDDE8 url("../../pics/design/feedhead.gif") no-repeat top left;
	padding-left: 10px;
	color: #FFFFFF;
}
div#feedmenu ul.submenu {
	padding-top: 4px;
}
div#feedmenu ul.submenu li a{
	color: #023B64;
}
div#feedmenu p {
	margin-top: 0px;
	color: #FFFFFF;
	font-weight: bold;
}
div#feedmenufoot {
	background: #CCDDE8 url("../../pics/design/feedfoot.gif") no-repeat bottom left;
	height: 4px;
}

div.rollmenu {
	margin-top: 5px;
	background: #809DB1 url("../../pics/design/rollhead.gif") no-repeat top left;
	padding-left: 10px;
	color: #FFFFFF;
}
div.rollmenu p {
	padding-top: 5px;
	color: #FFFFFF;
	font-weight: bold;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
div.rollmenufoot {
	background: #809DB1 url("../../pics/design/rollfoot.gif") no-repeat bottom left;
	height: 4px;
}

/****************************************************************/
/* 2B2. CONTENT */
/****************************************************************/

div#pagecontent {
	background: transparent;
	float: right;
	width: 555px;
	margin-right: 10px;

}

/****************************************************************/
/* 2B2. CATEGORY CONTENT */
/****************************************************************/

div.bar {

	height: 27px;
	background: #014778 url("../../pics/design/bar.gif") no-repeat top left;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 55px;
	font-size: medium;
	padding-top: 8px;

}
div.iconContainer {
	background: transparent; 
	margin: auto auto;
	margin-top: 5px;
	margin-bottom: 5px;
}
div.iconContainer div.icon {
	margin-left: 5px;
	margin-right: 5px;
	float: left;
}




div.blogbar {

	height: 35px;
	background: #014778 url("../../pics/design/blogbar.gif") no-repeat top left;
	color: #FFFFFF;

}
div.blogbar div.date {
	background: transparent;
	width: 48px;
	height: 35px;
	float:left;
	padding-top: 2px;
}
div.blogbar div.date div.month {
	font-size: xx-small;
	text-align:center;
	color: #FFFFFF;
}
div.blogbar div.date div.day {
	font-size:medium;
	font-weight: bold;
	text-align:center;
	color: #FFFFFF;
}
div.blogbar div.title {
	color: #FFFFFF;
	font-weight: bold;
	font-size: medium;
	padding-top: 8px;
	padding-left: 53px;
}
ul.blogEntryDetails {
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 2px;
}
ul.blogEntryDetails li.author, ul.blogEntryDetails li.date, ul.blogEntryDetails li.permalink, ul.blogEntryDetails li.comments {
    list-style: none;
    padding: 1px 6px 0px 16px;
    float: left;
	font-size: x-small;
}

ul.blogEntryDetails li.author {
    background: url("../../modules/fwdBlog/pics/blogAuthor.gif") 2px 2px no-repeat;
}
ul.blogEntryDetails li.date {
    background: url("../../modules/fwdBlog/pics/blogDate.gif") 2px 2px no-repeat;
}
ul.blogEntryDetails li.permalink {
    background: url("../../modules/fwdBlog/pics/blogPermalink.gif") 2px 2px no-repeat;
}
ul.blogEntryDetails li.comments {
    background: url("../../modules/fwdBlog/pics/blogComment.gif") 2px 2px no-repeat;
}

/****************************************************************/
/* 2C.  FOOTER */
/****************************************************************/

div#footer {
    text-align: left;
    width: 775px;
    padding: 0px;
	margin: auto auto;
	background: transparent url("../../pics/design/footer.gif") no-repeat top left;
	padding-top: 4px;
	font-size: x-small;
	color: #FFFFFF;

}


/****************************************************************/
/* 3. fwdContact */
/****************************************************************/

div.fwdContactSet {
    padding-left: 5px;
}
div.fwdContactLabel {
    width: 140px;
    font-weight: bold;
    float: left;
    padding-top: 3px;
    height: 17px;
}
div.fwdContactInput {
    padding-bottom: 2px;
}
div.fwdContactInput input {
    width: 200px;
    border: #023A62 1px solid;
}
div.fwdContactInput select, div.fwdContactInput textarea {
    border: #023A62 1px solid;
}
div.fwdContactForm fieldset {
    background: #CCDDE8;
    border: 0px;
    margin-bottom: 5px;
}
div.fwdContactForm fieldset legend {
    visibility: hidden;
}
span.fwdContactRequired {
    color: #FF0000;
}
div.fwdContactInput input.fwdContactBtn {
    width: 60px;
    border: #023A62 1px solid;
    background-color: #FFFFFF;
    color: #000000;
}
div.fwdContactInput input.fwdContactBtn2 {
    width: 50px;
    border: #023A62 1px solid;
    background-color: #FFFFFF;
    color: #023A62;
    font-size: 10px;
}
div.fwdContactInput input.fwdContactSpecial {
    width: 5px;
    visibility:hidden;
}

/****************************************************************/
/* 4. Projects */
/****************************************************************/

div.project {
    background: #CCDDE8 url("../../pics/design/commentblockhead.gif") no-repeat top left;
    padding: 10px;
    padding-bottom: 0px;
}
div.projectfoot {
    background: #CCDDE8 url("../../pics/design/commentblockfoot.gif") no-repeat bottom left;
    height: 5px;
    margin-bottom: 20px;
}
div.project div.projectIcon {
    width: 110px;
    float: left;
}
div.project div.projectIcon img {
    padding: 3px;
    border: #8DA4B4 1px solid;
}
div.project div.projectText {
    width: 420px;
    float: right;
}
div.project div.projectText h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}
div.project div.projectText p.text {
    margin-top: 0px;
}


/****************************************************************/
/* 5. fwdDocuments */
/****************************************************************/
#fwdDocuments {
    padding-top: 10px;
}
#fwdDocuments .docWrapper {
    padding-bottom: 10px;
    border-bottom: #8DA4B4 1px solid;
}
#fwdDocuments .docWrapper .docIcon {
    width: 45px;
    float: left;
}
#fwdDocuments .docWrapper .docDetails {
    float: left;
    width: 415px;
}
#fwdDocuments .docWrapper .docDetails .docTitle, .docWrapper .docDetails .docDesc {
    padding-bottom: 10px;
}
#fwdDocuments .docWrapper .docDetails .docInfo {
    font-style: italic; 
}
#fwdDocuments .docWrapper .docTitle a {
    font-weight: bold;
}