/*main page styles*/

body {
background-image:  url("assets/background-page.gif");
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .7em; }

a:link {
color: #6fa2d5;
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

a:visited {color: #6fa2d5;
}

a:hover {color: #ffffff;
text-decoration: none;
background-color: #6fa2d5; }

a:active {
color: #6fa2d5; }

img {
border: 0;
text-align: left; }

.menutitle{
font-family: Verdana, Helvetica, Arial, sans-serif;
cursor:pointer;
margin: 5px;
color: #03489c;
text-align: right;
font-size: 12px; }

.submenu{
margin: 5px;
text-align: right;
padding-bottom: .5em;
color: #6fa2d5;
font-size: 10px;
line-height: 1.5em; }

.current_nav{
color: #ffffff;
font-family: Verdana, Helvetica, Arial, sans-serif;
background-color: #b7cee8; }

.current_proj {
list-style-image:  url("assets/bullet.gif");
color: #03489c;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-decoration: underline; }

/*layout styles*/

#content {
background-image:  url("assets/background-body.png");
background-repeat: repeat-y;
background-position: center;
margin: 0px auto 0px auto;
text-align: center; 
width: 770px;
height: auto;
}

#contentarea {
width: 748px;
margin: 0px 11px 0px 11px;
background-color: #cccccc;
border-bottom: 1px #808080 solid;
height: auto;
color: #4c4c4c; }

#intro {
width: 320px;
text-align: left;
margin: 4em 0em 2em 3em;
float: left;
}

#featproject {
margin: 3em 0em 20em 40em;
padding:0px 40px 80px 40px;
background-image:url(assets/feat_project.gif);
background-repeat:no-repeat;
background-position:center;
}

#featproject img {
	margin: 2em 0em 0em 0em;
}

#onecolumn{
width: 500px;
position: relative;
text-align: left;
margin: 4em 0em 2em 7em; }

#onecolumn p{ 
color: #4c4c4c;
font-size: 1.1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: 1.5em;
margin: 0em;
margin-bottom: 1em; }

#onecolumn h1{
color: #ffffff;
font-size: 2em;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin: 0em; }

#onecolumn h2{
color: #ffffff;
font-size: 1.3em;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin: 0em;
margin: 1.5em 0em 0em 0em; }

#intro p {
color: #4c4c4c;
font-size: 1.1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: 1.5em; }

#header {
background-image:  url("assets/background-body.png");
background-repeat: repeat-y;
background-position: center;
}

#nav {
width: 200px;
height: 450px; 
margin-right: 10px;
float: left;
list-style-type: none;
text-align: right;
border-right: 1px #ABA8A7 dashed;
padding-right: 12px;
margin-top: 4px; }

#portfolio {
width: 350px;
float: left; 
}

#portfolio_nav {
background-color: #00ffff; 
}

#footer {
clear: both;
border-top: 1px #d5d5d5 solid;
margin: 0px 11px 0px 11px; }

#logo {
width: 200px;
list-style-type: none;
text-align: right;
border-right: 1px #ABA8A7 dashed;
padding-right: 12px;
height: 125px; }

ul {
list-style: none;
color: #4c4c4c;
font-size: 1.1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: 1.5em;
}

li {
background:  url("assets/arrow.gif") no-repeat 0 .25em;
padding-left: 17px;
margin-top: 1px; }

/* admin styles */

h2 {
color: #666666;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 14px; }

td.hilight {
background-color: #EEE;
}

.alert {
color: #FF0000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px; }

.action {
border: 1px solid #EEE;
}

#admin {
width: 400px;
float: left; 
text-align: left;
}

.notice {
color: #666666;
}

#icons {
	margin: 0;
	float: left;
}

#admin p {
color: #acabab;
text-align: left; }

#icons img {
	border: 0;
	margin: 0em 5px 15px 0px;
	display: inline;
}

#icons a:link, #icons a:visited, #icons a:hover, #icons a:active {
text-decoration: none;
background: none;
}

tr {
font-size: 15px; }

td {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px; }

th {
color: #4c4c4c;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
text-align: left; }

h4 {color: #666666;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
border-bottom: 2px #ccc dotted; }

.button  a:link {text-decoration: none}
.button  a:visited {text-decoration: none}
.button  a:active {text-decoration: none}
.button  a:hover {text-decoration: none}

caption {}

.hidden {
display: none;
color: #acabab; }

.thumbnail {
width: 100px;
height: auto;
}

h5 {
color: #666666;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 9px;
text-align: center;
}