/* CSS Document */

body{
	font-family:"trebuchet ms",arial,sans-serif;
	font-size:14px;
	background-image:url(../images/index_bg_image.gif);
	background-repeat:repeat;
	margin-top: 0px; margin-left: 0px; margin-right: 0px;
}
h1 {
	line-height:150%;
}
#pagecontainer{
	width:900px;
	border:solid 1px #000000;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	background-color:white;
	clear:both;
	position:relative;
}

#header{
	float:left;
	position:relative;
	width:900px;
	background-color:#FFCB00;
	background-repeat:no-repeat;
	height:220px;
}

#sitename {float:left; position:relative; width:500px; margin-left:10px;}
#sitename h1 {font-size:320%; line-height:80%; margin-top:30px;}
#sitename h2 {color:black; font-size:150%; text-align:left; margin-left:10px;}

#skills{float:right; position:relative; margin:10px 10px 10px 10px; width:300px;}
#skills p{text-align:right; color:black; font-weight:bold;}

#main-container{
}

#nav-menu {
clear:both;
float:left;
width:900px;
}
#nav-menu ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#nav-menu li {
float:left;
margin:0 0.15em;

}
#nav-menu li a {
background:#FFFFFF url(../images/background.gif) repeat-x scroll left bottom;
border:0.1em solid #DCDCE9;
color:#0D2474;
display:block;
float:left;
height:2em;
line-height:2em;
text-align:center;
text-decoration:none;
width:8.5em;
}
#nav-menu li a {
float:none;

}

#nav-menu li a:hover {
float:none;
text-decoration:underline;

}

#news{
width:170px;
float:left;
position:relative;
clear:none;
background-color:#F4F4F4;
padding:5px;
}
#page {
float:left;
clear:none;
position:relative;
width:680px;
margin:auto;
margin-left:10px;
}

#page h1,h2,h3{ text-align:center; }

#footer{
	color:black;
	clear:both; 
	width:900px; 
	height:45px;
	background-color:#FFCB00; 
	font-size:1.0em;
	overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;
}

#footer p{ float:left; position:relative; text-align:left; margin:10px 10px 10px 10px; width:auto;}
#footer p.credits { font-size:0.9em; float:right; position:relative; font-weight:normal; text-align:right; margin-right:8px; width:auto;}
#footer a, visited{ color:black;}
#footer hover { color:#ccc;}


#cms-header{
float:left;
position:relative;
clear:both;
height:50px;
background-color:#CCCCCC;
border-bottom:#999999 solid 3px;
width:100%;
padding-top:2px;
top:0;
left:0;
z-index:1;
}
#cms-nav ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

#cms-nav li {
float:left;
margin:0 0.15em;

}
#cms-nav li a {
background:#FFFFFF url(../images/background.gif) repeat-x scroll left bottom;
border:0.1em solid #DCDCE9;
color:#0D2474;
display:block;
float:left;
height:47px;
line-height:2em;
text-align:center;
text-decoration:none;
width:8.5em;
}

#cmsToolbar{
float:left;
clear:both;
position:relative;
width:100%;
}
#pages{
background-color:#FFFFFF;
width:900px;
margin:auto;
margin-left:10px;

}
#lastmodified{
	font-weight:bold;
	clear:both;
	margin-top:10%;
}

#gallery a{
	border:none;
	margin:2px;
}

.choice{
	position:relative;
	float:left;
	clear:none;
	padding:5px;
}

.choice img{
	border:1px dashed #ccc;
}
.choice img hover{
	border:2px solid #000000;
}
/* caption styling */

.caption-top, .caption-bottom {
	color: #ffffff;	
	padding: 1.2em;	
	font-weight: bold;
	font-size: 13px;	
	font-family: arial;	
	cursor: default;
	border: 0px solid #334143;
	background: #000000;
}
.caption-top {
   border-width: 0px 0px 8px 0px;
}
.caption-bottom {
   border-width: 8px 0px 0px 0px;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}
.caption-wrapper {
	float: left;
}
br.c { clear: both; }

textarea{
	height:200%;
}

input{
	position:relative;
}