/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}





/*
Conklin Development Declaration
*/

html,body {
	/*
	*/
	height:100%;
	width:100%;
	text-align:center;
	padding:0;
	margin:0;
	}

html {
    background-color : #02102D;
    background-image : url(../images/v1-bg.jpg);
    background-attachment : fixed;
    background-repeat : repeat-x;
    background-position:top;
    padding-top : 0;
	}

body {
  }

* {
	font-family:Verdana,Arial;
	font-size:16px;
	}

a {
    text-decoration: none;
    color:#2B55AF;
}

.clear { clear:both; }

#user_and_speed_footer {
    display:none;
}

h2.innerHeader {
    font-size:15px;
    padding: 15px 0 0 0;
    font-weight:bold;
}


p {line-height:1.3em;padding:10px 0;}
p.small {line-height:90%}
p.big {line-height:200%}


ul {margin-top:20px;line-height:1.3em;}
ul li { margin-left:30px;margin-top:5px;list-style-type:circle; }


h1 {
    padding: 5px 0 2px 15px;
    margin:0 0 0 0;
    font-size:25px;
    border-bottom:1px dotted #F18D0C;
}
h2 {
    padding: 5px 0 2px 15px;
    margin:0 0 0 0;
    font-size:22px;
    border-bottom:1px dotted #F18D0C;
}
h3 {
    padding: 5px 0 2px 5px;
    margin:0 0 0 0;
    font-size:19px;
    border-bottom:0 none #F18D0C;
}

.project-list-element {
    padding:5px; 
    margin:5px; 
    background-color:#F0F0F0;
    border:1px solid #CCC;
    overflow:hidden;
}
.project-screenshots {
    float:left;
    width:150px;
    margin-right:10px;
    padding-right:10px;
}

.shared-grey-wrapper {
    margin:0 0 5px 15px;
    padding:10px;
    border:1px solid #E0E0E0;
    background-color:#f0f0f0;
}





/*******************************************
    Main Page Wraper
*******************************************/

#v2 {}

#v2 #mainWrapper {
    background-color:#FFFFFF;
    margin: 0 auto;
    border:0;
    padding:0;
	text-align:left;
    width: 850px;
    height:100%;
}







/*******************************************
    Header
*******************************************/

#v2 #PageHeaderWrapper {
    background: url(../images/v1-header-bg.jpg) repeat-x;
    background-position:bottom center;
    height:80px;
    border:0;
    margin:0;
    padding: 0;
    background-color:#1C3D84;
    border-top: 2px solid black;
    border-bottom:1px solid #020A1F;
    width: 850px;
}
#v2 #PageHeaderWrapper #PageHeader {
    padding: 20px 0 0 20px;
    text-align:left;
    color:white;
}

#v2 #PageHeaderWrapper #PageHeader .name, {
}
#v2 #PageHeaderWrapper #PageHeader .name a {
    color:white;
    font-size:35px;
}
#v2 #PageHeaderWrapper #PageHeader .slogan {
    margin: 10px 0 0 0;
    font-size: 14px;
    line-height: 1.125;
    text-align:right;
    color:white;
}

#v2 #PageHeaderWrapper #PageHeader a {
    text-decoration: none;
}

#v2 #PageHeaderWrapper #PageHeader a:hover {
    text-decoration: underline;
}









/*******************************************
    TesterSwitch
*******************************************/
#v2 #TopNavWrapper,
#content-body #left-column #navigation-wrapper .CurrentNav {
    /*
    display:none;
    */
}
#content-body #left-column #navigation-wrapper .AllNav {
    /*
    */
    display:none;
}
/*******************************************
    TesterSwitch
*******************************************/







/*******************************************
    Navigation - Top Row
*******************************************/

#v2 #TopNavWrapper {
    clear:both;
    overflow:hidden;
    /*display:none;*/
}
#v2 #TopNavWrapper .TopNav {
    background-color:black;
    clear:both;
    overflow:hidden;
    border-bottom:1px solid #020A1F;
    border-left:1px solid black;
}
#v2 #TopNavWrapper .TopNav dl {
    list-style-type:none;
    padding:0;
    margin:0;
    border-bottom:1px solid #020A1F;
    }
#v2 #TopNavWrapper .TopNav dl dd {
    float:left;
    width:212px;
    text-align:center;
    border-bottom:1px solid #020A1F;
}
#v2 #TopNavWrapper .TopNav dl dd a {
    color:white;
    display:block;
    border-top:1px solid #31549F;
    border-left:1px solid #091C47;
    border-right:1px solid #06225F;
    border-bottom:1px solid #06225F;
    background-color:#14357C;
    padding: 7px 5px;
    font-size:1em;
}
#v2 #TopNavWrapper .TopNav dl dd a:hover {
    background-color:#36579E;
    }
#v2 #TopNavWrapper .TopNav dl dd .Current {
    background-color:#36579E;
    border-top:1px solid #06225F;
    border-left:1px solid #06225F;
    border-right:1px solid #31549F;
    border-bottom:1px solid #31549F;
}








/*******************************************
    Navigation - BreadCrumb
*******************************************/

#BreadCrumb {
	color:gray;
	margin: 0px;
	padding: 2px 10px 2px 10px;
	font-size:10px;
	}
#BreadCrumb * {
	font-size:10px;
	}
#BreadCrumb a:link, #BreadCrumb a:visited {
	text-decoration: none;
	margin: 0px;
	color:#5884b0;
	padding: 0px;
	font-size:10px;
	}
#BreadCrumb dl {
	float: left;
	height: 11px;
	margin: 20px;
	padding: 0px;
	font-size:10px;
	}
#BreadCrumb dd {
	float: left;
	border: none;
	margin: 20px;
	padding: 0px 0px 0px 5px;
	font-size:10px;
	}
#BreadCrumb dd.Last {
	border: none;
	padding-right: 0px;
	margin: 0px;
	padding: 0px;
	font-size:10px;
	}
#BreadCrumb dd a:hover {
	}






/*******************************************
    Content - General Declaration
*******************************************/

#content-body {
    padding:0;
    margin:0;
    /**/
}







/*******************************************
    Content - Left Column
*******************************************/

#content-body #left-column {
    padding:0;
    margin:0;
    float:left;
    width:200px;
    background-color:#cccccc;
}






/*******************************************
    Navigation - Left Column -- AllNav
*******************************************/

#content-body #left-column #navigation-wrapper {
    padding:0;
    margin:1px;
}
#content-body #left-column #navigation-wrapper .AllNav {
    padding:0;
    margin:0;
}
#content-body #left-column #navigation-wrapper .AllNav dl {
    list-style-type:none;
    padding:0;
    margin:0;
    }
#content-body #left-column #navigation-wrapper .AllNav dl dd {
    list-style-type:none;
    padding:0;
    margin:0;
}
#content-body #left-column #navigation-wrapper .AllNav dl dd.depth1 {
    border-top:1px solid #31549F;
    border-left:7px solid #091C47;
    border-right:1px solid #06225F;
    border-bottom:1px solid #06225F;
    background-color:#14357C;
}
#content-body #left-column #navigation-wrapper .AllNav dl dd.depth1 a,
#content-body #left-column #navigation-wrapper .AllNav dl dd.depth1 a:visited {
    padding:5px 1px 5px 5px ;
    color:white;
    font-size:1em;
    }
#content-body #left-column #navigation-wrapper .AllNav dl dd.depth2 a,
#content-body #left-column #navigation-wrapper .AllNav dl dd.depth2 a:visited {
    color:black;
    font-size:.9em;
    background-image : url(../images/v1-sml-arrow-1.gif);
    background-repeat: no-repeat;
    background-position: 5px 9px;
    padding:2px 0 2px 18px;
    }

#content-body #left-column #navigation-wrapper .AllNav dl dd.depth2 {
    background-color:#99AFDF;
    border-top:1px solid #CFDEFF;
    border-left:7px solid #14357C;
    border-right:1px solid #6B86BF;
    border-bottom:1px solid #6B86BF;
    margin:0;
}

#content-body #left-column #navigation-wrapper .AllNav dl {
    margin-bottom:0;
}
#content-body #left-column #navigation-wrapper .AllNav dl dl {
    margin-bottom:3px;
}

#content-body #left-column #navigation-wrapper .AllNav dl dd a,
#content-body #left-column #navigation-wrapper .AllNav dl dd a:visited {
    display:block;
    padding:4px 0;
    margin:0;
    }
#content-body #left-column #navigation-wrapper .AllNav dl dd.Current {
    border-left:7px solid #F18D0C;
}
#content-body #left-column #navigation-wrapper .AllNav dl dd.depth1 a.Current,
#content-body #left-column #navigation-wrapper .AllNav dl dd.depth2 a.Current,
#content-body #left-column #navigation-wrapper .AllNav dl dd.depth3 a.Current,
#content-body #left-column #navigation-wrapper .AllNav dl dd.depth4 a.Current {
    /*background-color:#476DBF;*/
    color:white;
    font-weight:bold;
    }
#content-body #left-column #navigation-wrapper .AllNav dl dd.depth1 a:hover,
#content-body #left-column #navigation-wrapper .AllNav dl dd.depth2 a:hover,
#content-body #left-column #navigation-wrapper .AllNav dl dd.depth3 a:hover,
#content-body #left-column #navigation-wrapper .AllNav dl dd.depth4 a:hover {
    background-color:#50648F;
    color:white;
    }

/*******************************************
    Navigation - Left Column -- CurrentNav
*******************************************/
#content-body #left-column #navigation-wrapper .CurrentNav {
    padding:1px;
    margin:0;
}
#content-body #left-column #navigation-wrapper .CurrentNav dl {
    list-style-type:none;
    padding:0;
    margin:0;
    }
#content-body #left-column #navigation-wrapper .CurrentNav dl dd {
    list-style-type:none;
    padding:0;
    margin:0;
}
#content-body #left-column #navigation-wrapper .CurrentNav dl dd.depth1 {
    border-top:1px solid #31549F;
    border-left:7px solid #091C47;
    border-right:1px solid #06225F;
    border-bottom:1px solid #06225F;
    background-color:#122A5F;
    font-weight:bold;
}
#content-body #left-column #navigation-wrapper .CurrentNav dl dd.depth1 a,
#content-body #left-column #navigation-wrapper .CurrentNav dl dd.depth1 a:visited {
    padding:10px 1px 5px 10px ;
    color:white;
    font-size:1.1em;
    }
#content-body #left-column #navigation-wrapper .CurrentNav dl dd.depth2 a,
#content-body #left-column #navigation-wrapper .CurrentNav dl dd.depth2 a:visited {
    color:black;
    font-size:.9em;
    background-image : url(../images/v1-sml-arrow-1.gif);
    background-repeat: no-repeat;
    background-position: 5px 9px;
    padding:2px 0 2px 18px;
    }

#content-body #left-column #navigation-wrapper .CurrentNav dl dd.depth2 {
    background-color:#99AFDF;
    border-top:1px solid #CFDEFF;
    border-left:7px solid #122A5F;
    border-right:1px solid #6B86BF;
    border-bottom:1px solid #6B86BF;
    margin:0;
}

#content-body #left-column #navigation-wrapper .CurrentNav dl {
    margin-bottom:0;
}
#content-body #left-column #navigation-wrapper .CurrentNav dl dl {
    margin-bottom:3px;
}

#content-body #left-column #navigation-wrapper .CurrentNav dl dd a,
#content-body #left-column #navigation-wrapper .CurrentNav dl dd a:visited {
    display:block;
    padding:4px 0;
    margin:0;
    }
#content-body #left-column #navigation-wrapper .CurrentNav dl dd.Current {
    border-left:7px solid #F18D0C;
}
#content-body #left-column #navigation-wrapper .CurrentNav dl dd.depth1 a.Current,
#content-body #left-column #navigation-wrapper .CurrentNav dl dd.depth2 a.Current,
#content-body #left-column #navigation-wrapper .CurrentNav dl dd.depth3 a.Current,
#content-body #left-column #navigation-wrapper .CurrentNav dl dd.depth4 a.Current {
    /*background-color:#476DBF;*/
    color:white;
    font-weight:bold;
    }
#content-body #left-column #navigation-wrapper .CurrentNav dl dd.depth1 a:hover,
#content-body #left-column #navigation-wrapper .CurrentNav dl dd.depth2 a:hover,
#content-body #left-column #navigation-wrapper .CurrentNav dl dd.depth3 a:hover,
#content-body #left-column #navigation-wrapper .CurrentNav dl dd.depth4 a:hover {
    background-color:#50648F;
    color:white;
    }










/*******************************************
    Content - Right Column
*******************************************/

#content-body #right-column {
    padding:0;
    margin: 0 0 0 200px;
    background-color:white;
    /*
    border-left:1px solid gray;
    */
}
#content-body #full-column {
    padding:0;
    margin: 0 ;
    background-color:white;
}
#content-body #full-column #content-wrapper,
#content-body #right-column #content-wrapper {
    padding:20px;
    margin:0;
    /*
    min-height:500px;
    height:auto !important;
    height:500px;
    */
}
#content-body #full-column #content-wrapper #content-title,
#content-body #right-column #content-wrapper #content-title {
    padding: 5px 0 2px 15px;
    margin:0 0 0 0;
    font-size:25px;
    border-bottom:1px dotted #F18D0C;
}
#content-body #full-column #content-wrapper #content-error,
#content-body #right-column #content-wrapper #content-error {
    padding:0;
    margin:0;
}
#content-body #full-column #content-wrapper #actual-content,
#content-body #right-column #content-wrapper #actual-content {
    padding:0;
    margin:10px;
}

























/*******************************************
    Content
*******************************************/

#v1 #ContentWrapper {
    padding: 0 20px 15px 20px;
}
#v1 #ContentWrapper #PageContent {
    
}

#v1 #OldMainWrapper #ContentWrapper h2.ContentTitle {
    color: #2B0000;
    margin:20px 0 10px 0;
    font-size:1.4em;
    border-bottom:1px solid #770D0D;
    font-weight:normal;
}

#v1 #ContentWrapper #PageContent h3 {
    color: #1D4A74;
    margin:20px 0 10px 0;
    font-size:1em;
}

#v1 #ContentWrapper #PageContent .FrontPageSplash {
    text-align:center;
    border:1px solid #ccc;
    background-color:#FBFBFB;
    padding:10px;
    margin: 15px 55px 10px 55px;
    font-weight:bold;
}






/*******************************************
    Left Nav
*******************************************/


#v1 #CurrentNavWrapper {
    width:200px;
    padding:20px 5px;
    margin:0;
}
#v1 #CurrentNavContainer {
    width:200px;
    padding:0;
    margin: 0;
    border-top: 1px solid maroon;
    border-bottom: 4px solid maroon;
    }
#v1 #CurrentNavContainer .Title {
    background-color:maroon;
    font-size:11px;
    color:white;
    padding: 2px 0 1px 3px;
    }
#v1 #CurrentNavContainer dl {
    list-style-type:none;
    padding:0;
    margin:0;
    }
#v1 #CurrentNavContainer dd {
    list-style-type:none;
    padding:0;
    margin:0;
    }
#v1 #CurrentNavContainer dd A {
    display:block;
    padding:0;
    margin:0;
    }
#v1 #CurrentNavContainer .depth1 {
    display:none;
}
#v1 #CurrentNavContainer dd.depth2,
#v1 #CurrentNavContainer dd.depth3,
#v1 #CurrentNavContainer dd.depth4,
#v1 #CurrentNavContainer dd.depth5 {
    /*margin-top:1px;*/
    }
#v1 #CurrentNavContainer dd a {
    margin:1px 0 0 0;
    background-color:#EFEFEF;
    font-size:.9em;
    padding:8px 0 5px 6px;
    text-decoration: none;
    color:black;
    }
#v1 #CurrentNavContainer dd a.Current {
    background-color:#EFE0E0;
    border:1px solid #BFA7A7;
    color:maroon;
    }
#v1 #CurrentNavContainer dd a:hover {
    background-color:#ccc;
    color:white;
    }
#v1 #CurrentNavContainer dd.Last {
    margin-bottom:1px;
    }








/*******************************************
    Footer
*******************************************/

#v1 #Footer {
    font-size:.8em;
    padding: 0;
    text-align: left;
    color:white;
}
#v1 #Footer a,
#v1 #Footer a:visited {
    color:white;
}

#v1 #Footer #Wrapper {
    font-size:.8em;
    margin: 0 auto;
    padding: 0;
    width: 675px;
    text-align: left;
    /*
    border:2px solid white;
    border-top:0 none white;
    */
    padding: 5px;
}

#v1 #Footer #LeftCol {
    float:left;
    width:220px;
}
#v1 #Footer #midCol {
    float:left;
    width:200px;
    text-align:center;
}

#v1 #Footer #RightCol {
    text-align:right;
    float:right;
    width:230px;
}

#v1 #Footer #LeftCol dl,
#v1 #Footer #RightCol dl {
	list-style-type:none;
	margin:0;
	padding:0;
	border:0;
	padding: 0;
	}
#v1 #Footer #LeftCol dd,
#v1 #Footer #RightCol dd {
	margin:0;
	padding: 0;
	border:0;
	padding:0;
}